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

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

研究者用了几种不同的页面做眼动仪测试，得到了3张热度图，用颜色来表示浏览者眼光聚集的热度，分为最热（红色）、较热（黄色）、不热（蓝色）和基本不关注（灰色）4种。其中图3搜索结果页因SERP中网站标题、网页摘要较宽，第二条线会随之加长，但仍然是F形状。

图1：F型浏览

研究人员这样诠释F型浏览

第一步：水平移动

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

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

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

第三步：垂直浏览

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

F型浏览背后的问题

F型浏览模式这个理论已经推出很久了，我在很多网站和BLOG上也看到过这样的分享。我在思考几个问题：

1. 出现F型浏览模式的原因是什么？它的背后是什么样的用户需求？

2. F型浏览会受到网站内容、用户需求影响而发生改变吗？会出现别的形状吗？

3. F型浏览模式能够给我们什么启示？如何指导我们进行SERP的设计？

带着这些问题，我进行了一些资料的发掘和尝试，进而有了更多的疑问，“浏览者都不由自主的以“Ｆ”形状的模式阅读网页”，这句话，尤其值得质疑。因为我发现，浏览者并未是无意识形成了某种浏览行为，而是受到网站设计与自身需求的双重影响而造成的。

什么造成了F型浏览？

Jakob Nielsen花费的苦心用三种不同的网页进行测试，目的是为了告诉我们，F型浏览在不同的网站上都是通用的，用户的F型浏览行为并不会受到网站内容和设计出现太大的不同。

但是他并未进一步分析出现F型浏览的原因，结果让很多人误认为这真的是一种“不由自主”的行为。

也正因为如此，F型浏览也很容易被看出很多漏洞来。比如：

为什么不是E而是F？因为我们看到很多眼动仪测试的图片F下面并未一只有一个水平浏览线，而是多个。

为什么下面的一个水平浏览线要短于上面的一条，而实际上我们看到的很多眼动仪图片却是下面的水平浏览线要长于上面的一个？

而进一步的研究也发现，当考虑到网页丰富的内容元素，比如图片时，F型浏览很容易就被打破。如图，你能看到一个典型的F吗？

图2：图片因素对F型浏览的影响

那么，研究人员又来补充F型浏览了，他们说，当有了图片元素影响后，用户的浏览行为发生了改变，不再呈现F型浏览，而是出现了一个E字：

我想，再这么推下去，还是避免不了漏洞百出，E出来了，F出来了，将来还会有L，I，C，Z……

还是早早透过现象去分析本质，让我们早点接触F型浏览背后的原因更好。

我认为，F型或者是E型浏览方式，绝对不是无意识的“不由自主”的行为，而是网站内容、设计，用户需求和用户习惯多重因素作用下的结果。

用户的习惯：从左向右，从上到下，这也是传统阅读习惯在网络上的延伸。

互联网用户的阅读习惯：有些像我们阅读黄页或者产品目录的方式：快速扫描的方式，捕捉关键点，读短句子，忽视长篇大论——这些是可以有定论的。

用户的需求：这种习惯是如何养成的？我想是因为互联网用户心中有个需求：寻找某个东西。这个东西可能是具体的，比如搜索某个产品。也可能是模糊的，比如浏览新闻网站，我们是想扫描一下看看有没有“激发兴趣”的关键词。当发现这些“关键词”后，我们会阅读更多的辅助信息以帮助决断：这究竟是不是我要找的东西，当发现是的时候，会产生到详情页面的点击，当然发现不是的话，就会继续向下阅读，继续又一次循环。

用户的耐心是有限度的，所以随着扫描的进行，页面长度的拉伸，他们若找不到太多兴趣点，兴趣自然会逐渐消减，因此就可能形成了所谓的F型或者金三角热区。

用户在浏览的时候，大脑里出现了三个词语：也许是，是，否。

当词语是“也许是”的时候，用户水平浏览以获取更多信息，当答案是否时，用户放弃水平浏览，下移阅读下一段或者下一个搜索条目。当答案是是时，一般会产生一个点击。如图所示：

图3：F型浏览是有意识的行为

这是我心中的F型浏览模型：

纵向扫描用以对比：信息为第一维度要关注的信息，用户寻找的是最重要而且有差异化的信息，用户扫描的速度非常快。用户对比中会产生“定位”，从而产生水平阅读。

横向阅读用以判断：信息为第二维度信息，信息可以没有差异化，用户会降低扫描的速度以获取更多有用的信息，帮助自己做判断，要不要点击到详情页。

用户的对比需要有差异化的信息，因此当用户做了一次过滤后，原本差异化的信息变为雷同时，F的纵向条开始转移到另外一组信息处，比如在淘宝上搜索mp3，当我经过过滤，筛选出一组均是米奇的MP3时，图片的差异化就没有了，我的F纵向直接过渡到标题或者其他信息。

在以下的图片无差异化的list上，我甚至有可能直接将F的纵向浏览转移到价格或者地区上。

因此，我们可以把F型理解得更加宽泛一些，这样就不用去纠结上面一横长还是下面一横长或者是两横中间的距离，当然也不会纠结为何F会有多条水平横线。