浏览者的视线-F形网页浏览模式

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

美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告
研究表明,浏览者打开网页后,按照下面的习惯形成F形网页浏览模式:

第一步:水平移动
浏览者首先在网页最上部形成一个水平浏览轨迹。
第二步:目光下移,短范围水平移动
浏览者会将目光向下移,扫描比上一步短的区域。
第三步:垂直浏览
浏览者完成上两步后,会将目光沿网页左侧垂直扫描;这一步的浏览速度较慢,也较有系统性、条理性。
附图:F形状网页浏览模式
下面为杰柯柏·尼尔森报告中的3张热度图,用颜色来表示浏览者眼光聚集的热度,分为最热(红色)、较热(黄色)、不热(蓝色)和基本不关注(灰色)4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽,第二条线会随之加长,但仍然是F形状。

图1 一般说明性网页的视线热区图


图2 电子商务网页的视线热区图

 

图3 Google搜索结果的视线热区图

 

根据浏览者视线移动习惯,您可以设计出更受浏览者喜爱的页面!