菜单

manbetx官网手机登陆-F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)

通过 卡拉佩尔尼斯2017年11月12日

摘要:Eyetracking研究显示,人们以各种模式扫描网页和电话屏幕,其中一种是字母F的形状在发现这种模式十一年后,我们重新审视了今天的意义。


在NN / g对用户体验世界的贡献中,可能引用最多的是其中一个F形阅读模式我们在2006年确定的网页内容多年来,许多人提到这项研究,有时正确,在许多其他情况下曲解在本文中,我们的目标是,最近的研究回顾报告并澄清一些误解与f模式有关特别是:

  1. 在网络上扫描并不总是采用F的形状还有其他常见的扫描模式。
  2. F模式对用户和企业都是负面的。
  3. 好的manbetx官方网站手机版可以防止F形扫描。
这是我们在21世纪初研究的F模式的第一个例子之一这的热图骨料凝视着从超过45人努力学习在1900年发生在德克萨斯州的加尔维斯顿热图的顶部,最多读取部分(用红色表示)类似于大写字母“F”。

F形图案

在F形扫描图案中,特征在于许多固定集中在页面的顶部和左侧特别:

  1. 用户首先读入水平运动,通常跨越内容区域的上部这个初始元素构成了F的顶部栏。
  2. 接下来,用户页面向下移动一点,然后在在阅读第二个水平运动通常涵盖了更短的比之前的运动这些额外的元素形式F的下栏。
  3. 最后,用户扫描内容的左侧垂直运动Sometimes this is a slow and systematic scan that appears as a solid stripe on an eyetracking heatmap其他时候用户移动得更快,创建一个spottier热图This last element forms the F’s stem.

这种模式的含义是:

  • 第一行页面上的文本比同一页面上的后续文本行更多地注视。
  • 前几个字左边的每一行文本获得更多注视比随后在同一行。

因此,第一行文本,人们会扫描比第二行字右边这种扫描模式酷似字母F的形状,但它很少完美的F例如,在某些情况下,人们可能对页面下方的段落感兴趣并且可能会注意更多的单词,再次向右读取,因此模式类似于E.

f形模式适用于用户的阅读的内容区域web页面的因此,它描述了人们的行为当他们访问一个网页,评估它的内容,而不是他们的行为在一个新的部分的网站,检查导航栏(通常在页面的顶部和/或左)来决定下一步去哪里因此,在F模式中,左侧的凝视落在左侧部分的内容区域如果左栏被导航栏占用,则不在整页的最左边部分。

我们最近的眼动研究表明,f形扫描模式盛行的当今世界,在桌面和移动一个典型的例子用户体验结果的长寿它更多地依赖于人类行为而不是技术。

TigersinCrisis.com:来自我们新研究的热图汇总了来自47个人的数据,因为他们试图了解有多少苏门答腊虎生活在野外这张热图上的红色是F形图案的一个例子 - 就像11年前一样。

 

 

这种凝视重放显示了移动用户在研究肖像相机镜头时以F模式扫描红色空心圆圈代表他固定的位置(在大多数浏览器中,将鼠标悬停在视频上以显示控件(如果它们尚未显示)。)

 

 

另一个移动F模式的例子来自一位研究参与者,他使用http://bacnyc.org来了解Mikhail Baryshnikov在哪里学习舞蹈比屏幕文本列是广泛的,所以她刷卡水平作为阅读(在大多数浏览器中,将鼠标悬停在视频上以显示控件(如果它们尚未显示)。)

 

我们最近的一轮眼球跟踪研究还表明,在阿拉伯语等从右到左的语言中,人们以翻转的F形图案阅读(正如我们预测的那样,但在本研究之前没有看到)。

 

F模式以从右到左的语言(如阿拉伯语)进行镜像,如用户在阿拉伯语新闻网站上阅读关于双向飞碟射击比赛的文章的重点放映所示(在大多数浏览器中,将鼠标悬停在视频上以显示控件(如果它们尚未显示)。)

 

F形图案不是唯一的扫描图案

除了F形图案外,还有许多其他可能的扫描模式,包括下面列出的模式:

  • 千层饼模式当眼睛扫描标题和副标题并跳过下面的正常文本时发生这种行为的凝视图或热图将显示水平线,让人联想到蛋糕和蛋糕交替层叠的蛋糕。
  • 发现模式包括跳过大块文本和扫描,就像寻找特定的东西,如a链接,数字,特定单词或具有独特形状的单词集(例如地址或签名)。
  • 标记模式当鼠标滚动或用手指轻扫页面时,将眼睛聚焦在一个地方,就像舞者固定在物体上以保持平衡,因为她旋转标记发生比在桌面移动。
  • 绕过模式当人们故意跳过行的第一个单词时,如果列表中的多行文本都使用相同的单词开始,就会发生这种情况。
  • 承诺模式包括几乎所有页面上的内容如果人们对内容充满动力和兴趣,他们将阅读段落甚至整个页面中的所有文本(不要指望这种情况经常发生假设大多数用户都在扫描。)

