用户体验设计 — “无限滚动”与“分页”设计的使用(下)

“我应该选择“无限滚动”还是“分页”的形式来展示我的内容呢?”这是不少设计师存在的困扰。其实,两种方法展现形式都有各自的优点和缺点,在本专题内容中我们将概述这两种方法并决定我们的项目应该使用哪一种。

分页设计

“分页”是一种将内容分为不同页面的用户界面模式。如果你滚动鼠标到页面底部并查看数字,这行数字是一个网址或应用程序的分页。

用户体验设计 — “无限滚动”与“分页”设计的使用(下)_第1张图片
分页

优点

1.直观的数据体现

如果用户在列表中进行内容搜索,而不仅仅是为了浏览和消耗信息流时,这个时候分页效果很合适。

以 Google 搜索为例子来衡量分页设计的优点。通过你的实践,找到理想的搜索结果可能需要一秒也可能是一小时。但当你搜索停止时,你可以知道搜索结果的确切数量。您可以决定在哪里停止或者还有多少结果需要浏览。

用户体验设计 — “无限滚动”与“分页”设计的使用(下)_第2张图片
Google搜索界面

2.让用户拥有控制感

无限滚动像一场无止境的游戏——不管你滚动到多远,都觉得自己永远无法到达终点。当用户知道可用结果时,就能做出更明智的决定,而不是继续浏览无限滚动列表。根据David Kieras研究的人机交互心理学:“ 到达终点提供了一种控制感 ”。研究还表明,当用户获得有限但相关的结果时,他们能很容易判断他们正在寻找的内容是否存在。

当用户看到结果的总数(总数据量不是无限的时候),他们将能够估计需要多少时间才能找到他们实际需要的内容。

3.快速到达目标位置

分页界面让用户记着该内容的大概位置。他们可能不一定知道页面的确切页数,但是会记住大概的内容,分页的链接让他们更容易到达自己的内容位置。

用户体验设计 — “无限滚动”与“分页”设计的使用(下)_第3张图片
通过分页,用户可以控制导航,因为知道点击哪个页面返回到原来的位置

分页适合ecomerce网站和应用程序。用户在线购物时,他们希望能够快速回到他们离开的地方继续购物。

缺点:

1.额外的点击

要进入分页的下一页,用户必须找到链接目标(例如“下一步”),将鼠标悬停在上面,点击它并等待新页面加载。

点击内容

大多数网站向用户显示一个单页面,内容受限。通过在不影响加载速度的情况下延长页面的使用时间,用户将获得更多的页面内容,而无需点击或点按分页按钮。

何时使用无限滚动或分页设计呢?

无限滚动有效的场景比较少,更适合Twitter,Facebook,Pinterest,Instagram这种快速浏览内容和发现内容的场景。

例:谷歌就是一个很好的例证。Google图片使用无限滚动,因为用户能够比文本更快速地扫描和处理图片。

结论

无限滚动:

1.适用于Twitter这一类用户,可以实时生成无尽的数据流,而无需特别查找任何内容。

2.左面端和移动端来说,无限滚动对移动端更友好。

分页:

分页更适合与操作、管理大量条目且更需要专注、严谨的场景。所以工具类、检索类、归档页面、后台管理更倾向分页设计。


本文翻译于 Medium                 

原作者:Nick Babich   


定期分享更多的设计必备知识~可以关注我,可以带你走进我们团队的设计圈子,共同交流探讨~

链接: JoyceA - Dribbble   

微信号:qianmin3931

用户体验设计 — “无限滚动”与“分页”设计的使用(下)_第4张图片
图片发自App

你可能感兴趣的:(用户体验设计 — “无限滚动”与“分页”设计的使用(下))