美文网首页产品汪汪叫~
分页、加载更多和自动加载的交互可用性分析

分页、加载更多和自动加载的交互可用性分析

作者: View_JY | 来源:发表于2019-02-19 17:44 被阅读14次

一、分页(手动加载)

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

分页可以使用户对所浏览的内容有清楚的预期。篇幅较长的文章是一定会用到分页的。一是给用户内容多少的预期,二是可以给浏览者提供一个停顿。如果用户看一篇文章已经翻了十几屏,滚动条还是停留在浏览器中间靠上的位置,用户会产生很大的负面情绪。

例如百度的搜索结果页面:

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

分页控件实际上是给网站的内容创造了一个自然的停顿,这个停顿运用得好的话,可以让产品更有节奏感。但是当用户浏览完一页的内容时,就必须停下正在进行的阅读,通过点击进行跳转来获取更多内容。

不可否认,这个停顿会在一定程度上打断用户的思路。在遇到分页时,用户很有可能会去思考,是继续浏览还是离开网站?

所以遇到分页时,往往会流失一部分用户。

小结

优点:

告知用户信息量多;

便于用户快速跳过不想看的信息;

有利于定位和回看信息。

缺点:

中断用户浏览路径,引起用户思考和做出选择,需跳转新页面寻找信息;

手动加载适合用户主动获取信息。

二、加载更多

加载更多交互方式,在PC端的交互是鼠标点击某按钮实现分页加载,在移动端的操作是上拉页面加载更多。加载更多交互方式的差异性,体现在终端的不同。PC端应用加载更多按钮的交互方式的产品,最为大家熟知的是知乎。

知乎是一款知识共享平台,用户通过搜索行为得到的搜索结果,一般而言,是与用户目的具有强相关性的信息。

所以,在搜索结果页,用户需要仔细了解每一条搜索结果信息,需要在每一条信息上停留更多的时间。如果未找到信息,可以适当查看更多。这样既避免一次性堆给用户大量信息,又节约用户查找信息的时间,效率更高。

小结

仔细关注信息/内容;

可浏览的信息数量较多;

不需要思考去哪查看信息,认知负担较轻;

内容是不断增加,而不是替换。

这种加载方式适合用户主动获取信息的行为。

三、自动加载

自动加载根据终端的不同,其交互方式又分为鼠标滚动无限加载和触屏滑动无限加载两种。连续加载是一个与分页相反的交互模式,信息之间没有明显的界限或是停顿。当页面滚动到底部,新的信息就会被自动加载进来。各种社交网络就特别喜欢用这种控件,用户不会被打断,可以顺畅的一直浏览下去,沉浸其中。

但是由于信息是自动加载的,页面看起来好像没有结束,很难预测页面的内容到底有多少。

一味的加载会让用户产生迷失感:这一页的内容到底有多少呢?我已经浏览了多少内容?我什么时候才能读完这一页呢?

对于这种没有停顿的页面,用户想要搜寻之前看到过的信息时,也有些困难。但对于这种以休闲娱乐为主社交型的产品来说,使用不打断用户信息流的加载方式,还是非常合适的。

使用分页控件时,用户必须通过点击才能查看到更多的内容,所以说,信息获取是用户主动请求的,而使用自动加载时,新的信息是被自动加载进来,用户是被动的接受。\

小结

优点:用户不会被打断,可以顺畅的一直浏览下去,沉浸其中、快速浏览信息。

缺点:

浏览器的负荷大;

信息量大,用户看不到尽头,迷失,浏览信息量大,每条信息停留时间短;

用户回看信息比较困难;

由于滑动页面惯性,对界面没有掌控权。

自动(连续)加载适合用户被动获取信息。

以上为三种常见加载方式的可用性分析,三种加载交互方式的选择需要结合具体的应用场景和用户获取信息的行为来做出设计决策。一种比较好的信息加载方式是先自动加载,后手动加载。

这种加载方式应用比较好的是新浪微博、腾讯微博等产品,根据时间轴的形式加载动态信息。

相关文章