为什么人们以F形图案扫描

当所有这三个元素都存在时,人们会以F形扫描:

  1. 页面或页面的一部分包括对Web很少或没有格式化的文本例如,它有一个文本的“墙”,但没有粗体,子弹或副标题。
  2. 用户想要最有效的页面。
  3. 用户没有提交或感兴趣的,他愿意读每一个字。

The last two elements pretty much summarize all web behavior: the vast majority of the web users would rather finish their tasks as fast as possible with the minimum amount of effort; they visit a page because they want to find a quick answer rather than read a dissertation on the topic and educate themselves.

当作家和manbetx官方网站手机版没有采取任何措施将用户引导到最相关,最有趣或最有用的信息时,用户就会找到自己的路径在没有任何引导眼睛的信号的情况下,他们将选择最小努力的路径,并将他们的大部分注意力都放在他们开始阅读的地方附近(通常是文本页面上最左上角的字) It's not that people will always scan the page in the shape of an F尽管多年的阅读可能让人们认为更重要的内容出现在不太重要的内容之前,但没有用户真正感觉到内容已被排列,因此最重要的内容出现在F形状中当没有强烈的线索吸引眼睛去寻找有意义的信息时,F模式是默认模式 

人们倾向于减少互动成本并最大限度地发挥他们从工作中获得的利益For their eyes, this translates to spending few fixations, while still gleaning the information they need; being productive, engaged, and successful with what they take in from those fixations按时节约意味着更少的注意力 - 减少单词。

在某些情况下,人们会感到无聊或疲劳时扫描文本其他时候,他们读到的单词只提供了一个弱点信息的气味,这可能是足够满足继续扫描,但不足以阅读更多的文本。

F形对用户和企业不利

当人们以F形扫描时,他们仅基于文本在列中的流动方式而错过了大块内容跳过短语和单词常常是一样重要,甚至更重要的——读这些单词但是用户不会意识到这一点,因为根据定义,他们不知道他们不知道。

History.com研究参与者的F形凝视情节,因为她正在扫描包含大量散文和非常少的格式的页面(每个蓝点表示固定点之间的线表示用户移动眼睛并且实际上是盲目的跳视这些线条有助于我们更轻松地遵循这些注意事项较大的点表示较长的固定,数字表示序列。)

In响应manbetx官方网站手机版或任何液体文字布局就此而言,文本根据窗口大小而不同地流动所以,用户会以" f "形视线扫描他的手机,例如,不会总盯着同样的话如果他F-scanned同一页面上桌面——只是因为内容流的方式在不同的窗口大小。

毫无疑问,f形扫描模式不利于用户和企业:它意味着用户可以跳过重要内容,因为它出现在页面的右侧良好的网页格式可以减少F扫描的影响如果你的页面有大量的无格式文本,人们将会以" f "形视线浏览它。

If scanning in an F-pattern is bad for users, why do they do it so often that it’s their dominant behavior on the web? Because it’s really only “bad” in terms of their ability to get the maximum benefit from their visit to您的网站然而,用户不旨在最大限度地受益于一个网站他们的目标是优化成本效益比率的使用网络整体你的网站就像一粒沙子在沙滩上相比,整个互联网要建造一座漂亮的沙堡 - 留在比喻中 - 你不能浪费时间寻找特别光滑的沙粒你必须用桶舀沙子同样,用户通过浸入多个网站并在每个网站上花费很少的精力从网上获得价值,经常使用页面停车to keep many sites open concurrently. 

最好的解毒剂f形模式

为用户完成工作而不是强迫他们付出努力并采取不良快捷方式优先考虑和格式文本直接用户你想让他们看到的,你知道他们想看到的东西一些简单的提示:

  1. 包括最多重点在前两个段落在页面上。
  2. 使用标题和小标题确保它们看起来比普通文本更重要,更明显,因此用户可以快速区分它们。
  3. 使用包含大部分信息的单词开始标题和副标题:如果用户只能看到第一个二字,他们仍应得到以下部分的要点。
  4. 视觉组少量的相关内容——例如,通过边界周围或使用一个不同的背景。
  5. 胆大重要的单词和短语。
  6. Take advantage of the different链接格式,并确保链接包括信息承载词(而不是通用的“go”,“click here”或“more”)这项技术也有所改进可访问性对于听到大声朗读的用户而不是直观地扫描内容的用户。
  7. 使用项目符号和数字来调出项目中的项目名单或过程。
  8. 不必要的内容

摘要

在网上扫描由以下因素决定:

很难控制人们的动机或目标,但你可以优化内容和演示,以便用户能够快速找到他们需要的东西特别是,使用良好的网页格式化技术来引起对最重要信息的关注,而不是依赖于人们在以F形扫描时可能注意到的任意单词。

 

 

关于f形模式的更多信息和其他扫描模式,看到我们的: