SlideShare a Scribd company logo
1 of 4
这是个很古老的研究了,2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。报告称,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。<br />第一步:水平移动<br />浏览者首先在网页最上部形成一个水平浏览轨迹。<br />第二步:目光下移,短范围水平移动<br />浏览者会将目光向下移,扫描比上一步短的区域。<br />第三步:垂直浏览<br />浏览者完成上两步后,会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢,也较有系统性、条理性。<br />附图:F形状网页浏览模式<br />下面为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。<br />详细的大家可以看:<br />1、点石上一篇文章:尼尔森F形状网页浏览模式<br />2、作者的原报告:F-Shaped Pattern For Reading Web Content<br />一、尼尔森的F形状网页浏览模式<br />在美国长期研究网站可用性的著名网站设计工程师杰柯伯·尼尔森在2006年4月发表了一项《眼睛轨迹的研究》报告。报告发现,人们大多不由自主地以“F”字母形状的模式来阅读网页。尼尔森指出,网页的阅读模式和人们从学校里养成的读书习惯迥异。这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的。研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F的形状,并且包括下面三个方面:<br />第一, 读者的眼睛首先是水平运动,常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这就是F字母的第一条横线。<br />第二, 读者的眼光略微下移,很典型地扫描比第一步范围较短的区域。这就又画了F字母中的第二条横线。<br />第三, 读者朝网页左边的部分进行垂直扫描。有时候,这个举动很慢而且很有系统性,这样就画了F字母中的一条竖线。<br />下面这三张的热度图用来表明眼睛的运动轨迹并且用色彩来显示眼光聚焦程度的高低。越高的地方,颜色越热,分别为红色(最热),黄色(较热),蓝色(不热)和灰色(没有温度),如图1,图2,图3所示。<br />图片来源:F-Shaped Pattern for Reading Web content,http://www.useit.com/alertbox/reading_pattern.html<br />这三张是三种不同性质的网页。第一张是一般的说明性网页,第二张是个电子商务网页,而第三张则是Google搜索结果页。其结果都显示出F字母的轮廓。在第三张Google搜索结果页面的第二条红色横线比较长,是因为排名第二的标题比较长,所以目光扫过的距离也长,所以这个F的下面横线比上面长。<br />二、F形状模式的意义<br />F形状模式对网页设计的含义很透彻,也就是网页的设计和推广要有下面五个重要考虑。<br />第一, 读者不会非常仔细地一个字一个字看网页的内容。很少有人通篇在看。所以,每页不一定要填充非常多的内容,也就是说,每个网页不要过长。<br />第二, 网页的头两段非常重要,读者们基本上最关注这个部分。所以,这两段的写作好坏能直接影响读者是否有兴趣继续待在在此页吸收信息。<br />第三, 将重要的关键词尽可能地及早在标题、副标题和段落的前部显示给读者。这个安排内容的方法对搜索引擎也同样重要,因为搜索引擎的阅读方式是在模仿人。搜索引擎对网页的标题和前面段落非常重要,所以,网页的优化要充分考虑这一点。<br />第四, 人们对搜索引擎,比如Google的搜索结果页面的反应也是F型的。在图3中,我们可以看到,人们的眼光普遍注意搜索结果的自然排名(或者叫左侧排名)最前面1~3个搜索结果,而对4~10的搜索结果是一带而过。就是人们往下看搜索结果,也是“勉强”的。换句话说,将你网站排名在搜索结果页的前一两位直接决定了你网站受关注的程度。<br />第五, 搜索引擎竞价广告,除非能被放置在搜索结果页的最顶端和右边广告区的第一位,否则无法得到搜索者的关注。然而,获得最顶端和右边第一,往往点击的费用是很贵的。如果资金不足,只能做到右边两位以下,广告不易受到关注。另外,即使竞价广告获得最顶端和右边第一,从图上看得出,广告的关注度也远远不如搜索引擎结果的自然排名的前一两位。所以,搜索引擎优化是最能提高网站曝光度的办法。<br />
眼球轨迹研究
眼球轨迹研究
眼球轨迹研究

More Related Content

