当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 经典再读:F形状网页浏览模式

建站经验
建站参考:15种网站最差的用户体验
参考:网站制作过程中把握的几点
控制搜索引擎访问和索引你的网站
站长访谈:访中国最大Web开发社群站长—蓝色
1个月行业主关键词到首页SEO实战(Yahoo和Google篇)
总结参考:有利于用户体验和SEO的TAG写法
大型社区网站提高用户体验的10个细节
针对CMO来说,互联网内容的十宗罪
探讨行业网站应该具备的一些基本指标
WordPress对搜索引擎更为友好的技巧和方法
网站编辑:怎样将seo融入到编辑的日常工作中?
复杂网站重新设计的简单方法
详细讲解网站制作中关于链接的制作方法
认识网络营销,中小企业开展网络营销的建议
SEO搜索引擎优化给程序留下什么?
影响网站的搜索引擎排名的几个因素
全世界的专家给网站开发人员的一些建议
浅谈商业网站和个人网站的区别
个人站长:网商和博客是中小站长头上的两把利刃
搜索优化:使用Google工具条有助于网站收录

建站经验 中的 经典再读:F形状网页浏览模式


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 32 ::
收藏到网摘: n/a

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

在美国长期研究网站可用性的著名网站设计工程师杰柯伯·尼尔森在2006年4月发表了一项《眼睛轨迹的研究》报告。报告发现,人们大多不由自主地以“F”字母形状的模式来阅读网页。尼尔森指出,网页的阅读模式和人们从学校里养成的读书习惯迥异。这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的。研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F的形状,并且包括下面三个方面:

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

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

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

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

 

1

 

 

e59bbe2

 

图片来源:F-Shaped Pattern for Reading Web content,http://www.useit.com/alertbox/reading_pattern.html

这三张是三种不同性质的网页。第一张是一般的说明性网页,第二张是个电子商务网页,而第三张则是Google搜索结果页。其结果都显示出F字母的轮廓。在第三张Google搜索结果页面的第二条红色横线比较长,是因为排名第二的标题比较长,所以目光扫过的距离也长,所以这个F的下面横线比上面长。

二、F形状模式的意义

F形状模式对网页设计的含义很透彻,也就是网页的设计和推广要有下面五个重要考虑。

第一, 读者不会非常仔细地一个字一个字看网页的内容。很少有人通篇在看。所以,每页不一定要填充非常多的内容,也就是说,每个网页不要过长。

第二, 网页的头两段非常重要,读者们基本上最关注这个部分。所以,这两段的写作好坏能直接影响读者是否有兴趣继续待在在此页吸收信息。

第三, 将重要的关键词尽可能地及早在标题、副标题和段落的前部显示给读者。这个安排内容的方法对搜索引擎也同样重要,因为搜索引擎的阅读方式是在模仿人。搜索引擎对网页的标题和前面段落非常重要,所以,网页的优化要充分考虑这一点。

第四, 人们对搜索引擎,比如Google的搜索结果页面的反应也是F型的。在图3中,我们可以看到,人们的眼光普遍注意搜索结果的自然排名(或者叫左侧排名)最前面1~3个搜索结果,而对4~10的搜索结果是一带而过。就是人们往下看搜索结果,也是“勉强”的。换句话说,将你网站排名在搜索结果页的前一两位直接决定了你网站受关注的程度。

第五, 搜索引擎竞价广告,除非能被放置在搜索结果页的最顶端和右边广告区的第一位,否则无法得到搜索者的关注。然而,获得最顶端和右边第一,往往点击的费用是很贵的。如果资金不足,只能做到右边两位以下,广告不易受到关注。另外,即使竞价广告获得最顶端和右边第一,从图上看得出,广告的关注度也远远不如搜索引擎结果的自然排名的前一两位。所以,搜索引擎优化是最能提高网站曝光度的办法。