【前言】

上期我们详细讨论了bounce rate中的一些年夜众智慧，为年夜家说明了"过犹不及"的事理，bounce rate太低并不是功德，bounce rate太高也可能只是手艺原因。这一期，我们看看朋友们特别喜欢的别的一个东西——热图。看看热图中的年夜众智慧有什么"小误区"。

【正文】

"一图胜千言"，在网站阐发中也完全如此。我们喜欢热图的原因，是这张图很是明确地奉告我们用户对一个页面上的什么部分感兴趣，并且很是直不雅。我曾经有客户奉告我：我什么都不需要，你就给我热图就好了。我想，他一定是因为热图易读好懂，且满含信息，所以才对它青睐有加。

于是，众多的东西也有意无意强调了热图的重要性，年夜家热衷创作发现比"他人"更好的热图功能，从而获得更多的用户好感。

此热图非彼热图

热图可能不像年夜家想象的那么简单。最早的热图思想来自于研究用户阅读图像行为的那些专家们，其实热图不但仅只是给网站网页阐发用的，热图自一起头，就是一种用于研究人的视觉认知的严肃科学体例。

所以热图并不是我们在网站阐发东西上看到的热图（点击密度图），而是指用户的视觉注意力求。下面这张著名的谷歌热图的红蓝渐变就是描绘用户眼球注意力的。

听说谷歌用这个图来决定告白位置的代价，左边的代价高于右边，显然是因为左边取得的用户注意力远远高于右边。

所以，如果我们只是说"热图"，我们应该想到的是人眼镜的注意力热图，而非点击的热图。而在英语中，视觉热图常常使用eye tracking heat maps，点击热图则用click heat maps暗示，是不一样的。

对UE设计师，网站UI等负责页面视觉和交互的朋友而言，人眼注意力的热图十分好用。一旦你知道你做出来的东西，人的眼睛是如何进行不雅察的，你便可以知道你的东西是不是真的"抓住了眼球"，仍是仅仅只是让人们"视而不见"。

下面这张图是Facebook改版前后的用户注意力热图。一言两语似乎没法表述这次改版事实是成功仍是失败，但在某一个方面，Facebook很成功的让用户的注意力产生了"左右对称"，而摆脱了"谷歌页面的阅读模式"。

人眼的注意力热图是怎样取得的呢？有两种体例。

第一种体例是操纵"眼动仪"，听说这是一种本钱很高的体例。人们坐在一个屏幕面前，旁边放上眼动仪记实人的眼球运动轨迹。这种体例很切确，但收集样本比较有限，操作难度也比较年夜。

第二种体例不需要操纵眼动仪，看起来很神奇。它仅仅只需要带有摄像头的笔记本电脑便可。在做测试的时候，摄像头启动，拍录下用户眼球的运动，然后连络被测内容做出用户的眼动热图。这种体例有一个很是年夜的益处，并不是仅在于其本钱的低廉，而是由于不需要专门的设备，能够取得较年夜的样本，甚至能够不受地区的限制。关于这种体例，在国外有办事提供商，名字叫做eyetrackshop，年夜家可以看看它的视频介绍。

谈了很多注意力热图，该说说点击热图了。关于点击热图，事实上在专门的网站阐发东西呈现也已经呈现了，而并不是是谷歌 Analytics或Omniture的专利。依据每个点击带来的效果的不合，点击图其实又可以分为鼠标点击的热图，描述每个链接产生转化数量的热图以及描述每个链接最终产生的销售的热图。我们最为常常使用的是鼠标点击的热图。

下面我们看看点击热图中有哪些常见的年夜众智慧，其中又有哪些误区。

点击热图无法做到的

我们拿点击热图权衡用户的兴趣，这很恰当，点击多的表白用户兴趣年夜。但反过来则不一定成立，即点击少的处所不一定用户的兴趣就少，或说，人们的注意力被吸引的水平和鼠标点击的次数其实不总是保持一致的。事理很简单，人们眼光注意到的处所未必是能够被点击的区域，或虽然对用户产生了吸引力让人情不自禁地多看了两眼，却缺乏足够的说服力让用户点击链接（请注意有吸引力的东西未必就有说服力）；反过来，在别的一些处所，也许一起头用户底子就没有赐与更多的注意，但部分用户多看两眼后发现了它并且认可这个区域的价值，因此这里也许能取得了很多的点击，但却不是注意力的核心。因此，点击热图必定不克不及完全用来描述页面吸引人们注意力的情况，也不克不及完全满足我们在设计页面时的一个重要需求，即让页面中最能抓住人们注意力的处所放入最为重要的内容，从而包管用户注意力和兴趣的一致性。