Viewers also liked

Hájek Vojtěch: Vývoj typové skladby větroňů na českých letištích
Hájek Vojtěch:  Vývoj typové skladby větroňů na českých letištích Hájek Vojtěch:  Vývoj typové skladby větroňů na českých letištích
Hájek Vojtěch: Vývoj typové skladby větroňů na českých letištích Technical University of Liberec
 
Albert Chmielowski
Albert ChmielowskiAlbert Chmielowski
Albert ChmielowskiJowal Jowal
 
Lorenzo be happy.
Lorenzo be happy.Lorenzo be happy.
Lorenzo be happy.maggiolina
 
Wynalzki XX w., które zmieniły świat
Wynalzki XX w., które zmieniły światWynalzki XX w., które zmieniły świat
Wynalzki XX w., które zmieniły światwojok040
 
вторая мировая война в цифрах
вторая мировая война в цифрахвторая мировая война в цифрах
вторая мировая война в цифрахNatalja Vassiljeva
 
地藏菩薩本願經
地藏菩薩本願經地藏菩薩本願經
地藏菩薩本願經inin0414
 
Kr505 m&g manual
Kr505 m&g manualKr505 m&g manual
Kr505 m&g manualjunsilvano
 
πολυμεσα ελενη,ελενη
πολυμεσα ελενη,ελενηπολυμεσα ελενη,ελενη
πολυμεσα ελενη,ελενηEleni Panatha
 
Mediawijsheid in bibliotheken
Mediawijsheid in bibliothekenMediawijsheid in bibliotheken
Mediawijsheid in bibliothekenBibnet vzw
 
Membuat kreasi dengan adobe photoshop cs 3
Membuat kreasi dengan adobe photoshop cs 3Membuat kreasi dengan adobe photoshop cs 3
Membuat kreasi dengan adobe photoshop cs 3rizkyrr
 
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?SlaytSunum
 

Viewers also liked (17)

Hájek Vojtěch: Vývoj typové skladby větroňů na českých letištích
Hájek Vojtěch:  Vývoj typové skladby větroňů na českých letištích Hájek Vojtěch:  Vývoj typové skladby větroňů na českých letištích
Hájek Vojtěch: Vývoj typové skladby větroňů na českých letištích
 
Albert Chmielowski
Albert ChmielowskiAlbert Chmielowski
Albert Chmielowski
 
Lorenzo be happy.
Lorenzo be happy.Lorenzo be happy.
Lorenzo be happy.
 
Wynalzki XX w., które zmieniły świat
Wynalzki XX w., które zmieniły światWynalzki XX w., które zmieniły świat
Wynalzki XX w., które zmieniły świat
 
вторая мировая война в цифрах
вторая мировая война в цифрахвторая мировая война в цифрах
вторая мировая война в цифрах
 
地藏菩薩本願經
地藏菩薩本願經地藏菩薩本願經
地藏菩薩本願經
 
Kr505 m&g manual
Kr505 m&g manualKr505 m&g manual
Kr505 m&g manual
 
πολυμεσα ελενη,ελενη
πολυμεσα ελενη,ελενηπολυμεσα ελενη,ελενη
πολυμεσα ελενη,ελενη
 
3월보라워크숍 ppt
3월보라워크숍 ppt3월보라워크숍 ppt
3월보라워크숍 ppt
 
Izolacija
IzolacijaIzolacija
Izolacija
 
Persentasi
PersentasiPersentasi
Persentasi
 
Día de la madre 2010
Día de la madre   2010Día de la madre   2010
Día de la madre 2010
 
Mediawijsheid in bibliotheken
Mediawijsheid in bibliothekenMediawijsheid in bibliotheken
Mediawijsheid in bibliotheken
 
Membuat kreasi dengan adobe photoshop cs 3
Membuat kreasi dengan adobe photoshop cs 3Membuat kreasi dengan adobe photoshop cs 3
Membuat kreasi dengan adobe photoshop cs 3
 
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?
Michelangelo Bize İnovasyon Hakkında Ne Öğretebilir?
 
Cocina ii
Cocina iiCocina ii
Cocina ii
 
