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

建站经验
域名投资须谨慎 阿里巴巴“卧底门”事件
淘宝网店装修教程(1):学习借鉴创新起个好名字
淘宝网店装修教程(2):制作个性化的店标
淘宝网店装修教程(3):普通店免费的风格设置
淘宝网店装修教程(4):吸引用户的店铺公告
淘宝网店装修教程(5):简单设置掌柜推荐
淘宝网店装修教程(6):普通店铺宝贝分类
淘宝网店装修教程(7):店铺交流区的管理
淘宝网店装修教程(8):友情链接的设置管理
淘宝网店装修教程(9):赏心悦目的宝贝描述
淘宝网店装修教程(10):注意细节的店铺介绍
淘宝网店装修教程和淘宝网店图片处理教程
判断网站真实流量的三个参考方法
网站推广专员需要掌握的相关知识
设计非营利网站的最佳实例
域名转移的一些问题
中国互联网的发展离不开草根的努力
301永久重定向讲解和设置方法
今后浙江省内大部分机房将不能从事虚拟主机业务
cPanel主机面板让你轻松更换域名转移MYSQL数据库

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 37 ::
收藏到网摘: 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的搜索结果是一带而过。就是人们往下看搜索结果,也是“勉强”的。换句话说,将你网站排名在搜索结果页的前一两位直接决定了你网站受关注的程度。

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