分页式设计还是瀑布流滚动设计？信息量大的网

如果你的网站信息量巨大，你会选择分页式设计还是瀑布流滚动设计？下面就这两种设计方式的优缺点比较，给大家分析一下到底哪种适合你的网站。今天这篇好文详细分析了各大信息流网站（谷歌、Pinterest、淘宝）的做法，列举了这两种方式的优缺点和适用场景。一篇精悍简练的干货文，来收！

前阵子工作中，刚好有做到Log历史纪录的设计，窗体应该要采用哪种设计策略，也引起一阵讨论。无论是电子商务网站、搜寻结果、图片浏览、历史纪录等等，只要是内容信息量大时，设计师总是会面对到同样的问题。

来看看Google的设计，它在一般搜寻时，采用Pagination（页码）的方式，可是在图片搜寻时，却使用Infinite scroll（无限滚动，瀑布流）。为什么会有如此的差异呢？

△ Google Search

△ Google image search

其实pagination和Infinite scroll有各自的特性，适合在不同的情境。Pagination把数据分成一页一页，下方有页数或是指示可以点击换页，让人有停顿的时间。而Infinite scroll则是将内容都放在同一页，当滚轮滚到页面下方时，会自动加载新的内容，无需点击换页。

Infinite Scroll 优点

1. 流畅的体验，可以持续浏览内容：

在滚轮滚动的同时，背后也悄悄开始预载窗口下方的内容，用户可以无缝阅览，比较容易沉浸其中，不像pagination，点击完下一页之后，需等待页面载入。 它其实适合运用在没有特定目的的活动上，无聊的时候，可以打发时间的随意浏览，例如Facebook News Feed。

Infinite Scroll架构也相对扁平，适合展示相同阶层架构的东西，而图片就是最好的内容物，因为视觉的信息比较文字更快被人所接收，我们总是能很扫射完图片，Pinterest就是利用Infinite Scroll的特点，不停给予各式图片，供设计师快速找寻灵感、给予源源不绝的刺激。

2. 操作简易快速：

不用过多瞄准点击的操作，只需滚动，就能有新的内容，操作效率较佳。而且在手机上，scroll浏览也比点击来得方便。

△ Pinterest

Infinite Scroll 缺点

1. 难以回溯、确认数据位置：

在一个超长的页面中，如果要再往回找自己之前看过的东西，会很难寻找，不知道它的位置，不像pagination，可以记得内容是在第几页。

2. 找寻想要的特定信息时，较无效率：

无法略过不必要的内容，直接跳页看。自己在拍卖网站购买物品的经验是，下完关键词，选择价格排序后，往往最前面几笔和最后面几笔的数据，基本上都是和自己想买的对象不相关(有些卖家故意会用0元或99999999元，争取最佳排序位置)，这时候可以跳页就变得重要，当然多下一些过滤，也可以帮助找到数据。