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

建站经验
建站经验:建设网站该学的一些知识
内容类网站提高网站粘度的常见方法
网络推广软文写法经验心得
邀请的页面设计和邀请邮件的设计
网站制作推广过程中注意的11点内容
交换友情链接和做外链的问题
怎么做淘宝客,如何做淘宝客
建站经验:你的网站该如何应对被采集
小说类网站文字排版技巧
打造高流量博客网站的四种方法
互联网改变中国服装行业的销售方式
建立博客:目前最流行的10款国外博客程序
网页设计中提高可读性的方法
网站被搜索引擎降权的处理方法
你听说过月赚4万美圆的个人博客吗?
网络推广充分利用百度知道
友情链接和运营网站的关系
博客赚钱经验:想通过博客赚钱
什么样的博客才能称之为成功?
建站经验分享:做网站的思路

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


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

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