Atelier avis clients
Atelier avis clientsAtelier avis clients
Atelier avis clients
 

眼球轨迹研究

  • 1. 这是个很古老的研究了,2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。报告称,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。<br />第一步:水平移动<br />浏览者首先在网页最上部形成一个水平浏览轨迹。<br />第二步:目光下移,短范围水平移动<br />浏览者会将目光向下移,扫描比上一步短的区域。<br />第三步:垂直浏览<br />浏览者完成上两步后,会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢,也较有系统性、条理性。<br />附图:F形状网页浏览模式<br />下面为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。<br />详细的大家可以看:<br />1、点石上一篇文章:尼尔森F形状网页浏览模式<br />2、作者的原报告:F-Shaped Pattern For Reading Web Content<br />一、尼尔森的F形状网页浏览模式<br />在美国长期研究网站可用性的著名网站设计工程师杰柯伯·尼尔森在2006年4月发表了一项《眼睛轨迹的研究》报告。报告发现,人们大多不由自主地以“F”字母形状的模式来阅读网页。尼尔森指出,网页的阅读模式和人们从学校里养成的读书习惯迥异。这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的。研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F的形状,并且包括下面三个方面:<br />第一, 读者的眼睛首先是水平运动,常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这就是F字母的第一条横线。<br />第二, 读者的眼光略微下移,很典型地扫描比第一步范围较短的区域。这就又画了F字母中的第二条横线。<br />第三, 读者朝网页左边的部分进行垂直扫描。有时候,这个举动很慢而且很有系统性,这样就画了F字母中的一条竖线。<br />下面这三张的热度图用来表明眼睛的运动轨迹并且用色彩来显示眼光聚焦程度的高低。越高的地方,颜色越热,分别为红色(最热),黄色(较热),蓝色(不热)和灰色(没有温度),如图1,图2,图3所示。<br />图片来源:F-Shaped Pattern for Reading Web content,http://www.useit.com/alertbox/reading_pattern.html<br />这三张是三种不同性质的网页。第一张是一般的说明性网页,第二张是个电子商务网页,而第三张则是Google搜索结果页。其结果都显示出F字母的轮廓。在第三张Google搜索结果页面的第二条红色横线比较长,是因为排名第二的标题比较长,所以目光扫过的距离也长,所以这个F的下面横线比上面长。<br />二、F形状模式的意义<br />F形状模式对网页设计的含义很透彻,也就是网页的设计和推广要有下面五个重要考虑。<br />第一, 读者不会非常仔细地一个字一个字看网页的内容。很少有人通篇在看。所以,每页不一定要填充非常多的内容,也就是说,每个网页不要过长。<br />第二, 网页的头两段非常重要,读者们基本上最关注这个部分。所以,这两段的写作好坏能直接影响读者是否有兴趣继续待在在此页吸收信息。<br />第三, 将重要的关键词尽可能地及早在标题、副标题和段落的前部显示给读者。这个安排内容的方法对搜索引擎也同样重要,因为搜索引擎的阅读方式是在模仿人。搜索引擎对网页的标题和前面段落非常重要,所以,网页的优化要充分考虑这一点。<br />第四, 人们对搜索引擎,比如Google的搜索结果页面的反应也是F型的。在图3中,我们可以看到,人们的眼光普遍注意搜索结果的自然排名(或者叫左侧排名)最前面1~3个搜索结果,而对4~10的搜索结果是一带而过。就是人们往下看搜索结果,也是“勉强”的。换句话说,将你网站排名在搜索结果页的前一两位直接决定了你网站受关注的程度。<br />第五, 搜索引擎竞价广告,除非能被放置在搜索结果页的最顶端和右边广告区的第一位,否则无法得到搜索者的关注。然而,获得最顶端和右边第一,往往点击的费用是很贵的。如果资金不足,只能做到右边两位以下,广告不易受到关注。另外,即使竞价广告获得最顶端和右边第一,从图上看得出,广告的关注度也远远不如搜索引擎结果的自然排名的前一两位。所以,搜索引擎优化是最能提高网站曝光度的办法。<br />