有态度、有真相
是赞还是黑都是经典!

无限滚动:让我们到达底部

2016-01-05

无限滚动承诺为用户带来更好的体验。然而,好的往往伴随着坏的和丑陋的。一旦我们理解无限滚动的优点和缺点,我们可以开始用它来增强我们的接口。

人性需求层次和结构很容易导航。但有时无限滚动页面让用户感觉他们旅行一样,分不清方向,永远不会结束。

良好的
长列表并不是新的,但是我们这些列表滚动的方式已经从根本上改变了手机界面的到来。由于手机屏幕的狭窄,列表项垂直排列,需要频繁的滚动。
无限滚动高度趋势作为一个交互行为和列表页。的基本功能是,当用户通过滚动内容,自动加载更多的内容。随着社交媒体的流行,大量的数据被消耗;无限滚动浏览的海洋信息提供了一种有效的方法,而不必等待页面预加载。相反,用户享有真正响应的体验,无论他们使用的设备。
今天有很多用户生成内容的网站使用的是无限滚动来处理生成内容的每一秒。无声的协定,用户知道他们不会看到所有这些网站,因为过于频繁更新的内容。无限滚动,社交网站正在竭尽全力让尽可能多的信息给用户。
Twitter集成有效无限滚动。它的饲料符合标准:大量数据(微博)和一个实时平台。从用户的角度来看,所有微博都是相关的,这意味着它们有相同的潜力很有趣或无趣的;所以,用户往往会滚动的tweet的饲料。作为一个实时平台,Twitter是不断更新的,即使用户离开他们的无人值守。无限滚动似乎是专门为网站如Twitter,成功地使用这项技术。
无限滚动似乎已经在网络上发现其利基。然而,也有缺点之前,必须考虑评估它的价值。
坏的和丑陋的
如此多的数据浏览,用户必须专注于他们正在寻找的信息。(记得是面向目标的吗?)用户总是希望永无休止的数据吗?分析表明,当用户在谷歌上搜索信息时,只有6%的第二页。所以,94%的用户满意只收到10个结果,这表明用户找到有关谷歌的排名结果。
点击点击
谷歌已经实现的无限滚动图片搜索结果但尚未实现的一般结果。这样做会减少用户需要点击第二页。谷歌可能会保持分页,因为这种模式非常象征性的品牌。如果是切换到无限滚动,用户通常会在什么时候停止滚动?经过20结果?50 ?一个简单的浏览体验变得更加复杂?
寻找最好的搜索结果可能需要一个或一个小时,这取决于你的研究。但是当你决定停止搜索在谷歌目前的格式,你知道搜索结果的确切数字。作出明智的决定,停止或多少阅读因为你知道最后结果。根据研究领域的人机交互,达到终点提供了一种控制;你知道你已经收到所有相关的结果,而且你知道你正在寻找是否存在。知道结果的数量可以提供一种控制并帮助用户做出更明智的决定,而不是留给冲刷无限滚动列表。
项目分布在Web页面时,框架和索引,一个开始和结束点。提供的信息是清晰有序。如果我们从一个分页的列表选择一个项目,从页面中,我们知道,点击“返回”将返回我们该页面(可能是相同的滚动位置)。我们的网络搜索将会继续离开。
如果你滚动同样的结果与无限滚动列表,你没有控制感因为你是滚动列表在概念上是无限的。假设你计算自己的后94%的人停止阅读第一页(即10个结果)的谷歌搜索。当列表滚动无限,本质上是没有第一页。而不是寻找的页面,它不存在,你决定在第十项停止滚动。和无限滚动这带来一个问题,因为11项直接。与一个分页的列表,你不会看到11日结果,决定不再继续浏览更容易。然而,当未来结果已经存在,你可能会继续滚动,滚动。
当无限滚动失败链接
最好的公司正在不断测试和学习新与用户的交互。越来越多的研究表明,无限滚动不共鸣用户如果不支持他们的目标在网站上。
诱惑的链接
如果你正在寻找完美的搜索结果,想继续滚动的荒地无关结果,时间都被浪费了。,最好的结果有可能会出现在前10项。因此,无限滚动只是诱使你继续读下去,在这个过程中浪费时间和降低生产力。
乐观的链接
更烦人的是,滚动条不能反映实际的可用的数据量。你会向下滚动幸福假设你已经接近底部,它本身诱惑你更多的滚动,却发现结果当你刚刚翻了一番。
疲惫的链接
无限滚动了用户提供刺激。喜欢玩游戏,你永远不会赢,无论多远你滚动,你觉得你永远不会结束。诱惑和乐观的组合中扮演着重要的角色在累人的用户。
POGOSTICKING链接
页面上的无限滚动常常引起你的位置要迷失自我。“Pogosticking”当你点击远离无限滚动列表,点击“,”当你返回前一页的顶部,而不是你离开的地方。这是由于滚动位置丢失当你远离一个无限滚动页面导航,迫使你每次滚动下来。
失去控制链接
无限滚动让你觉得你可能会错过的信息。你继续滚动,因为结果是正确的,但你感到不知所措,因为你失去控制的数据量。有一些不错的东西定义页面的内容量化,在那里你可以轻松地选择是否点击查看更多或停止。以无限滚动,你没有控制页面上的数据量,而变得无法抗拒。
分散注意力的链接
Etsy,电子商务市场,实现无限滚动,却发现它导致更少的点击的用户。无限滚动是不成功的,因为用户之间的数据和排序有困难感到失去了有关和无关的信息。而无限滚动提供更快和更结果,用户不愿意点击它们,击败了其目的。
遥不可及的链接
你有试过的页脚最近Facebook吗?页脚块存在以下新闻feed,但是因为提要卷轴无限,更多的数据被加载一旦你到达底部,每次推的页脚视图。页脚的存在是有原因的:它们包含内容,用户有时需要。在Facebook的情况下,用户不能达到它。的链接却难找到其他地方是重复的。无限滚动阻碍用户通过访问重要信息。
Facebook交通量新闻提要和遥不可及的页脚
Facebook的交通量新闻feed使页脚遥不可及的。(大版)
页脚作为最后的手段。如果用户不能找到他们有问题或需要更多信息或解释,他们经常去那里。如果他们没有找到它,他们可能会离开网站。公司实现无限滚动应该使页脚可访问,使其粘或搬迁的链接栏。
不是专属链接
Pinterest没有页脚,这是有道理的给我们刚刚看到Facebook的问题。通过无限滚动,Pinterest强调其丰富的数据,无尽海的灵感来自网络。
Pinterest别针的海洋
Pinterest海洋的别针(大版)
图片比文本更快和更容易滚动,所以Pinterest和谷歌图片成功无限滚动在某种程度上。然而,数十亿的图像是在网络上,用户更希望看到只有最好的。排他性有东西可说,似乎缺乏Pinterest的布局。
限制图片数量Pinterest的主页上,有“编辑选择”或“最受欢迎”列表,可能会使网站更有吸引力。独家如何销是当大量的其他类似针旁边吗?
Pinterest策略的使用过多的无限滚动数据因为它颠覆了用户。集合是深不可测的,但是它的巨大有点令人生畏,和浏览似乎浪费时间。最终,Pinterest试图揭露用户无限的灵感,但这实际上破坏了人类控制的必要性。成为令人生畏的数据量,用户只剩下复杂的感情。
当可用性赢得了链接
如前所述,Twitter集成有效无限滚动。用户将看到一个无限越来越多的微博,可以轻松点击一条微博扩大它,防止页面刷新,因此,保持滚动的位置。
Twitter的撕裂饲料
Twitter的撕裂饲料(大版)
在其手机版,Twitter甚至添加了一个“撕纸”标记,指示用户继续阅读。这种微妙的和简单的解决方案使得用户上下滚动列表,而拥有一个可辨认的回归。心理上,标记可以让读者除以已读和未读的内容。这样的标记给用户的控制和更好的感知内容的深度和多远他们已经进去了。
Twitter不是唯一一个。话语,一个新兴的讨论平台,也有无限的滚动,授权用户。该公司认为是无限滚动的用户体验的重要性和实施了一个有趣的和独特的进度。指标需要时,仍然出现在视图(没有干扰),用户读取内容。当前正在查看指标数据项条目的总数。这是一个很好的方法让用户感觉控制,即使有大量的数据。
聪明的进度指示器在Discourse.com上
聪明的进度在话语(大版)
去混合链接
一个混合的无限滚动和分页在很多情况下也是一个不错的选择。使用这个解决方案,您将显示一个“加载更多”按钮加载列表的末尾,,当点击时,加载另一批物品到列表中。无限卷动并自动的同样的行为,这个按钮上的需求。接口获得的一些优点无限滚动,没有它的一些缺点。
因为无限滚动需要网站获取这么多内容,有时使用的混合解决方案是控制数据加载。在Facebook的新闻和谷歌图片搜索,无限滚动起初是自动的,但成为按需一定数量的物品一旦加载。这个维护接口同时限制服务器上的负载。
混合动力无限分页在谷歌图片
混合动力无限分页在谷歌图片(大版)
无限的页面链接
无限页面无限滚动的概念提升到了一个新的水平。网站使用这个概念是“one-pagers。“删除点击下一页的屏障,设计师把整个网站变成一个长可滚动页面。例子是展开和失去了世界博览会。
这些单页网站、垂直分布的部分,一个接一个。这使得整个网站不太理解,因此,更不容易。这些网站可能没有无限滚动,但是用户可能仍然有这种感觉的永无止境的页面。
在无限的页面,每个部分的高度根据其内容会有所不同。虽然方法可以让一些有创意的交互,它可以让用户迷失方向,确定滚动的信息。滚动条是隐藏在许多这样的页面,让用户感觉失去了他们无意识地寻找滚动位置跟踪他们的进展。隐藏滚动条剥夺用户的救援的机会。用户不应该留下无助;界面应该清楚地向他们展示如何导航页面。

无限滚动承诺为用户带来更好的体验。然而,好的往往伴随着坏的和丑陋的。一旦我们理解无限滚动的优点和缺点,我们可以开始用它来增强我们的接口。

人性需求层次和结构很容易导航。但有时无限滚动页面让用户感觉他们旅行一样,分不清方向,永远不会结束。

上一篇: 前端运维

下一篇: 亲爱的网页设计界,你去哪里了?

最新案例

全新的品牌形象提升,做最适合您的改变。

塞班女子会所
昂立国际教育
远洋地产