F型布局：传统的布局方式，依赖布置视觉线索，“控制”用户的视觉路径，相较之下，F式布局更加自然，更加友好。一般来说，用户浏览网页的视觉轨迹是这样的——先看看顶部，然后看看左上角，然后沿着左边缘顺势直下….而用户往往不太注意右边的信息。因此，我们习惯性的把重要元素（诸如品牌Logo，导航，行为召唤控件）放在左边，而右边一般放置一些对用户无关紧要的广告信息。

例如：

F型布局和热力图区分

上面这张图就是我们大部分人看页面的习惯：先看看页面的左上角，了解一下这是什么

网站（因此此处适合放置Logo)——“知道是什么”

     然后扫描一下页面的顶部（导航栏，搜索栏）——“了解用法”

     下一步，用户的视线下移，开始阅读下一行的内容。

      用户进入“扫描模式”，一旦找到感兴趣的内容便会打开。

现在来细化一下，我们用直白的方式表达出来：

F型布局和热力图区分

 

热力图：以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。

例如：

F型布局和热力图区分

 

特点：可以直观清楚地看到页面上每一个区域的访客兴趣焦点，无须报告数据分析，图形化展现，无需任何页面分析经验。

综上所述;F型布局和热力图都能很直观的看出访客所感兴趣的聚焦点，F型只是依据视觉感官行为把页面分布舒适自然，而热力图展现的是一些相关情况的分析，其实两者都方便与我们队对数据的。