尼尔森F形状网页浏览模式
今天,乐思蜀给大家分享一项有点老的、但非常经典的研究。
2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。
报告中提出,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度(见附图)。
F形状网页浏览模式的形成
研究表明,浏览者打开网页后,按照下面的习惯形成F形网页浏览模式:

第一步:水平移动
浏览者首先在网页最上部形成一个水平浏览轨迹。
第二步:目光下移,短范围水平移动
浏览者会将目光向下移,扫描比上一步短的区域。
第三步:垂直浏览
浏览者完成上两步后,会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢,也较有系统性、条理性。
附图:F形状网页浏览模式
下面为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。
![]()
图1 一般说明性网页
![]()
图2 电子商务网页
![]()
图3 Google搜索结果页
版权声明:仅代表作者个人观点。版权所有,谢绝任何形式的转载。
乐思蜀的其他文章:- 第二届SEO大赛正式启动 - 2008-04-21
- 高质量的页面摘要(Snippet)赏析 - 2008-04-15
- 下载模板需注意的几个问题 - 2008-04-09
- 还在做垃圾站吗? - 2008-04-04
- SEO资料的迷思 - 2008-03-31













真的很强悍,我关注的地方和图中基本一样
不过我从不看,google搜索出来的右边广告 :)
谢谢乐兄分享这么高深的研究^_^
呵呵,有点想根据这个来调整网站内容了!
沙发,哈哈!
学习了.
确实是这样?一般首页位置的第一个有可能是赞助商,做推广的,这种网页不喜欢看?
这种研究是最基础也是最有价值的,希望中国也多一些这样的研究学术报告!
按用户的阅读心理去做网站,会使网民更容易接受,更感觉有亲切感。
呵呵,受教了,且可以站个座 *_*
照这个模式看的话 排在第九 第十的网站基本上不会有人点了!?
感觉这和美式的简洁页面关联很大
中文站,个人认为,"F"的竖位应该在右侧,"3区"在右侧
老美用刀叉进食,而大陆人用的是筷子
先天性!
对呀,哈哈,我就是这样的
老乐,这文章不错。Jakob Nielsen乃用户体验方面的顶级专家。
嗯,不错的文章
不错,能够引导网站改变布局并符合用户体验提高流量,不知道广告再什么位置对用户来说是最容易接受的。。
这个理论的确是有够老的,不过我觉得还是有必要说明一下,不然很多人还是不知道这个理论的意义。
1、不同类型的页面,热点不同。针对不同的页面,无论是自己安排内容或者是做外链,都要注意出现的位置不同,效果不同。
2、内容关键字靠左上。从站长自己的内容安排来说,页面关键字也是靠页面左上角,越是有优势,特别对百度。
3、侧边栏内容放置要谨慎,如果站点刚起步,建议左侧边栏最好不要,以内容为先;如果是大站点,可以放置左侧边栏,用以关键字或者频道导航,以架构优先。
收藏了
设计网页的时候就要按照F型来设计
把重要吸引内容放到热度高的地方
想一下,确实是这样!
不错,重新拜读。
“F”形状的模式阅读网页事实如此,的确是非常经典的研究,而且是非常值得参考和思考的。
真帅,点石的文章越来越有魅力了,多发点用户体验及用户行为研究的,爱死你们啦..
很有新意,感觉点石文章的方向在改变。
支持...
感觉点石的最近几篇文章发的都很棒,回归了SEO及建站的本质,以用户为中心,而不是以SE为中心
网站可用性
一般是翻译成网站易用性,没有反应过来
呵呵,与其吸引眼球,不如主动去找眼球!
图片不错,哈,我现在就是F型的浏览呢
是啊,确实是好文章
好东西,,现在研究用户体验开始成体系了。
不错,我到google广告投放上试试
可以开个栏目
讲讲用户体验
我感觉中国2,3应该换一下,因为顶部468的广告曾经太普遍了,呵呵
超经典的实用资料!收藏了!谢谢!
根据F形原则,较理想的版式应该是侧边栏放在左边,但绝大多数SEOer都是为了配合蜘蛛而放在右边,其实通过DIV定位设定而显示到左侧应该效果更佳,理论上来讲广告放左边可能点击更高。
恩~好像是这么一回事。
以后做站的时候,可以参考~!
好文章,用户体验为中心