尼尔森的F形状网页浏览模式

时间:14-10-15 10:06 分类:SEO技术 作者:郑州SEO 评论:2人参与 浏览: 17,200 次

尼尔森的F形状网页浏览模式

[隐藏]

在美国长期研究网站可用性的著名网站设计工程师杰柯伯·尼尔森在2006年4月发表了一项《眼睛轨迹的研究》报告。报告发现,人们大多不由自主地以“F”字母形状的模式来阅读网页。

尼尔森指出,网页的阅读模式和人们从学校里养成的读书习惯迥异。这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的。研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F的形状,并且包括下面三个方面:

1.水平移动

读者的眼睛首先是水平运动,常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这就是F字母的第一条横线。

2.目光下移,短范围水平移动

读者的眼光略微下移,很典型地扫描比第一步范围较短的区域。这就又画了F字母中的第二条横线。

3.垂直浏览

读者朝网页左边的部分进行垂直扫描。有时候,这个举动很慢而且很有系统性,这样就画了F字母中的一条竖线。

下面这三张的热度图用来表明眼睛的运动轨迹并且用色彩来显示眼光聚焦程度的高低。越高的地方,颜色越热,分别为红色(最热),黄色(较热),蓝色(不热)和灰色(没有温度),如图1,图2,图3所示。

一般说明性网页的F形状热度图

图1 一般说明性网页

电子商务网页的F形状热度图

图2 电子商务网页

Google搜索结果页的F形状热度图

图3 Google搜索结果页

这三张是三种不同性质的网页。第一张是一般的说明性网页,第二张是个电子商务网页,而第三张则是Google搜索结果页。其结果都显示出F字母的轮廓。

在第三张Google搜索结果页面的第二条红色横线比较长,是因为排名第二的标题比较长,所以目光扫过的距离也长,所以这个F的下面横线比上面长。

ad

本文地址:https://www.360baidu.cn/seo/f-reading-pattern-eyetracking.html

本文标题:尼尔森的F形状网页浏览模式

尼尔森的F形状网页浏览模式:目前有 2 条留言

发表评论

必填

选填

选填

  1. 楼主:为什么夏天总是发生车祸?
    回复:不就是女的穿的少吗? 一个程序员社区 http://www.1024xyz.com

    2016-01-11 上午 8:38 [回复]
  2. Avatar photo
    0楼
    鞋机:

    看了,不是很懂

    2014-10-21 下午 2:22 [回复]
Totop