认识达内从这里开始

认真做教育专心促就业

有关UI设计中无限滚动的优劣势

发布：武汉达内
来源：互联网
时间：2018-10-31 14:13

无限滚动是指用户可以通过无限地向下滚动浏览页面大量内容。当你向下滚动页面时，可以一直刷出新内容。虽然听起来很好，但这种方式并不适用于所有网站和APP。

这种方式的优点也是它的劣势。

它是没有终点的，当用户访问到页面的某一个位置，离开片刻后，它无法记录当前浏览位置以便于稍后回到同一位置。这种方式无法确定用户的滚动位置，不仅会对用户造成烦扰或混淆，而且还会使整体用户体验变差。

武汉达内

人们会想回到搜索结果列表中查看刚才看到的内容，并与他们在列表中发现的其他内容进行比较。无限滚动不仅打破了这种对比，也使列表上下移动变得困难，尤其是当你下次回到页面，发现自己又回到了顶部，需要再次向下滚动列表并等待内容加载。在这种情况下，无限滚动界面就比翻页慢多了。

设计师在设计中加入无限滚动之前，应该权衡它的优缺点。一般来说，无限滚动适用于像 Twitter、Instagram 这样的产品，用户在消耗无穷无尽的数据流时不会特别寻找特定的内容。

我们来看下无限滚动的优缺点：

1. 无限滚动的优点

用户停留的时间更长，提升用户参与度。当用户没有特定寻找的内容时，可以通过浏览海量信息找到自己喜欢的内容(如Pinterest、Facebook)。

滚动比点击操作更快更容易，分页展示每次内容更新都需要额外点击等待加载。无限滚动对于移动设备很友好，移动设备的手势控制让滚动更方便自然。

2. 无限滚动的缺点

影响页面性能，加载速度慢，用户无限的向下滚动，加载更多的内容，页面的性能会越来越低。

无法定位到上一次浏览的位置，需要重新不断下拉回到同一位置。

这时网页右侧的滚动条变得无关紧要，反映不出数据量，当你以为快要接近底部，继续向下滚动，结果又呈现出更多的内容。

结论：无限滚动适用于用户没有特定目的的原创内容网站(Twitter，Facebook)或者视觉(Pinterest，Instagram)的网站和 app，分页则适用于用户在寻找特定信息的搜索结果列表，以及用户浏览位置重要的地方。谷歌的图片用了无限滚动，相对于文本搜索，用户可以更快地浏览和操作图片，文本搜索则需要花费更长的时间。

3.使用无限滚动的建议

当你使用无限滚动时，可以保持导航栏可见，以便于快速进入其他页面。

页面需要页脚时，使用「加载更多」的按钮。

为特定项目增加收藏或书签，以便于保存下来。

加载新内容的时候提供视觉反馈，让用户知道发生了什么。

更多武汉IT培训相关资讯，详情请访问武汉达内

< 上一篇：ui设计中的标注介绍

下一篇：技巧：教你如何学Java >