用户在阅览页面时通常会先扫描页面的顶部

F型视觉模型出现是由Nielsen Norman团队的Jakob Nielsen, Kara Pernice, 和 Bruce Hanington在2009年出书的《Eyetracking Web Usability》一书中介绍的研讨。该研讨运用了眼动追寻技能来跟踪用户在阅览网页时的注视点，发现用户阅览时普遍呈现出了类似于字母“F”途径的阅览方法。

呈现F型的根本原因是：用户会运用最省力的动线来阅览内容。该研讨成果被广泛引用，并成为了网页和移动端规划和内容创造中重要的参阅规则。

1、用户阅览内容时通常会先水平移动视野，往往是在内容区域的上部水平移动。这个初始的阅览元素构成了F型模型的顶部横线。

2、接着，用户向下移动视野一段距离，然后再进行第二次水平移动，这次移动通常比前一次掩盖的区域要小。这个附加元素构成了F型模型的中部横线。

3、最终，用户会进行一次竖直的扫视，扫描内容的左部。有时这种扫描看起来像眼动追寻热图上的一条实线。大部分情况下，用户会更快地移动视野，形成一些不连接的点，点链接为竖线，构成了F型模型的竖线。

由此，咱们得出规则：

页面上的首行内容比同一页面上的后续文本行遭到更多的重视。

每行内容最左边的几个词比同一行中方位靠后的词遭到更多的重视。

F型视觉模型在移动端的运用：

事例：58同城商家版app中的头绪订阅页面，顶部放置重要的筛选功能作为引导用户的第一视觉，下方信息流卡片在双排与单排两种卡片方式中选择了单排，杰出内容为主，信息明确，杰出内容信息标题传递给用户，信息互获取率高。多层级信息区分，展现多种颗粒度的内容。

F型视觉模型在UI规划中的影响深远，F型视觉模型可以最大程度的吸引用户的注意力，从而进步用户的阅览功率，减少用户的搜索和阅览时间，从而进步用户满意度。可是，虽然F型视觉模型适用于大部分的UI规划，但并不是所有的页面类型都适用于F型视觉模型。例如，假如页面需要展现很多的内容，那么F型视觉模型可能会显得不太合适。或许有个性化的需求，相对固定的F型视觉模型视觉就不合适了。

四、Z型视觉模型

Z型视觉模型的提出者并不确认，但早在2010年就现已被广泛讨论和运用。该模型是对F型视觉模型的改动和弥补，他认为用户在阅览页面时通常会先扫描页面的顶部，然后向下扫描，最终从左到右地阅览底部的内容，形成了一个Z字形的视觉途径。该模型首要适用于具有很多内容和多个使命的页面。Z型视觉模型着重简洁，规划上不会过于繁琐，使得用户更加简单了解和运用。