本文翻译自：hotjar.com，一家提供分析工具的公司。热图是他们的主要产品之一。
以下为翻译正文。
热图并不仅仅是摆着好看的“花瓶”，它是一个非常有洞察力的工具——只要你知道你在找什么。
为了帮助你从热图中，找到更多可优化的地方，我们整理了8个快速测试，用简单可操作的方法来改进网站页面。
3种热图类型
在下面的测试中，会用到3种热图：
1、点击热图
显示用户在桌面设备上点击鼠标，以及移动设备上手指点击的位置。
2、移动热图
这个热图只能桌面设备上使用。
显示访客在屏幕上移动鼠标的位置，从而显示访客在注意哪些页面上的内容。
3、滚动热图
访客在页面上滚动的位置，可以看到特定垂直位置的访客比例。
1、链接测试
问题:访客经常会点击页面中没有链接的地方。
点击热图可以很好地呈现这类问题，帮你找到那些有大量点击的图片、标题或着图标。
这些不能点击的元素是“死胡同”，访客很可能因此离开网站。。
解决方案
将上述元素链接到合适的页面或者内容上。
为了避免打开新页面而分散访客的注意力，可以考虑做成一个弹窗。
通过弹窗显示更多相关的内容，从而降低跳出率。
2、分心测试
问题:页面上的元素如果不相关，会分散访客的注意力。
访客很容易被不相关的内容分散注意力，从而忽略掉本来想找的内容，以及浏览目的，比如下单。
这时鼠标的移动热图可以呈现上述问题，帮你确定是哪些内容吸引了访客。
另外，如果某个小区域内有很多点击，这说明访客对其他区域的内容都不感兴趣。
解决方案
测试下删除那些访客不感兴趣的内容会怎么样。
可以在页面上设置一些调查。比如，询问访客“你感觉这个页面少了哪些内容？”
根据访客的反馈，来增加新的内容，更好的利用网页空间。
如果网页上的点击行为很分散，可以询问访客“是什么原因让你现在不想注册/咨询”？
这样能够了解访客的负面感受。重新设计页面内容、标题、CTA等解决掉这些负面因素。
3、信息测试
问题:访客会寻找页面上缺失的信息。
通过点击热图能够呈现上述问题。
典型情况，是在非常小的区域内，有着高密度的移动、点击，或者访客什么都不点，就一直滚动页面到最底下。
找到并添加缺失的信息，能够提升访客的参与度，并提高转化。
解决方案
任何受到大量关注的区域，都应该包含更多的信息。可以通过删除低互动的内容元素，腾出空间来添加更重要的信息。
另外，也可以向访客询问：“关于我们的退款保证，您想了解什么？我们有什么遗漏的”？
根据访客的反馈，设计并添加新内容。同时对比页面修改前后的热图，验证效果。
4、设备测试
问题：页面在不同屏幕尺寸的设备上的显示效果，存在极大差异。
随着大屏手机、高分辨率电脑的普及，网站的内容会在很多大小不同的屏幕上显示。
一些重要的内容，在PC端可能展现在首屏上，但到了移动端，可能要滑好几屏才能看到。
同样的，一些内容在手机上看起来很正常，但在PC端或者更高分辨率的手机上，就会很难浏览。
使用能够区分设备的热图工具，能够显示访客在不同屏幕尺寸下的浏览行为。
解决方案
采用响应式设计网页，这样就能保证在不同尺寸的屏幕上都能显示。
使用热图工具找到页面上高点击高关注的内容，并以此来调整页面设计。并用热图验证修改效果。
小曹：也可以判断访客设备，自动跳转到合适的页面，保证浏览体验。
5、深度测试
问题：访客可能没有看到网页上的重要内容。
很多访客都想不到滚动页面后，还有更多内容。
大多数情况下，是因为网页的设计导致访客认为他们看完了整张页面。比如一条分隔线、一个色块等等。
首屏位置有太多空白，也会让用户误以为下面没有内容了。
使用滚动热图（小曹：浏览触达率）可以很好的呈现上述问题。
解决方案
如果大多数访客没有看过首屏以下的内容，那么应该删除任何可能导致用户认为下面没有更多内容的设计元素。
可以给首屏以下的内容添加锚点链接（放在高点击区域）。
也可以单独在首屏添加一个方框，里面放上关键内容的锚点链接（小曹：类似百度百科的页面目录）。
还可以使用箭头或引导视觉的设计，引导访客浏览首屏以下的内容。
6、互动测试
问题:你的访客并不关注你认为重要、关键的内容。
使用热图可以很容易发现低点击、低互动的页面区域。
解决方案
可以通过询问的方法，了解访客为什么访问这个页面：在这个页面上，你想找到什么？
也可以询问访客为什么不感兴趣：这个页面缺少了什么？我们如何改进它？
根据访客的反馈，调整内容，并测试效果。
小曹：也很有可能是CTA不够明显，可以通过A/B测试找到更高点击的设计；或者内容不够吸引力、与需求不匹配，需要重新分析访客需求、调整内容设计。
7、首屏测试
问题：在登陆网站的几秒钟内，访客就会决定去留。
第一眼看到的内容，极大的影响访客是否决定继续浏览。所以要在很短的时间内，向访客传递关键信息，吸引继续浏览和互动。
确定网页在不同尺寸设备上的首屏位置，这里面的内容需要能够即刻吸引访客，让他们继续浏览。
解决方案
尝试将首屏以下的高点击、高互动内容，移动到首屏上。也可以在首屏上添加下方内容的锚点链接。
通过热图，判断访客是否对标题感兴趣，因为标题是首屏上的关键元素。
如果没有一个吸引人的标题，要赶快加上一个。
如果首屏已经有了吸引人的标题，但是互动不理想，就需要通过更多的测试来进行调整。
8、头部测试
问题:页面上头部版块，容易占据大量的垂直空间，从而分散访客的注意力。
通过热图，可以分析头部内容，比如导航，吸引了多少访客的注意力和点击。
解决方案
如果访客大量点击导航栏，这说明他们没有在页面上找到自己需要的内容（小曹：也可能是对内容不感兴趣，但是对网站感兴趣想看其他内容）。
当然，也可能是访客被导航的设计给搞糊涂了。
可以通过询问的方式，来了解访客的需求。并根据反馈调整页面。
如果热图显示访客很少滚动页面，可以考虑缩减头部版块的尺寸，从而将更多关键内容能够在首屏显示。
不要把头部的导航设计的太复杂，访客会因此而分心、疑惑。
尽量简化导航。直接把关键内容放到页面上，而不是导航里面。
需要补充的是，任何的修改调整，都需要通过A/B测试进行验证。
修改后有验证，才能知道修改是否效果。
网友评论