【问题标题】:Usability of an endless/infinite scroll无尽/无限滚动的可用性
【发布时间】:2010-04-30 14:35:18
【问题描述】:

这种技术的优缺点是什么(参见Softfolio 示例)。我个人想到的两点如下:

  • 不可能告诉某人感兴趣的项目所在的位置(例如,您可能不会说“第 324 行,第二列”)
  • 返回无限滚动页面时导航中断。

你还能想到什么?您个人对这种方法的总体看法如何。你会在你的项目中使用它吗?

【问题讨论】:

  • 当,那是一种糟糕的方法。这就是将您的网站设计为“漂亮的”的地方走得太远了。正如您所说,这会破坏导航,这会让用户完全感到沮丧!

标签: html scroll usability


【解决方案1】:

我认为它是“整洁”,但需要更多视觉线索来了解正在发生的事情......而且在许多情况下并不是用户想要的。

  • 如果我想进入“结果的第 7 页”,我不想移动到页面末尾 6 次以触发重新加载附加数据。 (例如在字母列表中......如果我想要“M”,不要让我涉过a,b,c,d,e,f,g,h,i,j,k,l李>
  • 如果您确实使用此功能,请确保有更多加载的视觉线索(当我按 CTRL+END 时,我预计会在底部)
  • 我经常发现我仍在等待这些类型的页面,因为下一组结果的“加载”要等到我非常接近底部...因此我经常在数据加载之前到达那里/准备好/渲染
  • (pro) 我认为这种事情在某些情况下会很好......例如当我向下滚动我的 Twitter 列表时...我不想要“更多”按钮,只需加载它...
  • 我希望更好的“搜索”过滤而不是花哨的 ajax 无限滚动结果。如果我可以过滤到 25 个实际匹配我想要的结果,那么我就不需要滚动了!

【讨论】:

    【解决方案2】:

    随机提供结果是个好主意。人们在问,“我怎样才能回到原来的位置?”。好吧,你没有。结果是随机的,所以当您返回到第六页时,您不会看到上次所做的。

    如果您考虑一下,分页 Sortfolio 将是一个的主意,因为它会向用户暗示其列表的顺序是固定的,因为你们中的许多人都错误地假设.

    对于那些询问“如何返回我喜欢的结果?”的人,您可以点击“保存到我的收藏夹”链接。至于“我如何与朋友分享结果?”,您单击结果并获取其 URL。真的很简单。

    我并不是说这种无限滚动业务是 的方式,我只是说你们中的一些人不公平地诋毁了 Sortfolio 网站的可用性问题——考虑到它随机性——真的不需要关心。

    【讨论】:

    • 我想这取决于您是否认为随机提供结果是一件好事。
    • 是的,丹。我认为对于 Sortfolio 来说,这非常重要,至少从商业角度来看是这样,因为每个广告商都应该有平等的机会获得高排名。从用户的角度来看,我不太确定。
    【解决方案3】:

    我个人讨厌这个例子。与分页结果相比,它会使网站的可用性大大降低。

    你也是对的,当你回击时,你将不得不再次向下滚动来翻页,虽然向下翻页工作但效果不佳 - 我不记得我按下了多少次向下翻页才能进入该网站,其次,如果顺序改变,滚动的数量无论如何都会不同 - 我知道分页也会,但是扫描几页比继续滚动要容易得多。

    最后,即使我是一名开发人员,我也向下滚动,最初几次我实际上认为如果我离开它足够长的时间,它会下载所有图像/样本......然后向下滚动并再次发生同样的事情啊啊啊啊!

    我永远不会在项目中使用这种方法。

    【讨论】:

      【解决方案4】:

      我不会在搜索结果中使用无限滚动。但它非常适合随意浏览,或者在随机输出情况下,例如心理测试,重要的是项目不要以恒定的顺序显示。像市场偏好调查这样的东西偏向于早期选择,因此随机化选项的顺序是必不可少的。

      令人沮丧的是,当用户通过链接离开页面然后想要返回时。对于浏览情况,我可能会通过覆盖而不是链接来解决这个问题。

      【讨论】:

        【解决方案5】:

        我个人觉得它很花哨而且很烦人。它偏离了用户习惯的标准导航技术(例如分页),并且中断了向后导航,这非常令人讨厌(如果不重新开始就无法返回结果)。最重要的是,它不符合可访问性指南,因为它完全依赖 JavaScript 才能工作(这违背了现代网络的“progressive enhancement”理论)。这也对 SEO 有影响,因为我怀疑“非首屏”内容是否会被编入索引,除非它直接从其他地方链接到。

        我可以看到一些有限的情况下这可能是可以的,例如很长的文本页面,但我个人怀疑我是否会以当前形式使用它。有点让我想起那些 Flash 网站,它们都是风格,没有实质内容,最终会惹恼用户而不是增强他们的体验。

        【讨论】:

          【解决方案6】:

          我同意这是一团糟。如果有一个有限列表,应该有某种分页机制让你知道你在哪里。

          或者,或者另外,添加一个过滤机制,这样您就可以清除您不想看到的内容。

          SO 提供了一个方便的示例,说明如何正确操作。

          【讨论】:

            【解决方案7】:

            实际上,我们(设计师/开发人员)是否喜欢它并不重要。唯一重要的是用户对此的看法。如果用户觉得它有用,那么解决方案就可以了。如果用户感到困惑并且无法完成主要任务,那么重新设计......

            【讨论】:

              【解决方案8】:

              我认为缺点是当您点击后退按钮时,您会失去在页面上的位置。可能会很烦人,尤其是当您深入页面时。

              【讨论】:

                【解决方案9】:

                Etsy 发现了无限滚动不利于转换的艰难方式。 Recommend reading this article.

                【讨论】:

                  猜你喜欢
                  • 1970-01-01
                  • 2012-10-11
                  • 1970-01-01
                  • 1970-01-01
                  • 2017-07-01
                  • 2016-04-28
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  相关资源
                  最近更新 更多