百度首页 | 
百度搜藏
快照
(百度和http://www.dunsh.org/2008/05/07/f-eyetracking/的作者无关,不对其内容负责。百度快照谨为网络故障时之索引,不代表被搜索网站的即时页面。)

尼尔森F形状网页浏览模式 - 点石互动

尼尔森F形状网页浏览模式

今天,乐思蜀给大家分享一项有点老的、但非常经典的研究。

Jakob Nielsen2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。

报告中提出,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度(见附图)。

F形状网页浏览模式的形成

研究表明,浏览者打开网页后,按照下面的习惯形成F形网页浏览模式:

F形状浏览模式形成

第一步:水平移动

浏览者首先在网页最上部形成一个水平浏览轨迹。

第二步:目光下移,短范围水平移动

浏览者会将目光向下移,扫描比上一步短的区域。

第三步:垂直浏览

浏览者完成上两步后,会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢,也较有系统性、条理性。

附图:F形状网页浏览模式

下面为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。

F形状网页浏览模式:一般说明性网页

图1 一般说明性网页

F形状网页浏览模式:电子商务网页

图2 电子商务网页

F形状网页浏览模式:Google搜索结果页

图3 Google搜索结果页

作者: 乐思蜀
原载: 点石互动搜索引擎优化博客

版权声明:仅代表作者个人观点。版权所有,谢绝任何形式的转载。

乐思蜀的其他文章:
收藏本页到:
365Key | Yahoo! | 百度搜藏 | QQ书签 | Google Bookmark | del.icio.us




33 条评论来自

  1. fzle on 05月 7th, 2008

    真的很强悍,我关注的地方和图中基本一样
    不过我从不看,google搜索出来的右边广告 :)

  2. sofiscal on 05月 7th, 2008

    谢谢乐兄分享这么高深的研究^_^

  3. 在线漫画 on 05月 7th, 2008

    呵呵,有点想根据这个来调整网站内容了!

  4. hfmd on 05月 7th, 2008

    沙发,哈哈!
    学习了.

  5. 输入法 on 05月 7th, 2008

    确实是这样?一般首页位置的第一个有可能是赞助商,做推广的,这种网页不喜欢看?

  6. 特产 on 05月 7th, 2008

    这种研究是最基础也是最有价值的,希望中国也多一些这样的研究学术报告!

  7. wyw on 05月 7th, 2008

    按用户的阅读心理去做网站,会使网民更容易接受,更感觉有亲切感。

  8. 癌症村 on 05月 7th, 2008

    呵呵,受教了,且可以站个座 *_*
    照这个模式看的话 排在第九 第十的网站基本上不会有人点了!?

  9. blank on 05月 7th, 2008

    感觉这和美式的简洁页面关联很大

    中文站,个人认为,"F"的竖位应该在右侧,"3区"在右侧

    老美用刀叉进食,而大陆人用的是筷子

    先天性!

  10. 电脑知识技巧 on 05月 7th, 2008

    对呀,哈哈,我就是这样的

  11. 网络之心 on 05月 7th, 2008

    老乐,这文章不错。Jakob Nielsen乃用户体验方面的顶级专家。

  12. seok on 05月 7th, 2008

    嗯,不错的文章

  13. 北京兼职 on 05月 7th, 2008

    不错,能够引导网站改变布局并符合用户体验提高流量,不知道广告再什么位置对用户来说是最容易接受的。。

  14. gnaw0725 on 05月 7th, 2008

    这个理论的确是有够老的,不过我觉得还是有必要说明一下,不然很多人还是不知道这个理论的意义。

    1、不同类型的页面,热点不同。针对不同的页面,无论是自己安排内容或者是做外链,都要注意出现的位置不同,效果不同。

    2、内容关键字靠左上。从站长自己的内容安排来说,页面关键字也是靠页面左上角,越是有优势,特别对百度。

    3、侧边栏内容放置要谨慎,如果站点刚起步,建议左侧边栏最好不要,以内容为先;如果是大站点,可以放置左侧边栏,用以关键字或者频道导航,以架构优先。

  15. 百利来 on 05月 7th, 2008

    收藏了
    设计网页的时候就要按照F型来设计
    把重要吸引内容放到热度高的地方

  16. moranda on 05月 7th, 2008

    想一下,确实是这样!

  17. 冠语国际 on 05月 7th, 2008

    不错,重新拜读。

  18. 纳米阳光 on 05月 7th, 2008

    “F”形状的模式阅读网页事实如此,的确是非常经典的研究,而且是非常值得参考和思考的。

  19. 非官方 on 05月 7th, 2008

    真帅,点石的文章越来越有魅力了,多发点用户体验及用户行为研究的,爱死你们啦..

  20. jeok on 05月 7th, 2008

    很有新意,感觉点石文章的方向在改变。
    支持...

  21. 主流非官方 on 05月 7th, 2008

    感觉点石的最近几篇文章发的都很棒,回归了SEO及建站的本质,以用户为中心,而不是以SE为中心

  22. dongdonglang on 05月 7th, 2008

    网站可用性
    一般是翻译成网站易用性,没有反应过来

  23. 感受北京 on 05月 7th, 2008

    呵呵,与其吸引眼球,不如主动去找眼球!

  24. DNF on 05月 7th, 2008

    图片不错,哈,我现在就是F型的浏览呢

  25. 注册码 on 05月 7th, 2008

    是啊,确实是好文章

  26. 佳伦网站运营博客 on 05月 7th, 2008

    好东西,,现在研究用户体验开始成体系了。

  27. Leon on 05月 7th, 2008

    不错,我到google广告投放上试试

  28. 重庆bamboo on 05月 7th, 2008

    可以开个栏目
    讲讲用户体验

  29. drivewind on 05月 7th, 2008

    我感觉中国2,3应该换一下,因为顶部468的广告曾经太普遍了,呵呵

  30. Dickey on 05月 7th, 2008

    超经典的实用资料!收藏了!谢谢!

  31. Dickey on 05月 7th, 2008

    根据F形原则,较理想的版式应该是侧边栏放在左边,但绝大多数SEOer都是为了配合蜘蛛而放在右边,其实通过DIV定位设定而显示到左侧应该效果更佳,理论上来讲广告放左边可能点击更高。

  32. 广东seo服务jc on 05月 7th, 2008

    恩~好像是这么一回事。
    以后做站的时候,可以参考~!

  33. 风俗 on 05月 7th, 2008

    好文章,用户体验为中心