提交页眉秀 查看作者blog
作者:lem001
935柠檬币
[查看博客] [作者其他百科条目]
收录时间:2008/05/22/21:27
尼尔森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搜索结果页



参考文献:
dunsh.org

 所属分类标签:交互设计网页浏览理论基础

 快速回复   高级回复
标题:
内容:
附件:
    [完成后可按 Ctrl+Enter发布]
柠檬杯设计大赛等计划介绍
相关条目

·[招 聘]
  深圳迈瑞生物医疗招...
  发布者的blog:mindraycs
  发布时间:2008/04/15/21:21

·[界面与交互]
  猎头招聘交互设计师
  发布者的blog:rubysu
  发布时间:2008/01/22/16:10

·[招 聘]
  腾讯诚聘游戏UI交互...
  发布者的blog:redrocker
  发布时间:2007/12/28/13:25

·[招 聘]
  猎头招聘(视觉设计...
  发布者的blog:rubysu
  发布时间:2007/11/02/11:47

lem001的作品
lem001的收藏