无限滚动与分页设计

无限滚动

无限滚动技术,简单地向下滚动就可以不断刷新页面加载更多的内容，现在很多移动端使用的方式。

一、优点

1. 用户参与度和内容发现

会让用户继续留在你的web页面中，因此增加了接触的时间。特别是社交媒体类,大量的数据在实时更新，无限滚动提供了一种有效的浏览海量信息的方法。
无限滚动几乎是每一个发现界面都必备的。当用户不是为了寻找某些特定的内容时，他们需要浏览大量的信息去发现他们喜欢的东西。由于内容更新的太快，用户很难看到所有的信息,无限滚动是一种让尽可能多的信息呈现在用户信息流的有效方式。

2. 可用性优势

滚动比点击拥有更好的用户体验

3. 滚动很适合移动设备

屏幕越小,滚动的时间越长。移动浏览的普及是采用滚动方式的另一个重要原因。移动设备的手势控制使滚动更加直观和易用。无论用户使用什么移动设备，那种响应式的体验比点击好多了。

二、缺点

1. 页面性能和设备优势

对于良好的用户体验来说，页面加载速度非常关键。缓慢的加载时间将导致用户关闭网页或退出应用程序。用户向下滚动的越多,更多的内容将被加载到页面上，页面性能也会慢慢下降。
另一个限制性因素是用户的设备。特别是当网站滚动加载的是许多图片时，设备性能的限制会导致体验大打折扣。

2. 信息搜索和位置

当用户到达信息流的某个位置时,他们不能标记位置然后过会再返回到这个地方。如果他们离开这个网站或应用程序,再进来时就要重新向下滚动到原来那个地方。如果页面很长，而自己要的信息又在比较下面的话，用户体验肯定不会太好。（微信解决了这个问题，哪怕后台关闭了程序，重新进入图文时会直接到达原来的浏览位置）

3. 无关紧要的滚动条

另一个烦人的事情是,滚动条并不能真实地反映你所在的位置。从可访问性的角度来说，这里的滚动条成了一种误导。

4. 缺乏一个页脚

页脚的存在是有原因的:它们包含很多有用的内容。网站使用无限滚动时应该使页脚可访问,可以把它放到顶部或侧边栏。
另一个解决方案是使用一个加载更多的按钮。新的内容不会自动加载,直到用户点击加载更多按钮。

分页

分页是一个将内容分为单独页面的用户界面模式,如果你滚动到页面底部看到数字行或有个“下一页”按钮,那就是网站或应用程序的分页。

一、优点

1. 用户参与度和内容发现

当用户要找的信息在结果列表中时,分页是一种不错的方式，它不需要用户去浏览整个信息流。谷歌搜索结果例子。

2. 控制的感觉

无限滚动就像一个没有尽头的游戏——无论你滚动多少次,好像永远不会结束。
当用户看到的结果总数(当然不是无限)时，他们会估计找到他们需要的信息大概需要多少时间。

3. 信息的位置

分页界面可以让用户有一个大概的位置信息。他们未必知道确切的页码,但他们会记得大概是多少页,分页的链接可以让他们更容易到达那里。

二、缺点

1. 多余的操作

要进入下一个分页面,用户必须找到链接目标(例如“下一页”或数字),单击它然后等待新页面加载。

什么情况下使用无限滚动/分页?

只有少数情况下采用无限滚动是合适的。最适合的是拥有用户生成内容（微博、Twitter、Facebook)或视觉内容(Pinterest、花瓣、 Instagram)的那些网站和应用程序。分页相对来说是一个安全的选择。

谷歌就很好的说明了这一点。谷歌图片使用无限滚动,因为处理图像信息比处理文字信息更容易。但搜索仍然使用传统分页技术，因为浏览搜索结果需要更长的时间。