【译】瀑布流与分页设计比较

本文译自：Infinite Scrolling vs Pagination by Nick Babich from UX Planet
没有严格按照原文一字一句翻译，只是根据自己的理解译出其基本意思。

瀑布流和分页设计是展示信息的两种不同方式。瀑布流就是向下滚动页面时内容会不断刷新以加载更多，分页设计就是将信息分成一页一页，然后通过点击进入。

下面是两者的优缺点

瀑布流

先说优点

优点1：通过流畅的显示以及海量的信息吸引用户
使用瀑布流显示信息时，因为信息的显示是实时的，特别是在移动设备上，随着手指的下滑信息不断出现，该过程的流畅性会让用户更好地沉浸其中，同时，不断出现的新的信息也会吸引住用户。
当然，这个优点成立的前提是用户没有很明确的目的，反之会成为缺点。

优点2：更好的操作体验
滚动比点击使用起来更加轻松，包括鼠标滚动和手指滚动。根据菲茨定律，点击所花费的时间较长，除非点击目标够大。而滚动则几乎没有负担。

优点3：更好地适用于移动设备
移动设备屏幕较小，一屏显示的东西不多，因此翻页要比较频繁。在这种情况下，瀑布流的显示是具有更大的优势的。

下面是缺点

缺点1：性能要求比较高
有两点，一个是网速的要求，一个是设备的要求，如果达不到要求，瀑布流的显示会有延迟，以上的优点就都不存在了。而且即使性能达到要求了，随着东西展开越来越多，缓存越来越多，性能要求会更高。

缺点2：搜索和定位的不便
一旦离开页面，下次打开时要重新找到自己上次的内容比较麻烦，不能快速定位。现在有一些应用可以恢复上次关闭时的位置，但是往往会造成打开速度的变慢，因为加载的东西更多了。

缺点3：有点鸡肋的滚动条
滚动条是用来显示位置的，但是在瀑布流中，你看着滚动条到达最低段了，然而随着新内容的加载，又马上上升，这时候滚动条的定位就没什么实际意义了。不过我觉得还是有作用的，可以用来快速返回前面。或者在两个位置之间快速变换。

缺点4：没有页尾
一个无限的页面，自然就没有尾了，页尾有时候会有一些有用的信息，但是用户一滚动到最下面，又重新加载出新的东西，这会让用户感到沮丧。
最好在顶部或者侧边加上页尾的信息。

另外，有一个瀑布流的变形，就是不自动加载，而是增加一个点击加载更多的按键，这算是一个折中吧。

分页

优点1：对信息良好的控制
原文章分为3点去讲，我觉得其实可以直接归为一点。
分页显示时，你可以快速地了解信息量的多少，比如搜索结果，是10页，100页，还是1000页，然后你就可以有自己的预期，是要换个关键字，还是往下翻翻看，而且你可以估计所需要的大致时间。
另外一点就是快速地定位，你只要记得上次是在第几页，就可以快速达到。

优点2：性能
相比于瀑布流对性能的要求，分页因为其显示内容相对较少，要求较低。但是在由于每次点击换页都要重新加载，所以总体还是不如瀑布流流畅。

缺点1：额外的切换动作
显而易见，就像前面说的，点击需要花费一定的时间以及精力。而且，结合上一点，如果要求加载速度较快，那么内容则比较少，用户点击的次数增加，如果要显示更多的内容以减少点击次数，那加载速度要受到影响。

总结

瀑布流还是要慎用，除了少数一些场景，像用户生产内容的Twitter，Facebook和视觉内容的Pinterest等。分页相对来说是一个比较保险的方案。
就像谷歌，图片搜索是用瀑布流显示，文字搜索用分页显示。
一般来说，瀑布流用于用户没有很明确的目的，只是喜欢获取尽量多的信息的情况，分页用于用户有较明确的目的，对定位有一定的要求的情况。