分页式设计还是瀑布流滚动设计？信息量大的网站取舍指导

1. 双向互动，让使用者有时间思索、决策：

阅览完一页后，因为还要点击下一页的关系，有机会停顿一下，使用者有个喘息的机会，去思考是否还要继续看下一页。不像infinite scroll，一直出现新的内容，不停被喂养信息。

2. 给予使用者较佳的控制感：

在找寻时，pagnation的分页，会让使用者知道已经找了几页。有研究指出到达页面底端时，有种任务达到一个段落的感觉，会让使用者有种愉悦的成就感和控制感。

3. 快速查找过往信息：

相信大家都有过找寻一些历史消息的经验，可能找了几页数据，我们就可能10页10页这样跳，大概会抓说可能10页就是几天的讯息，可能可以利用页数，大概抓到资料会在第几页哪个位置。但是infinite scroll就无法做到这件事了，如果要找比较远的数据，就必须一直scroll到底再等待加载，中间加载了许多我们不需要的信息，就为了看比较久远的数据，强迫我们必须经历那个过程。

另外，有时候我们查找一些数据，需要再跳回去看的时候，我们大概会依稀记得之前看到的数据，大概会是在第几页，除了帮助记忆外，可以让我们可以更快跳到想要的内容上。Infinite scroll因为scroll bar长度及位置的不停变动，无法像pagniation易于定位。

Pagination和Infinite scroll有各自的优缺点，运用在适当的情境时，可以将优点及大化，缺点甚至会转为优点。Pagination是比较常见的设计，因为需要点击才有下页内容，让人有停顿的时间，适合用在目标导向、一些需要思考决策、有目的性的活动，例如搜寻商品，或是找寻数据。

而Infinite scroll适合快速且随意浏览的情境，也因为结构较为扁平，适合放同性质的内容。由使用者产生的内容（例如：Facebook、Twitter）以及图片内容（如：Pinterest、Dribbble）都相当适合Infinite scroll，而面对较差的控制感、浏览器负荷高等缺点，能以Load more按钮，作为折衷的办法。

再回过头看最初的问题，历史纪录应该用pagination还是infinite scroll？ 或许一开始数据量不大的时候，infinite scroll是好用的，可是当数据量慢慢累积，需要好几页的内容时，为了找寻特定目标的需要，pagination会是比较好的选择。

电子商务究竟较适合Pagination还是Infinite Scroll呢？

我认为，要看情境做判断。如果今天这个购物网站，比较像是让人能快速找到所需物品，使用者知道自己要买什么，买了就走，功能性取向的，就使用Pagination较为合适。但如果今天的购物网站，是想要营造逛街购物的氛围，让使用者随意看看，激起购物欲望，那么或许Infinite scroll也是可以考虑的，只是最好能在每个商品的Tile上，能有我的最爱功能，点击爱心之后，可以收藏起来，避免最后找不到自己心动的商品。

其实有研究指出，pagination会拖慢浏览速度，也会让用户懒得点击去看其他页面的产品，降低产品曝光度。不过另外一方面，使用Pagination，会让使用者花比较多的时间在第一页。当我们知道这些现象的时候，其实就可以运用一些策略手法，把看似缺点变成优点。例如使用Pagination，多数人都停在第一页，这时候，第一页就可以放主打商品。

△ Fancy：无限滚动模式的购物网站

另外，无论是Pagination或是Infinite Scroll with Load More button都会面对一个问题，就是究竟Pagination的一页或Infinite scroll 出现按钮的长度应该要多长，要放多少东西，才是适宜的？这也是值得探讨的议题。

有文章指出，在电子商务的情境下运用Infinite scroll，从产品类别点进去看的商品，可以列出50-100项产品，再出现Load more按钮，但如果是搜寻结果，则建议25–75项，在手机上，则是因为屏幕的限制，建议15–30项商品即可。

同样是电子商务，简单看了一下市面上的网络购物平台，运用Pagination的平台，一页也是50–100个物件间。

△ Taobao：每一页有85个商品

eBay：默认50个商品，用户可以自由选择展示数量。

如果今天情境转为非电子商务平台，又会是什么结果呢？还可以再多做探索与研究。

最新评论