申永祥学习室

“分页”和“自动加载”哪个用户体验更好?

SEO > 深度好文 > 申永祥 发布于 2014年04月14日 | 阅读(151)

不调研、不征求、不讨论,很讨厌现在一些团队leader的拍脑袋决策,甚至直接我想、我认为就决定了。即使没有实实在在的数据统计分析作支撑,也要看看大家怎么说吧,葛大爷曾公开告诉我们“要相信群众”啊,听听群众的声音啊。

分页和自动加载在用户体验上哪个更好?我们还是听听大家的意见吧!

元芳,你怎么看

丁扬,在校大学生

我比较喜欢分页。

自动加载无法感受到接下去的内容还有多少

自动加载内容多了的时候,显得页面过长

可以根据页码记住刚才看到的感兴趣的东西在第几页,回去找比较方便,但是自动加载的话就有些麻烦

点评:学生就是实在,很直观的说出自己感受,这就是用户体验
盗盗,务实的理想主义者和完美主义者

Web产品的话,我个人倾向于自动加载最多3页,第四页之后手动翻页。

首先,Web产品不需要过分担心流量的问题

其次,若按照上述解决方案,自动加载后产生的信息量一般在9屏左右,用户在此范围内根本不会承担任何心理负担;当然,翻看到第三页之后,还能继续翻看第四页的用户,我觉得最多只剩10%

然后,从用户的角度,我既然已经将翻到最后一页,意味着我有想看第二页内容的需求,那为什么要阻止我达到我目的,截断我的信息获取呢??

目前腾讯微博、新浪微博和Twitter都如此处理。

App的话,目前timeline上常规呈现的信息量都在30-50条items,所以,自动加载和手动加载(手动加载目前常用的包括按钮和上拉两种方式),我作为用户,其实觉得体验都一样的,根本不需要纠结的讨论利弊。

最后,如果出于做产品的考虑的话,我觉得这个问题收集个体用户的喜好意义并不大,具体加载的方式最终还是取决于应用场景。不过Web产品用上述解决方案是比较保险的。

点评:从PC端和移动端分别探讨,并指出存在问题和相应的解决方案,也给出自己中肯意见和倾向。

子木YoYo,做更好的自己

之前就有思考过这个问题,无论是在web页面还是手机应用,信息往往无法在一个页面全部展示,这就需要用到一些可以扩展页面信息的交互模式:分页(Pagination)和加载(Continuous Scrolling)。分页和加载都是非常常见的交互模式,我们每天都会遇到,也正是因为太常见,我们甚至感觉不到它们的存在,浏览到页面的底部时,看到分页就顺手点一下,自动加载了就继续阅读。但正是这小小的一点,也会带给用户很不同的微妙感受。

分页

分页可以将大篇幅的内容分成小块,显示在单独的连续页面上,便于用户理解和查找。可以让用户清楚的知道,自己所要浏览的内容到底有多少、已经浏览到哪个部分、还剩余多少。分页可以使用户对所浏览的内容有清楚的预期。

篇幅较长的文章是一定会用到分页的。一是给用户内容多少的预期,二是可以给浏览者提供一个停顿。如果用户看一篇文章已经翻了十几屏,滚动条还是停留在浏览器中间靠上的位置,那该多绝望。

再来看看搜索引擎和电商网站,也一定会看到分页控件。

在搜索或是查看商品列表时,内容的多少根本无法预期,分页的第一个作用自然还是告诉用户要浏览信息的量。第二,分页可以让用户快速的跳过一些不想看的信息,或是快速跳转到首页或尾页,自主的选择想要浏览的内容。第三,分页非常便于定位和回找,也许在搜索一条裙子时,我已经翻到了第五页,突然想起第二页有条好像还不错,可以直接跳转快速找到它。

分页控件实际上是给网站的内容创造了一个自然的停顿,这个停顿运用得好的话,可以让产品更有节奏感。但是当用户浏览完一页的内容时,就必须停下正在进行的阅读,通过点击进行跳转来获取更多内容。不可否认,这个停顿会在一定程度上打断用户的思路。在遇到分页时,用户很有可能会去思考,是继续浏览呢?还是离开网站呢?所以遇到分页时,往往会流失一部分用户。

连续加载

连续加载是一个与分页相反的交互模式,信息之间没有明显的界限或是停顿。当页面滚动到底部,新的信息就会被自动加载进来。

社交网络就特别喜欢用这种控件,用户不会被打断可以顺畅的一直浏览下去,沉浸其中。

