当页面内容资讯很多时,设计上应该使用分页,还是瀑布流无限滚动的方式呢? 今天这篇好文详细分析了大资讯流网站谷歌。无论是电子商务网站、搜索结果、图片浏览、历史纪录等等,只要是内容资讯量大时,设计师总是会面对到同样的问题。

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

△ Google image search

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

简单分析一下 Infinite scroll 的优点

Infinite Scroll 优点
1. 流畅的体验,可以持续浏览内容:

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

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

2. 操作简易快速:

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