用户是如何浏览你的网站的（2）
作者：Kevin Zhong 来源：Tencent CDC Blog 发布时间：2010-05-03 14:26:00
Jakbo Nielsen的F形浏览热区
Jakbo Nielsen曾对232位用户浏览几千个页面的过程中的眼动情况进行追踪，发现用户在不同站点上的浏览行为有明显的一致性，将浏览热点可视化后呈现出类似F形的图案。这种浏览行为有三个特征：
1. 用户首先会在内容区的上部进行横向浏览。
2. 用户视线下移一段距离后在小范围内再次横向浏览。
3. 最后用户会在内容区的左侧做快速的纵向浏览。
PS.显然，用户的浏览行为并非精确的包含这个三个过程，有时候，在这三个过程之后，还会在底部有横向浏览的热点，使得整个浏览热区图看上去更像E而不是F。也有时候，用户浏览时只反应了上述的行为1和行为3，使得浏览热区图像一个倒写的L。但从所有数据整体上来看，用户的屏幕浏览热区图还是较一致地反应出了F图像。
如何运用F形阅读行为进行设计：
1. 用户并不会浏览页面上的所有内容（F形之外的大片空白区）
2. 将最重要的信息放在头两段（F热区中的两个横向热区）
3. 在后续的内容中，将关键词和信息放在段首，使用户在左侧纵向浏览时能更容易关注到。
总结和启示
1. 用户习惯扫视，而不是阅读
2. 用户并不会关注到页面上的所有内容
3. 不要考验用户的耐心，不要增加用户的认知负担
4. 用户并不做最佳选择
5. 用户在屏幕上的浏览热区整体上符合“F形”
6. 针对F形浏览行为，将最重要的信息放在上部，将相关的关键内容和信息放在内容区左侧。
参考文献：
1. F-Shaped Pattern For Reading Web Content, by Jakbo Nielsen
2. Common Email Layouts: B2C Electronics Template, by Teresa Hernandez
3. But What Does It All Mean? Understanding Eye-Tracking Results, by Teresa Hernandez
0
投稿猜你喜欢
- 修复Access数据库，我们一般使用微软Office 97中带的Access 97对数据库进行修复和整理。Access数据库被损坏分以下几种
- 方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为
- 星期五写了个分类信息的小东东!在数据库里只有ip地址,一般访客不太清楚IP地址来源于哪个城市.如果在表里多一个列保存城市又没有真实性可言.如
最近在查看asp之家的访客统计时，发现访客使用firefox浏览器的占了10％-15％，而大部分的访客使用的是IE6,呵呵我也是用IE6。而- 人类学是关于人的研究；社会人类学（social anthropology）是研究人类社会的学科。社会人类学还可以理解成“文化翻译”（the
- 我们经常见到很多网站留言系统的显示访客的IP地址都是隐藏了一部分，以达到隐蔽访客真实地理位置的功能。如：111.222.333.*，当然在系
- 注：文中未表明的地方output 输出都是基于IE6.0，其中表明FF的地方为Mozilla Firefox2.0，还要注意文中的大小写ja
- 一个ASPJPEG组件综合操作的asp类CLASS相关文章：ASP怎么谈到应用到类的？ASP中类的详细介绍（class Property G
- 在获得SA密码后，往往因为服务器管理者或”前人”将net.exe和net1.exe被限制使用，无法添
- 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没
- 看那个自由落体div有感。这个没落体，画个圆。(ie only)<html><head><style>v
- 如何让图片自动缩放以适合界面大小，拿出你的Editplus，打开c_function.asp文件，找到UBBCode函数，在第417行有如下
- 一、数字类型所谓的“数字类”，就是指 DECIMAL 和 NUMERIC，它们是同一种类型。它严格的
- Microsoft SQL Server 2005 Mobile Edition 3.0 (SQL Server Mobile) 支持两种与
- 导语：排版是一门艺术，也是一门技巧。我们每天都能在报纸，书籍等各种媒介上看到排版，或精美，或丑陋。如何能在准确传递信息的同时，又能排出精美的
- javascript作为一个动态语言，动态解析脚本的方法非常多，如万恶又万能的eval，低调的Function，IE独占的execScrip
- 在XHTML中定义ID、CLASS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。(1)页面结构类容器: cont
- 显示一个字符串的前几个字符，asp中我们一般使用left(str,n)来获取。left有个不足就是处理汉字和英文字符是一样的，没有区分开，这
- 可以在Mac OS X 10.2.x(“Jaguar”)和以上版本上Mac OS X使用二进制安装软件包的PKG格式代替二进制分发版来安装M
- A.截取从字符串左边开始N个字符 Declare @S1 varchar(100) Select @S1='http://www.x
