美文网首页101条UX原则 - 权威设计指南@产品
101条UX原则 - #17 仅为订阅内容使用“无限滚动”

101条UX原则 - #17 仅为订阅内容使用“无限滚动”

作者: Tomi_Wong | 来源:发表于2018-12-23 18:25 被阅读0次

无限滚动——页面可以一直在滚动,在用户触达页面底部时异步加载更多项目——对用户来说非常方便。

使用鼠标滚轮或触摸屏滚动本质上比点击页面更快更简单,当内容是Instagram照片或推文的新闻源时,它是完美的:

但是,无限滚动应仅限于几种类型的内容。如果应用于有限列表(消息,电子邮件,待办事项等),则用户无法确定内容的开头,中间和结尾。与此类内容一起使用时,无限滚动会让人感到困惑并且使用速度较慢,因此,请只在订阅类的内容上使用。

虽然订阅内容过去主要按时间顺序排列,但最新产品(例如 Facebook 和 Twitter )选择为用户提供“算法排序”或“智能”时间线排序。这个想法是(我假设)在他们提供的订阅内容顶部要为用户提供更多相关的推文或新闻报道,并让广告和赞助帖子等推广内容更加突出。

这可能是个人品味差异,但我真的不喜欢这些智能时间线排序。首先,他们的目标是为公司和广告商提供服务,其次,存在一个真正的可发现性问题:当你打开时间线时,你无法确定自己会看到什么。这是最新的项目吗?它最相关吗?当你离开并回来时会发生什么?通常情况下,你每次打开都会看到一个全新的重新生成的列表,因此无法找到你刚看到的项目,而且你还以为自己可以原路找回来(参见#19,如果你必须使用无限滚动,存储用户的位置并返回原处)。

无论是智能时间线还是普通视图,无限滚动页面都有其他一些经常被忽视的问题。 它们“中断”了滚动条:浏览器窗口上的滚动位置不再准确,它不能再用于在页面上下导航。 最后,页面页脚变得无法触及。 记住这一点。

知识点:

·对长项目列表使用分页。

·仅针对新闻订阅类内容使用无限滚动。

·如果用户离开了这个页面,请记住用户离开时的位置。

相关文章

  • 101条UX原则 - #17 仅为订阅内容使用“无限滚动”

    无限滚动——页面可以一直在滚动,在用户触达页面底部时异步加载更多项目——对用户来说非常方便。 使用鼠标滚轮或触摸屏...

  • 101条UX原则 - #18 如果内容有开头,中间和结尾,请使用

    继续#17的话题,只对于订阅类的内容使用“无限滚动”,而对多页列表则采用分页的做法可能看起来“老派”,但它有一些重...

  • 无限滚动与分页设计

    无限滚动 无限滚动技术,简单地向下滚动就可以不断刷新页面加载更多的内容,现在很多移动端使用的方式。 一、优点 1....

  • 整理学习 UX 的资源及工具

    下文整理了大量的学习 UX 的资源,包括邮件订阅列表、博客、书籍、网上课程等。 ** UX 邮件订阅 ** UX ...

  • 水平滚动界面

    UI / UX基础研究 使用水平滚动界面的杂志概念 序幕 它总是困扰我,所有的应用程序都使用依赖于垂直滚动的界面原...

  • 无限下拉滚动Vs分页

    一、无线下拉滚动 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内...

  • 无限滚动与分页设计

    无限滚动技术:简单地向下滚动就可以不断刷新页面,加载更多的内容。分页:将内容分为单独页面,滚动到页面底部看到数字行...

  • 布局检测与优化(一):布局层级优化

    在本文中,我们将全面解析UX中视觉层级的关键原则,探讨如何使用视觉层级来改进产品并优化用户体验。 UX中的视觉层级...

  • 设计师的抉择:无限滚动和分页

    对于很多相似条目需要展示的页面,可以用无限下拉也可以使用分页形式展示内容。但很多设计师分不清什么时候用无限滚动,什...

  • 无限滚动还是分页

    对于很多相似条目需要展示的页面,可以用无限下拉也可以使用分页形式展示内容。但很多设计师分不清什么时候用无限滚动,什...

网友评论

    本文标题:101条UX原则 - #17 仅为订阅内容使用“无限滚动”

    本文链接:https://www.haomeiwen.com/subject/pwwnkqtx.html