菜单 关闭

详尽的回顾或“我不敢相信它不存在”现象:来自眼睛跟踪的证据

通过 卡拉佩尼斯10月29日,二千零一十七

总结:重复扫描同一内容可能表示困惑或参与。经常,这是因为用户的期望没有得到满足。


当人们在网页上阅读信息时,他们不统一地分配注意力:有些内容比其他内容得到更多。的确,如果你跑步或看results from an eyetracking study, you will see that certain areas of the screen tend to receive more gazes than others.

如果人们比其他人更看重内容,这是好还是坏?他们是被它搞糊涂了还是被它搞糊涂了?在眼动研究中,we can tell the difference.We observe that people spend more time on a certain page segment in three circumstances:

1.详尽回顾。在详尽的审查过程中,the eyes are drawn to the same area of the page repeatedly.换言之,the person looks at an area,在其他地方查找(可能在同一页上,甚至在另一页上),然后返回查看原始区域。在更极端的情况下,这种来回重复多次。

在我们的2009个“眼睛跟踪网络可用性" book we described exhaustive review as "unconstructive combing of pages and menus." Exhaustive review happens when people are confused because the page content or the page UI violates users' expectations.Only when users think that the site is the best place to do their task do we see exhaustive review;否则,如果他们对网站有疑问,感到困惑,they simply leave.

在这种情况下,users' confusion reflects an "I can't believe it's not there" feeling.人们深信内容应该在某个领域,因为他们相信自己一定犯了错,并且错过了错误,所以他们会多次返回。

2.预期勘探。有时人们会多次看同一个内容,而不是因为困惑,but because they enjoy it or it has many nuances that are relevant to them.当用户多次引用同一个内容时,就会发生期望的探索,因为他们感兴趣并且高度关注它。.

例如,想象一个人用一个网站来改变割草机的过滤器。她会在物理割草机和包含设备图表的说明之间来回移动注意力,to make sure that she is on the right track as she is doing the task.要完成任务,需要多次查看说明。

或者,想象一个第一次去匈牙利并计划观光的旅行者。他找到了布达佩斯的一个影像带,然后慢慢地滚动。然后他再次回顾了一些图像,因为他们勾引了他,and he wants to absorb them better.He is enthusiastic,不要混淆。

3.必要的审查。我们知道,Web用户经常扫描内容以查找与其目标相关的信息。当事情看起来有希望的时候,他们倾向于仔细阅读以确定它是否符合他们的需要。或者,they may spend more fixations on a particular sentence that summarizes an important concept.这是必要的审查。当眼睛盯着某个东西看的时候,或非常几次。The fixations serve to cement the understanding of the text and get a sense of the underlying meaning.

这三种重复观察模式的存在表明,如果一个页面元素收集了大量的外观,就不应该依靠对眼睛跟踪数据的简单分析来计算固定值和声明成功。我们需要更深入地挖掘,看看这些额外的东西是否真的有意义。

在本文中,我们将重点讨论详尽的回顾。

为什么会进行详尽的审查

为什么人们会回到某个屏幕区域?是什么让他们相信他们一定错过了什么?为什么他们期望他们正在寻找的内容应该在那里?主要有两个原因:

  1. 类似的信息应该一起出现.人们假设类似的内容和UI元素将放在页面上。
  2. Common网页设计manbetx官方网站手机版模式以及大多数其他网站的设计manbetx官方网站手机版设置用户期望for where UI elements and content will appear.

类似信息

