当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 经典重温 关于尼尔森 F 形状网页浏览模式

建站经验
钱钰:实战揭秘地方性社区门户站运营大法
经验分享:建站一月被谷歌百度收录上千篇
地方性家教网站该如何运营
盘点13个要点 IIS网站服务器性能优化指南
多图解读:使用Title来提升网站的可访问性
DedeCMS网站搭建完整教程
更好遵循DIV+CSS设计 网站重构中实现SEO
以亲身体会讲述 43条网站设计中常犯错误
最常用和实用的CSS技巧
网页用多宽才更合适?多样屏幕时代大问题
网站内容设计和撰写 以用户为中心的设计
六大决策助你缔造成功网站
行业网站创业指南
技术上的鬼扯淡:屏蔽百度爬虫的正确方法
兴趣是创业的精神支柱
浅谈新站百度收录那点事
设计师的烦恼:宽屏显示下的网站网页宽度
把对某些网站怨恨转储一下 关于用户体验
企业网站想做好网络推广必看!
从不同页面内容角度来看 网页最合适宽度

建站经验 中的 经典重温 关于尼尔森 F 形状网页浏览模式


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

这是一篇读书笔记,是中午吃完饭闲来无事拿起同事放在桌子上的一本名为《解密SEO - 搜索引擎优化与网站成功战略》阅读到的,该书的作者是欧朝晖(Terrence C.Ou)

在美国长期研究网站可用性的著名网站设计工程师杰柯·尼尔森在2006年4月发表了一项《眼镜轨迹的研究》报告。报告发现,人们大多不由自主的以”F” 字母形状的模式来阅读网页。尼尔森指出,网页的阅读模式和人们从学校里养成的阅读习惯迥异。这份研究报告是从232 名读者阅览几千张网页的试验中得这个结论的。

研究者发现,读者的阅读行为在浏览不同性质的网站和肩负不同阅读任务时都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F 的形状,并且包括下面三个方面:

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

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

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

 

图:一般的说明网页

 

图:电子商务网页

 

图:Google 搜索结果页

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

作者博客:www.sinoblog.org  图片来源:F-Shaped Pattern for Reading