但是由于信息是自动加载的,页面看起来好像没有结束,很难预测页面的内容到底有多少。一味的加载会让用户产生迷失感:这一页的内容到底有多少呢?我已经浏览了多少内容?我什么时候才能读完这一页呢?对于这种没有停顿的页面,用户想要搜寻之前看到过的信息时,也有些困难。但对于这种以休闲娱乐为主社交型的产品来说,使用不打断用户信息流的加载方式,还是非常合适的。使用分页控件时,用户必须通过点击才能查看到更多的内容,所以说,信息获取是用户主动请求的。而使用连续加载时,新的信息是被自动加载进来,用户是被动的接受。

折中的方式

分页和加载各有利弊,如今的很多网站也会采取一些折中的方式:分页加载一起用。

如Quora,会在自动加载4次后出现一个“More”按钮,在连续的信息流之后,给用户一个停顿,让他们去主动的获取更多信息。

新浪微博也采取了这种折中方式,自动加载两次后出现分页。对于大多数用户,在闲暇时浏览微博,加载两次的内容已经能够满足他们,对于需要浏览更多信息的用户,也让他们知道自己到底浏览了多少。

为了使用户可以快速看到更多图片,Google图片搜索也采用连续加载的方式,但在搜索图片时,用户也非常需要明确的自己的位置,也很有可能会回去找刚才看到过的图片,所以Google在同一页中也会标出页码,便于定位和查找。这也是另一种折中的方式。

点评:主要从SNS社区类网站出发,并结合用户体验,比较全面的阐述了分页和自动加载在不同环境下的优缺点,同时给出互相结合的折中方案。

江南刀客,动漫/围棋/奶爸/创业者

我讨厌pinterest无底洞一样的自动加载,应该让我知道现在在哪里,还有多久到终点。

手机平板:自动加载一定数量+然后分页

pc:其实我最喜欢的是分页+键盘操作

点评:言简意赅,直观的用户体验。

kidlg,码奴

移动端喜欢自动加载,触屏按下一页总是有点小不方便;

PC端喜欢分页,可以把握整个内容。

点评:同样很直接而又分类的说出自己想法。

汪江帆,发觉有意思的东西与大家分享。

哈,我正在做着需求,我们也打算将评论设置成可以自动加载的,不过如果是无数次地加载的话,确实也是有问题的,用户有很多不确定性。但是不加载,又会担心让用户点击会很麻烦。这是一个纠结的问题。但是我打算像微博学习,自动加载两次,剩下的就手动点击翻页吧。折中。

点评:认为自动加载两次后手动翻页是最好的用户体验,不废话。

蔡永江,产品、企划~

用PC机的,还是喜欢分页,自动加载老是感觉没底,而且加太长了页面感觉不舒服。

移动终端自动加载应该更好些。

点评:同样直接分类的说出两种环境下的感受。

Joker Qyou,会挑刺,非典型用户思维。

分页+自动加载。只有自动加载的话,页面太长了来回好不方便,而且一下不小心奔溃了的话会吐血的;只有分页的话,要是网站那边设置地有问题,比如说每五篇文章分一页,文章又特短的话,也会很烦的。

点评:怎么说呢,说的跟没说一样。

yinshanlan,冷冻用户(不推荐关注)

如果是一篇文章,自动加载(时光网为分页);如果是显示条目(知乎、饭否),分页。

点评:话不在多,在精。

林志强 NetPuter,信仰技术商业,期待创造改变人们生活方式…

从产品的角度来说,由于实时更新的 Timeline 后续展示的是未知的内容,直接翻到未知的第 3 页、第 4 页的分页没有必要,所以我认为应采用类似于知乎的「加载更多」的翻页方式,当页面滚动接近底部时,自动加载 2 次,之后由用户决定是否继续加载。

而从技术的角度来说(可能说得不专业),按页码展示 20 条消息(即分页)的 SQL 语句类似于:

SELECT * FROM Timeline ORDER BY `id` DESC LIMIT 20000, 20;

其含义是扫描前 20020 行,取最后那 20 行。

而按 max_id 展示 20 条消息(即加载更多)的 SQL 语句类似于:

SELECT * FROM Timeline WHERE `id` < 10086 ORDER BY `id` DESC LIMIT 20;

其含义是以倒序形式定位到第 10085 行,取前 20 行。二者的效率在大数据量的查询上相形见绌,而响应速度也是用户体验的一方面。

不过,采用分页还有一个好处是,不会因为加载了太多的内容,导致浏览速度变慢,比如瀑布流……

点评:专业人士,一看就是一天到晚对着数据分析来分析去的技术宅or产品经理。

戏园子,自由,平等,共享,互助

这得看实际需要,如果需要比较前后的数据,或者查看大量的数据,显然自动加载比较好。如果是浏览内容,例如看帖,还是分页比较好,理由同丁扬。

点评:一句话,看情况。

兔叉子,

