F为.这就是用户阅读你宝贵内容的方式。在几秒钟内,他们的眼睛以惊人的速度在你的网站’的单词上移动,其模式与你在学校学到的非常不同。

在我们的新眼动研究,我们记录了232个用户查看数千个网页的方式。我们发现用户的主要阅读行为在许多不同的网站和任务中是相当一致的。这占主导地位的阅读模式看起来有点像F,有以下三个组成部分:

  • 用户首先读取水平运动,通常横跨内容区域的上部。这个初始元素构成了F的上杠。
  • 接下来,用户将页面向下移动一点,然后在一个第二个水平运动这通常比之前的运动覆盖更短的区域。这个额外的元素形成了F的下标。
  • 最后,用户扫描内容的左边垂直运动.有时这是一个相当缓慢和系统的扫描,在眼球追踪热图上以实线的形式出现。其他时候,用户移动得更快,创建了一个斑点更多的热图。最后一个元素构成了F的词干。

显然,用户的扫描模式并不总是由三部分组成。有时用户会横穿内容的三分之一,使模式看起来更像E而不是f。有时他们只横穿一次,使模式看起来像倒L(横杆在顶部)。然而,一般来说,阅读模式大致类似于F,尽管上下条的距离不同。

眼动热图与3个不同的例子的f模式阅读网页
来自三个网站的用户眼球追踪研究的热图。用户看得最多的区域是红色的;黄色区域表示浏览次数较少,其次是浏览次数最少的蓝色区域。灰色区域没有引起任何固定。

上面的热图显示了用户如何阅读三种不同类型的网页:

如果你斜视并聚焦在红色(观看次数最多的)区域,所有三个热图都显示出预期的F模式。当然,有一些差异。的F观看模式是一个粗略的,一般的形状而不是一个统一的、像素完美的行为。

在电子商务页面(中间的示例)上,由于中间有产品图像,F的第二个横杆比通常的低。用户还在页面右上方的价格框和“加入购物车”按钮上花费了大量的固定时间。

在SERP(右例)中,F的第二个横条比上面的横条长,主要是因为第二个标题比第一个标题长。在这种情况下,这两个标题对用户来说同样有趣,尽管用户通常在页面的第二个区域阅读较少。

F模式的含义

F模式对Web设计的影响是明确的,并显示了遵循的重要性Web写作指南而不是重新使用打印内容:

  • 用户不会仔细阅读你的文章以逐字逐句的方式详尽的阅读很少,特别是当潜在客户正在进行初步研究,以编制供应商的入围名单时。是的,有些人会读得更多,但大多数人不会。
  • 前两段必须陈述最重要的信息.用户有希望阅读这篇文章,尽管他们可能会读更多的第一段而不是第二段。
  • 在副标题、段落和要点中加入包含信息的词语当用户在他们的f行为的最后一个词干向下扫描你的内容的左侧时,他们会注意到。他们读一行中的第三个单词的频率要比前两个单词低得多。

详细的扫描行为

当用户阅读和浏览页面时,观看用户眼球运动的慢动作回放是很有趣的。除了我在这里讨论的主要F模式外,每一页都有阅读问题。例如,当用户寻找价格或其他数字时,他们会以一种不同的、更直接的方式扫描,一个有趣的烫手山芋行为决定了用户对搜索引擎广告列表的看法。我们也有很多关于人们如何看待网站图片的发现。

内容可用性的最大决定因素是用户在线阅读的方式——因为人们阅读的方式不同,你的写作方式也就不同。

完整的报告

完整的关于用户如何在网上阅读的眼球追踪报告可供下载。

参见:我们11年后的一项新的眼球追踪研究证实了这些发现。