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

美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告。

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

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

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

第一步：水平移动

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

第二步：目光下移，段范围水平移动

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

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

F形状网页浏览模式

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

图1 一般说明性网页

图2 电子商务网页

图3 Google搜索结果页

尼尔森F形状网页浏览模式相关推荐

从F型网页浏览看用户对网页的浏览习惯
2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob-Nielsen)发表了一项<眼球轨迹的研究>报告. 报告中提出,大多数情况下浏览者都不由自主的以" ...
浏览器的浏览模式——兼容模式
首先申明浏览器的浏览模式,不是文档解析模式(标准模式和怪异模式).简单地说,就是浏览器的浏览网页时用什么版本的内核.所谓的兼容模式就是用某个历史版本浏览. 网上搜集结果,可以设置网页浏览模式的浏览器如 ...
登陆界面网页代码_Opera Touch移动浏览器登陆iPad 并引入隐私浏览模式
[闽南网] 继去年10月登陆iPhone之后,今天Opera公司正式宣布Opera Touch移动浏览器登陆iPad平台.在本次更新中iOS平台Opera Touch还引入了隐私浏览模式,在启用后浏览 ...
php网页无痕预览,javascript,html5_如何应对用户使用无痕浏览模式，javascript,html5 - phpStudy...
如何应对用户使用无痕浏览模式在开发过程中,由于一些页面会使用localStorage,sessionStorage ,在无痕浏览模式,本地存储不能用,会出现很多问题,看到过一种解决方案 functi ...
“触达率图”新功能上线，量化网页浏览深度
运营人员和产品人员工作的核心,是将自己的产品/内容有效展示给精准受众,并获得认可. 拥有数据分析的同学一定知道,此处应当通过关注部分数据指标监测效果.如关注 PV.UV 等监测页面流量是否增加,使用网 ...
设置双核浏览器的浏览模式meta name=“renderer” content=“webkit|ie-comp|ie-stand”
今天上知乎看到有人在上邀请我回答这样一个问题:如果访问的页面中有 CSS3 代码,双核浏览器会自动切换到 Webkit 内核吗?http://www.zhihu.com/question/200946 ...
nginx mozilla_我发现Mozilla的私人浏览模式存在重大缺陷。
nginx mozilla by Konark Modi 通过Konark Modi 我发现Mozilla的私人浏览模式存在重大缺陷. (I found a major flaw in Mozilla ...
360浏览器代码修改浏览模式
我开发了一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加 ...
inprivate浏览是什么意思_Win8系统IE10如何启用InPrivate隐私浏览模式
InPrivate浏览是什么意思?简单的解释就是隐私浏览,这是Win8系统中新增的一项功能,可在用户进行网页浏览的时候保护用户隐私信息,不会保存用户浏览历史记录.输入的密码等信息,实现无痕浏览,下面我 ...

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

尼尔森F形状网页浏览模式相关推荐

最新文章

热门文章