当前位置:首页 > 经验学习 > 交互设计

交互设计:分页还是加载,这是一个问题

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

【编者按】本文作者@子木yoyo 发布于其个人博客。无lun(论)shi(是)在web页面还是手机应用,信息往往无法在一个页面全部展示,这就需要用到一些可以扩展页面信息的交互模式:分页(Pagination)和加载(Continuous Scrolling)。分页和加载都是非常常见的交互模式,我们每天都会遇到,也正是因为太常见,我们甚至感觉不到它们的存在,浏览到页面的底部时,看到分页就顺手点一下,自dong(动)加载了就继续阅读。
dan(但)正是这小小的一点,也会dai(带)给用户很不同的微妙感受。本wen(文)就来聊聊这些小差异带来的大不同。
分页
分页可以将大篇幅的内容分成小块,显示在单独De(的)连续页面上,便于用户理解和查找。可以让用户清楚的知道,自己所要浏览的内容到底有多少、已经浏览到哪个部分、还剩余多少。分页可以使用户对所浏览的内容有清楚的预期。
篇幅较长的文章是一定会用到分页的。一是给用户内容多少的预期,二是可以给浏览者提供一个停顿。如果用户看一篇文章已经翻了十几屏,滚动条还是停留在浏览器中间靠上的位置,那该多绝望。

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

在搜索或是查看商品列表时,内容的多少根本无法预期,分页的第一个作用自然还是告诉用户要浏览信息的量。第二,分页可以让用户快速的跳过一些不想看的信息,或是快速跳转到首页或尾页,自主的选择想要浏览的内容。第三,分页非常便于定位和回找,也许在搜索一条裙子时,我已经翻到了第五页,突然想起第er(二)页有条好像还不错,可以直接跳转快速找到它。
分页控件实际上是给网站的内容创造了一个自然的停顿,这个停顿运用得好的话,可以让产品更有节奏感。但是当用户浏览完一页的内容时,就必须停下正在jin(进)行的阅读,通过点击进行跳转来获取更多内容。不可否认,这个停顿会在一定程度上打断用户的思路。在遇到分页时,用户很有可能会去思考,是继续浏览呢?还是离开网站呢?所以遇到分页时,往往会流失一部分用户。
连续加载
连续jia(加)载是一个与分页相反的jiao(交)互模式,信息之间没有明显的界限或是停顿。当页面滚动到底部,新的信息就会被自动加载进来。
各种社交网络就特别喜欢用这种控件,用户不会被打断,可yi(以)顺畅的一直浏览下去,沉浸其中。

dan(但)是由于信息是自动加载的,页面看起来好像没有结束,很难预测页面的内容到底有多少。一味的加载会让yong(用)户产生迷失感:这一页的内容到底有多少呢?我已经浏览了多少内容?我什么时候才能读完这一页呢?对于这种没有停顿的页面,用户想要搜寻之前看到过的信息时,也有些困难。但对于这种以休闲娱乐为主社交型的产品来说,使用不da(打)断yong(用)户信息流的加载方式,还是非常合适的。
使用分页控件时,用户必须通过点击才能查看到更多的内容,所以说,信息获取是用户主动请求的。而使用连续加载时,新的信息是被自动加载进来,用户是被动De(的)接受。
折中的方式
分页和加载各有利弊,如今的很多网站也会采取一些折中的方式:分页加载一起用。
如Quora,会在自动加载4次后出现一个“More”按钮,在连续的信息流之后,给用户一个停顿,让他们去主动的获取更多信息。

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

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

手机客户端
在屏幕更小、使用场景更多变的手机端,滑动显然比jing(精)确点击更简单更不容易误操作。手机端产品信息架构相对简单,用户浏览时长xiang(相)对较短,使用时注意力也相对分散。所以大多数app都会使用连续加载的方式。而且加载ye(也)比分页控件更省kong(空)间。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: