无限卷轴可以设计的很好。使用书签、页脚显示和分页改进无限滚动的用户体验的最佳实践和指南。
我们都去过那里。您可能有一个冗长的搜索结果、产品、订单或数据条目列表。当然,您已经拥有各种过滤器、排序和搜索功能。但是,您还需要帮助客户浏览相关条目,为此,您需要支持并加快浏览条目的速度。
你的自然设计本能可能会告诉你一开始要忠于 台湾电话号码清单 式的分页。然而不知不觉中,您可能会开始怀疑无限滚动是否是一个值得考虑的好选择,因为您拥有非常独特的用例。那么无限滚动真的是个好主意吗?好吧,我们都对无限滚动有强烈的看法,而且通常不是很好。这有很多充分的理由。
本文是我们正在进行的设计模式系列文章的一部分。它也是即将到来的为期4 周的现场 UX 培训的一部分 并将很快出现在我们最近发布的视频课程中。
无限滚动的问题
无限滚动的问题是众所周知的。最明显的一个是页面上的选项数量之多,这些选项往往过于庞大且难以管理。这真的感觉就像淹没在看不到尽头的信息深渊中。难怪一旦显示的选项数量超出舒适范围,大量用户就会完全放弃该页面作为对此的反应。
此外,我们无法控制何时以及有多少项目出现在滚动条上。就像没有简单的方法在无限滚动的“旧”和“新”部分之间导航一样,因为它们都属于同一个项目流。一旦您上下滚动几个项目,就很难立即看到我们已经看到的和我们还没有看到的东西——除非我们仔细地浏览最后几个项目几次。
分页与无限滚动。一个古老的讨论,没有明显的赢家。图片来源:Yogev Ahuvia(大预览) 有时地址栏中的 URL会在滚动时发生变化,但更多时候不会,如果我们想稍后继续浏览,就会让我们重新开始。如果我们想将 URL 发送给我们自己或我们所爱的人以立即浏览一组特定的项目,这通常很痛苦,因为我们无法真正为列表中的某个位置添加书签。 如果我们想要到达页脚,每次我们滚动时,我们需要滚动得更快一点,以便在新的项目流出现之前有一个奇迹般的机会到达页脚。有时用户发现自己在接受滚动挑战的同时Esc同时击中——及时取消无限滚动。(通常不成功。) 最重要的是,无限滚动会破坏滚动条,因为每次滚动都必须重新校准用户对页面长度的期望。滚动条是页面实际长度的承诺,但对于新加载的项目,承诺总是有问题的。更不用说向屏幕阅读器正确宣布新加载的项目的可访问性问题以及不稳定连接的性能问题。 上面列出的所有问题都只是可用性差。因此,我们经常忽视无限滚动作为一种产生的问题多于解决方案的时髦技术也就不足为奇了。作为设计师,我们倾向于使用其他选项也就不足为奇了:分页和“加载更多”按钮。