您现在的位置:   首页 >> 优客智库 >> 产品设计

瀑布流还是分页?全面分析教你如何选择

发布人:www.yunke.ai 发布时间:2021-01-01 129 次浏览

编辑导语:如今我们经常在互联网上进行购物或者查看消息,很多时候在内容较多的网页,会有“分页”和“瀑布流”两种方式,但在交互上需要注意两种方式的不同用法和场景;本文作者分享了关于“分页”和“瀑布流”的分析,我们一起来了解一下。

“分页”和“瀑布流”是我们在互联网交互界面中最常见的两种浏览形式,作者从自己亲身经历的一件小事出发,反思这一在交互设计中经常出现的问题;举例说明了在哪些情况下我们往往会选择使用分页或者是瀑布流,并分析其背后的复杂原因,同时还对桌面端和移动端的差异做了更深层次的思考;**,作者结合以上思考为我们提出了三条在使用分页或瀑布流前要考虑的事情,帮助我们做出更好的选择。

对我们大多数人来说,2020 年是艰难的一年,但是好在还可以在附近旅行,于是我和表弟计划 12 月初到海滩过周末;但当我们在一个叫 Powerlook 的购物网站上买衣服时,遇到了一个相当烦人的问题。

瀑布流还是分页?全面分析教你如何选择

我在电话里向表弟描述一件特别的衬衫,但他在网站上却怎么也找不到。由于我没有把它加入心愿单,导致不得不重新搜索,并在浏览的同时保持注意力高度集中,避免在我不耐烦地向下滚动页面时错过它。

每次他找不到我正在描述的产品时,我就只能傻傻地向下滚动页面来找到它。天呐,这太烦人了!

如果他们像 Amazon 或 Flipkart 那样对内容进行分页,我只要记住页码就可以在查找产品时节省大量的时间和精力。

瀑布流还是分页?全面分析教你如何选择

Flipkart 上的分页

如果你不知道分页是什么,请参阅下图。没错,在页面底部用一行数字链接到单独的页面,就称为分页。

瀑布流还是分页?全面分析教你如何选择

Credits:PNGio

作为设计师,这件事让我深思。

一、我们应该选择在何时使用分页或瀑布流?

When should we use Pagination vs Infinite Scroll?

老实说,这个问题的答案并不是二选一,它取决于许多因素,包括对内容优先级的考虑。

如果想要区分这两者,我们只需搞清楚我们上网的目的究竟是什么:是搜索还是浏览?而大多数人往往倾向于交替使用这些术语。

搜索是一种目标导向型的查找任务,你需要从海量信息中寻找特定的内容或选择。想象你正在亚马逊上购物或者是在 VOGUE 上阅读文章,在这种情景下,“分页”方式刚好合适,因为它将内容分解成了易于使用的区块。

瀑布流还是分页?全面分析教你如何选择

与搜索不同,浏览是为了娱乐或寻找灵感,你需要多个结果,并没有特定的目标;就像花时间在 Facebook 上或者在 YouTube 上随机观看视频那样。这些活动需要做出大量的选择,因此 “瀑布流” 比较合适。

瀑布流还是分页?全面分析教你如何选择

本页面均来此互联网页面如有触犯其他或者第三方利益请联系站长删除 137865155@qq.com