菜单

用于阅读网页内容的F形图案(原创研究)

通过 雅各布尼尔森2006年4月17日

摘要:Eyetracking可视化显示用户经常以F形图案阅读网页:两个水平条纹,后面是垂直条纹。


F代表快速这就是用户阅读您珍贵内容的方式In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.

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

  • 用户首先阅读水平运动,通常跨越内容区域的上部这个初始元素构成了F的顶部栏。
  • 接下来,用户向下移动页面,然后在a中读取第二次水平运动通常覆盖比前一运动更短的区域这个额外的元素形成了F的下栏。
  • 最后,用户扫描内容的左侧垂直运动有时这是一个相当缓慢和系统的扫描,在eyetracking热图上显示为实心条纹其他时候用户移动得更快,创建一个spottier热图最后一个元素构成了F的词干。

Obviously, users' scan patterns are not always comprised of exactly three parts有时用户会阅读内容的第三部分,使得模式看起来更像是E而不是F其他时候,他们只会阅读一次,使图案看起来像倒L(顶部有横杆)Generally, however, reading patterns roughly resemble an F, though the distance between the top and lower bar varies.

Eyetracking热图与3个不同的F模式示例用于阅读网页
来自三个网站的用户眼球跟踪研究的热图The areas where users looked the most are colored red; the yellow areas indicate fewer views, followed by the least-viewed blue areas灰色区域没有引起任何注意。

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

如果您眯着眼睛并专注于红色(最常查看)区域,则所有三个热图都会显示预期的F图案当然,也存在一些差异该F观察图案是粗糙的一般形状而不是统一的,像素完美的行为。

在电子商务页面(中间示例)中,由于介入的产品图像,F的第二个横杆比平常低用户还在页面右上角的框中分配了大量的固定时间,其中找到了价格和“添加到购物车”按钮。

在SERP(右侧示例)上,F的第二个横杆比顶部横杆长,主要是因为第二个标题长于第一个标题在这种情况下,两个标题都被用户同样感兴趣,尽管用户通常会阅读他们在页面上查看的第二个区域。

F模式的含义

F模式对Web manbetx官方网站手机版的影响是明确的,并表明了遵循的重要性为Web编写的准则而不是重新利用打印内容:

  • 用户不会彻底阅读您的文字以一个字一个字的方式详尽的阅读是罕见的,特别是当潜在客户正在进行初步研究以编制供应商的候选名单时是的,有些人会阅读更多,但大多数人不会。
  • 前两段必须说明最重要的信息有一些希望用户会真正阅读这些材料,尽管他们可能会阅读第一段而不是第二段。
  • 使用携带信息的单词启动子标题,段落和项目符号当用户在他们的F行为的最后一个内容中扫描内容的左侧时,用户会注意到这一点他们会比前两个单词更频繁地阅读第三个单词。

详细的扫描行为

观看用户在页面上阅读和扫描时的眼球运动的慢动作重放是非常有趣的每个页面都有超出我在这里讨论的主要F模式的阅读问题例如,用户在查找价格或其他数字时会以不同的,更直接的方式进行扫描,而有趣的热土豆行为会决定用户查看搜索引擎广告列表的方式关于人们如何看待网站图片,我们也有很多发现。

内容可用性的最大决定因素是用户如何在线阅读 - 而且由于人们的阅读方式不同,您必须以不同的方式撰写。

完整报告

充分eyetracking报告用户如何在网上阅读可以下载。

 

另见:我们的11年后新的眼球跟踪研究证实了这些发现。