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

建站经验
jerry mont:浅谈MVC架构网站为何倍受推崇?
分析国内SNS现状 把握SNS用户心理
你比我们NB多了
网站从建设到推广最容易犯的致命错误
行胜于言:与小站长朋友们共勉
新手如何自己建立一个网站
玩转WordPress 谈WordPress自定义字段
教你如何利用吸引眼球的内容装饰你的在线购物页面
教你用科讯 v6.x全站专题管理打造60周年庆专题
网站是一个劳动密集型产业
探讨电影站首页被K后如何重新收录
小贴士:域名停放服务 利用闲置域名巧赚钱
浅谈二十五个提高博客流量的秘籍
老站长谈谷歌流量的重要性
关于WordPress中的子目录和伪静态的一些探讨
实践心得,本地分类信息网最有效的推广方法
网址导航站推广分析----青出于蓝“应”胜于蓝
服务器安全配置:终极防黑揭密
通过博客评估网站吸引搜索引擎
不用任何插件实现 WordPress 的彩色标签云

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


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

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