我记得在2005年看到的第一个深刻的例子是详尽的审查。用户试图找到乔治·布雷特所玩的运动和位置。(1982-1992年我迷上了美国联盟的强击队员。作为敬意,有时他出现在我的可用性测试任务

用户进行了谷歌搜索,并选择了第一批点击中的一个,关于乔治·布雷特的一页,在一个叫做棒球参考的网站上。她很快决定乔治·布雷特打棒球。下一步,she had to find his position.

她首先看了主要内容,a grey rectangle with text,位于左上方,就在导航下面。这是他的全名,他用木棍打右边,然后向左扔,体重200磅,身高6英尺。It included important dates,就像他的生日,大联盟处子秀,当他进入棒球名人堂时。But,这个灰色矩形不包括他的场位置。

用户阅读灰色部分的所有内容,然后看右边的蓝色部分。当她得知布雷特的阵地也不在时,她又看了看那灰色的部分,尽管她已经把它全部读完了。No luck this time either,so she moved,到下面的黄色部分。When she didn't see the position there,她看着Batting下表,然后再到蓝色区域,然后再往左到灰色部分。在那里,she read quite a lot — again.

棒球参考网站:凝视图中的蓝点显示了一个参与者的注视。按时间顺序编号。即使仔细阅读了灰色区域的所有信息,she returned to it a few times,寻找她希望在那里找到的答案,却没有。

当我们第一次注意到这个模式时,我们认为这可能只是一种反常现象。但后来有几个用户尝试了相同的任务,他们的眼睛也走了同样的路,一次又一次地吸引到页面上的灰色区域。为什么?

  1. Context.用户,不管是不是棒球迷,认为球员的位置是关于球员最基本的信息之一。所有关于玩家的基本信息都被整合到那个灰色的矩形里,所以场的位置也应该在那里。
  2. 此外,这个矩形位于页面内容区域的左上角,通常是网页布局中的优先位置人们首先注意的是.

你几乎可以听到用户说,“IT必须在这里,“当他们在详尽的回顾中回到最初的部分时。

快进到我们最近的眼睛跟踪研究,在那里我们看到了桌面和移动网站。其中一项移动任务是购买一辆每小时至少行驶50英里、成本不超过5千美元的面包车。

The participant was comparing 2 scooter models on the Vespa website.他把所有的读物都读了一遍。燃料和速度每种车型的详细信息-油耗,最高速度,发动机,tank capacity.然后他搬到了尺寸面积,扫描,向下滚动。链接列表似乎表明他不再关注这两个Vespa车型的细节。He scrolled to the end and when he saw the social icons,he immediately scrolled up to the top of the page and said,隐马尔可夫模型,价格在哪里?

在那里,he tried tapping one of the models,大概是为了了解更多的细节,但什么也没发生。他又翻动并扫描了页面上相同部分的标题,仔细阅读下面的菜单;then scrolled to the end of the page,摇摇头“不”,又一次滚动到页面的顶部。他又一次扫描细节,尽管他已经对这些部分进行了全面的研究,说我也希望有价格。

在移动版的vespa.com上,页面的上半部分(左)和下半部分(右)比较了两个vespa模型。

在我们的眼睛跟踪研究中观看此用户交互的视频:

这段视频是通过用户戴的特殊眼镜录制的。红色圆圈代表他正在看的地方。When he shakes his head "no," this appears as a vigorous panning of the video image in the recording.  (In most browsers,将鼠标悬停在视频上方以显示控件(如果控件尚不可见)。

常见的网页设计模式manbetx官方网站手机版

没有真的,written web manbetx官方网站手机版design standards,但是对于某些元素有一些共同的位置和设计。manbetx官方网站手机版现在让我们用一个小实验来考虑其中的一个问题:找到尼尔森诺曼集团的全球导manbetx官网手机登陆航。

你立刻看了页面的顶部吗?如果你这样做了,那就不足为奇了,因为桌面上的主导航通常显示为页面顶部的水平链接列表.手机上,同样,the main navigation usually appears at the top,although it is often collapsed under a按钮(with an icon,text,或者两者兼而有之。

我们用200多个用户和眼睛跟踪技术进行了一个版本的实验。我们测试了40多个桌面网站和要求人们查找各种UI元素.然后我们启动了这个网站,观察人们在哪里寻找他们。为了防止偏见,我们给每个用户一个随机的任务子集,同时也随机化了人们完成这些任务的顺序。

The公司标志的位置是我们研究的元素之一。大多数网页上都有徽标,通常位于桌面设计的左上角。manbetx官方网站手机版我们研究了4个网站:国家教育协会,戴尔佛罗里达基斯和基韦斯特,and Kohler.前两个在左上角显示了标志,and the others showed it顶部居中.

www.nea.org(左)和www.dell.com(右)都将徽标定位在页面左上角。

www.fla-keys.com(左)定位了标志,或站点标题,在页面中央,正如www.kohler(右)。两个网站的元素都可能被误认为是左上角的标志。

被要求在NEA和戴尔网站上找到该徽标的用户会立即找到它。They first looked to the far upper left,标志的共同位置,在一秒钟内找到它。Once they found the logo position,他们花了更多的精力来分析它,并确认这是他们需要的答案。这是必要审查的一个例子。

在NEA现场,红色的热量集中在标志上,表明人们在没有多个地方看到标志。30个用户在短短一秒钟内就找到了它。

在戴尔网站上,红色的热量集中在标志上,表明人们在没有多个地方看到标志。30个用户在短短一秒钟内就找到了它。

But on the sites where the logo was positioned in the center,用户花了至少一秒钟,有时几秒钟才找到商标,浪费时间和精力。

On the Florida Keys site,several people looked first to the far upper left,在地图图标上。然后他们的眼睛移到最接近的温度,它仍然出现在页面的左上角。下一步,they went back to the map label.That is an example of exhaustive review,因为,即使用户已经确定最左上角的项目不是徽标,当第二个最好的商标候选人也不是商标,他们又看了第一个元素。

下一步,participants moved their eyes to the small grid of social icons to the right of the temperature,而且,当他们确定那不是标志时,有些又回到了温度,希望这是标志,即使他们已经看到它说81度.Finally,参与者看了居中的文本,佛罗里达州基斯和基韦斯特,当他们确定他们找到了这个标志时就停在那里。

Unlike for NEA and Dell,大部分的目光都集中在标志上,佛罗里达按键网站上的heatmap不仅在商标上显示了固定效果,但也在左上角(标志应该在那里)。这种类型的heatmap模式表示人们在找到商标之前会在多个地方寻找。30 users took at least a second to find it.

在科勒遗址,参与者的眼睛被吸引到包含科勒全球icon and dropdown,以及浴室菜单。有些人轮流看这些项目中的每一个几次(也是全面审查的一个例子)。在最终将目光移向右边并贴上标语之前科勒的大胆外观in the center.After examining this element,不确定是否可以将其视为“徽标”,a few participants went back to some of the items on the left again.

就像佛罗里达的热浪一样,the Kohler site's heatmap showed fixations not only on the logo,但也在左上角(标志应该在那里)。人们在找到这个标志之前,先找了好几个地方。30 users took at least a second to find it.

Whether the company names or taglines are logos is a separate discussion.这个例子的要点是:如果人们希望某个物品在某个地方,他们会先看看那里,and may return to looking at that place even after they have seen that the item they want is not there.

如何避免详尽的审查

Avoiding exhaustive review means知道用户想要什么and where they expect to find it.遵循公认的用户体验设计和研究实践是对抗详尽审查的最佳方法。万博官网manbetx下载manbetx官方网站手机版

特别地:

如果您考虑的设计与Web惯例不同,manbetx官方网站手机版彻底测试它,只有当你所有的可用性研究都表明它明显优于标准时才使用它。(如果你提出的设计稍微好一点,manbetx官方网站手机版不要使用它,because the penalty will be higher than the gain.)

总结

Let's be clear: exhaustive review is a user behavior to avoid.全神贯注地看是很累的。

You can see exhaustive review in action in眼睛跟踪研究.And,如果你的analytics data or usability testsshow that people spend a long time on your page,这可能是因为他们参与了内容,或者是因为他们对此感到困惑。To help determine if exhaustive review is the culprit,问问自己这些问题:

  • 我们把东西放在非标准的地方了吗?
  • 我们是否遗漏了用户可能期望找到的信息?
  • 我们是否在不同的地方放置了高度相关的内容?
  • 内容放置是否反映了内容的重要性?
  • 用户是否说(在可用性测试中,反馈形式,或者支持通信)他们期望或者正在寻找他们找不到的东西?

If the answers are inconclusive,考虑大声思考,适度可用性测试(远程或亲自),or embark in your owneyetracking usability study.

有关本文中讨论的行为的更多信息,请教我们的“眼睛跟踪网络可用性" book and the  "人们如何在网上阅读:眼睛跟踪证据“报告。