探讨F式布局在网页中的运用.docVIP

探讨F式布局在网页中的运用 　　虽然 　　F式布局的设计基础是用户扫视内容的时候，实现的运动轨迹和字母F相似，而布局匹配这种这种阅读方式可以让用户更快（Fast）地获取信息，因此得名为F式布局。 　　F式布局从何而来？ 　　F式布局源于NNGroup的一项眼动研究项目，他们跟踪了超过200名用户浏览各种网页时的眼动轨迹，发现用户的眼球快速浏览网页时，尤其是在快速浏览文字内容的时候，眼球的运动轨迹类似字母F，并且整个运动过程遵循下面三个部分： 　　用户先会沿着水平方向浏览，优先浏览内容块的上部，这个时候的眼动构成了字母F 最上面一横。 　　接下来视线会沿着屏幕左侧向下垂直扫视，寻找段落中能引起兴趣点的内容，当他们发现引起他们兴趣的内容之时，继续横向仔细浏览，而通常这些内容对应的视线范围会比第一次横向浏览的范畴要更小一些，而这个视线轨迹则构成了字母F 中间的一横。 　　接下来用户会将视线移到屏幕左侧，继续向下浏览。 　　 　　我们浏览内容的方式被训练为从左上角开始水平浏览，回到左侧向下扫视找到兴趣点，继续横向浏览。 　　 　　NNGroup 的眼动跟踪研究证明了这一点，红色的部分是用户感兴趣的区域，黄色的区域次之，不感兴趣的则为蓝色的区域，灰色的区域是用户直接忽略不作停留的部分。 　　显然，用户的浏览过程并不全是分为三个部分，但是它的模式是沿用下来的。 　　为何要使用F式布局？ 　　F