要看.在移动客户端,自动加载会省略操作步骤\节省页面空间以及提高加载速度.

在网页上,分页能够给出更强的指示性.

点评:还是看情况。

易晓杰,不关注一切以假设为前提的问题。

分页和自动加载取决于应用场景,而非用户喜好。所以这个问题是个伪命题。

点评:怀疑一切。

阮少勋,问题是长的好,答案是短的好

对于完整的信息,比如一片文章,分页更好,url分享传播也方便。Timeline 由于是时间排序的,第一页其实是不固定的,分页的标记意义就等于没有了,自动加载也更符合Timeline浏览的本质意义。

点评:多了个Timeline的角度看问题。

张永辉,不生虫 | 爱生活…

流量充足的情况下无所谓

流量有限的情况下就有所谓了

最好是一个可选项

流量消耗在自己的可控范围内

点评:从流量角度看用户体验,这倒是个新角度。

shadow tang,

自动加载2次,点击更多,再次加载…

分页老让我点,加载的时候还要重新加载一些无关紧要的东西…(GA),影响我的阅读

我希望以最少的点击快速找到需要的东西

点评:一句话,自动加载2次后分页显示。

郑锐彬,

我也说说自己的想法,自动加载适合实时更新的 Timeline ,以新浪微博为例子:微博140字信息实时更新,意相上就如一个人悠闲无目的得接受20条来自身边圈子的无规律信息,大部分信息在用户脑海中之停留时间很短,部分重要信息引起关注后,会停顿加深记忆并产生反馈,其余信息都以浏览形式掠过。这样的阅读感受对于用户来说非常轻松,以至于用户不会太在意页面的稳定和信息的完整,也不会担心信息数量和阅读进程如何。而拖拽、滚动这类不需要精确数的操作对于此时的用户心理正好合适。而微博两次自动加载后手动加载我认为除优化页面负荷外,还有防止旧信息重复出现,信息无穷无尽的不好体验,影响用户浏览的心情。以此来保持用户的粘性。

分页是常用的方式,但以淘宝商品列表为例子,分页是有它充分的作用。打开淘宝搜索一个商品,首先用户是带有目的性。当页面出现一个4X10卡片、有规则的图文信息排布后,用户的心理预期会与页面上的产品逐一对比,此时用户对页面信息的反馈非常活跃,集中在卡片的图片位置和价钱位置,卡片与卡片的对比变得非常重要,包括横向纵向,因此要求卡片的信息排布必须统一、清晰(相反对于美丽说、逛这类瀑布流的卡片,这个心理就更趋向上一种情况)。看完一页后,用户心理会标记入选的商品,而且可以很容易记住该商品在4X10方格上的位置。此时分页的停顿巧好可以给这一页的选择结果做一个心理记录,而继续翻页也会提醒用户其已经查看的数量和剩余数量,让用户对接下来的操作有个心理预期,当用户作出选择后,页码可以清晰的提示前面商品的位置,达到快速获取结果的作用。在这个环节淘宝把页码按钮设为40x40px,便于快速点击。

点评:分析人士,什么事都先分析一通,然后就没有然后了。

曹新,UX Expert

自动加载 + 自动隐藏

自动加载新的内容,同时自动隐藏旧的内容。

不论从界面的体验或者系统的稳定性方面,光自动加载有很多风险/问题,在浏览器滚屏的时候,停留在上方的之前加载的内容已经浏览过了,所以意义不大了,人们更关心的是新的内容。并且页面的内容越多,那么浏览器的负载也越大,奔溃的可能性也大了。自动隐藏可以减少这些问题或者风险。

其实翻页是一个比较可掌控的操作方式,相对麻烦些,需要多次点击。对于浏览大军来说有所阻碍,并且也会阻碍网站深层内容的挖掘。我比较推荐自动加载,配上自动隐藏的功能就完美了!

点评:在自动加载基础上多了自动隐藏,这也是现在很多网站采用的形式。

综上:

1、视不同场景而定:PC端和移动端(或者说WEB页和手机页)、内容页/文章页与列表页/Timeline等形式。

2、自动加载+分页显示+自动隐藏相结合。自动加载2~3页后分页显示。

其实这么多回答就这么简单!(这是2011年的回答,看看现在这些网站,很多都是这种形式的做法)

原文地址:http://www.zhihu.com/question/19610513

转载请注明来源:申永祥博客,(QQ/微信:790799899)原文地址:http://www.shenyongxiang.com/linxige/702.html

声明:博客内容除标记原创字样以外内容,均来自网络转载,版权归原作者所有,如涉及版权问题请及时联系处理。

上一篇:电商的10种死法 赚钱至上淘宝店97%成炮灰 下一篇:提升网站文章可读性的排版技巧大全