本文译自: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等。分页相对来说是一个比较保险的方案。
就像谷歌,图片搜索是用瀑布流显示,文字搜索用分页显示。
一般来说,瀑布流用于用户没有很明确的目的,只是喜欢获取尽量多的信息的情况,分页用于用户有较明确的目的,对定位有一定的要求的情况。