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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,744评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,888评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,067评论 4 62
  • 直到现在,我还记得自己第一次坐火车时的那种心情。那是一种对陌生事物的向往,是一种对未知旅途的期待。心中既不安又憧憬...
    九月江城阅读 1,780评论 0 9
  • 人与人之间,总有邂逅; 心与心之间,总会生情。 感情,没有模板,只要感到心暖; 相处,没有形式,全凭轻松自然。
    好时光生活荟阅读 138评论 0 0