我们改变了分页方式,因为我们觉得“查看更多”按钮提供了更好的用户体验。
分页问题:
- 很少有用户使用分页链接——虽然每项研究都依赖于自己独特的背景,但我通常看到的数字约为 5%。即使用户知道有更多结果,大多数人也只是假设如果他们想要的不在前几个结果中,他们应该在其他地方尝试(或更改他们的搜索参数)。
- 在提供下一组选项之前,分页链接需要重新加载整个页面。
- 分页链接通常为用户提供一系列令人困惑的选择:“<< 1 2 3 >>”。我想看下一页、第 2 页还是跳到第 3 页?到底有多少页?
- 大多数分页链接都有一个“查看全部”按钮,供想要立即查看页面上所有内容的用户使用;有很多结果(并且通常您无法控制结果,例如如果有人搜索非常常见的内容),加载时间会受到影响并且页面很容易中断。
- 分页链接具有相互冲突的视觉问题,既会增加混乱(通常需要位于页面的顶部和底部;单个分页元素由许多不同的链接组成)和难以找到(通常挂在最右侧)并且很容易与其他页面元素混合)。
“查看更多”按钮的优点
- 使用 AJAX 快速加载其他结果。页面的其余部分保持原位。
- 提供单一、明确的选择。
- 允许用户一次查看所有选项,而不会造成页面加载压力;只需要多次点击按钮(如果您担心强迫用户点击按钮十次,问问自己为什么用户希望一次看到 100 多个选项;您可能有不同的可用性问题)。
- 无视觉干扰(页面底部的单个按钮)且易于查找(当用户到达列表末尾时,他们接下来会看到该按钮)。只对前几个结果(大多数)感兴趣的用户永远不会看到该按钮。(顺便说一句,这是一件好事——理想情况下,用户只能在他们想要的那一刻看到他们想要的功能。)
注意事项和警告(我最喜欢的部分)
- 没有什么是通用的解决方案,并且在某些情况下分页效果更好。例如,当显示 Google 地图时(并且结果不能向下拉伸页面)。
- 分页允许用户链接到一组特定的结果(“这是我的结果的第三页!”)而“查看更多”按钮则不然。但这不是一个可能的用户操作(如果您的用户需要将其结果的第 3 页发送给朋友,您可能做错了其他事情)。
- “查看更多”按钮仅应在标题明确显示页面上有多少结果/元素(“804 家餐厅”)的情况下使用。不要像 37 Signals 那样让您的用户猜测他们何时会用完结果。(但是每次点击“查看更多”按钮时都会更新动态计数器可能有点过头了;我不需要确切知道还有多少结果,或者我在列表中的位置——一般的想法通常超过美好的。)
回馈
在我们使用“查看更多”按钮完成的极少数测试中,人们对它没有任何问题。但大多数人都忽略了它——正如预期的那样。(而且我认为我从未见过有人在用户测试中点击分页链接。)不确定老年人与年轻人,但我希望不太精明的人可以更轻松地使用“查看更多”按钮因为它很容易找到并且没有歧义(通常你必须期望分页链接知道如何使用它们)。