网页热图在分析用户行为方面是一种很直观的工具，如果你知道该如何分析的话，能可视化用户行为的热图将是你军火库中必不可少的秘密武器。为了让你更好地理解热图，我们Ptengine（铂金分析）团队整理了8种热图的用法，希望能帮助你快速高效地优化网站。

该如何拉近与客户的距离？

你至少要排查以下8点，然后去优化它们！

1、链接测试：用户是否走到了死胡同儿？

2.分心测试：是否有不相关的元素分散了用户的注意力？

3.内容测试：网站是否缺少了某些关键信息？

4.设备测试：网站能否适应不同尺寸的屏幕？

5.深度测试：用户是否触达网页下部的所有内容？

6.互动测试：用户真正想要的是什么？

7.首屏测试：网站上的哪些模块让用户留了下来？

8.导航测试：导航栏对网站帮助有多大？

我们开始吧！

1、链接测试

问题：你是不是经常会想，用户会不会点击一些没有链接的图片？

热图工具可以很好地呈现这类问题。找到那些被多次点击的图形图片或标题是至关重要的，你的用户很有可能就因为某些页面元素无法点击而感受挫败，甚至直接离开。

如何解决：使用点击热图，能帮你迅速定位这些链接“死角”。而你需要做的，是把“死角”链接到相应的内容或页面上。如果你不希望让用户跳转到其他站内的页面的话，可以选择弹窗的方式进一步展示更多的相关内容。尝试一下，跳出率会大幅降低的。

2、分心测试

问题：你有没有过这样的经历，本来你是想在某个网站下单购物，可不知怎么就被其他内容吸引走而忘了最初的目的？

其实这种情况经常发生，用户很容易就被其他不太相关的内容分散注意力，忘记原本的目的。使用注意力热图能很快速地帮你找到哪些内容与页面关键信息是不相关的，哪些内容容易吸走用户的注意力。另外，如果在页面某个小区域内发生了高频次的点击，这意味着用户对网页上的其他内容都不太感兴趣。

如何解决：注意力热图的热度情况，分析热度较高的区域，找到吸引用户关注的元素，并将这些元素添加或者细化到热度较低的区域；如果注意力热图热度普遍较低，那你需要进一步分析导致用户注意力分散的原因，调整网站元素并使用热图验证。

3、内容测试

问题：用户正在寻找网页上缺失的信息。

如果用过热图的话，你会发现信息缺失的典型情形是，在页面中一个非常小区域内出现高频次的点击，或者没有任何点击一直滚动到页面底端，仍然没有寻找到想要的信息。及时添加缺失的信息，会极大提升用户参与度和目标转化率。



如何解决：任何受到大量关注的区域都应该尽可能包含更多的信息，删除参与度低的区域给更重要的内容挪出空间，添加更关键的内容；如果用户到达页面底端仍然在寻找信息而未发生点击，那你需要进一步分析用户真正想要了解的是什么，调整网站传递的关键信息，并使用热图分析结果来对比验证。

4、设备测试

问题：网站显示在不同尺寸的屏幕上时差异很大。

随着更大屏的电脑，平板和手机越来越普及，网站也会在更多不同尺寸的屏幕上以不同的方式被展现。网页上的关键信息在电脑上显示时出现在首屏的位置，而在手机上显示时就可能被挤到靠下的位置了。同样，适合手机显示尺寸的网页内容在电脑网页上会显得非常稀疏或无法显示。而通过热图可以很轻易地看到差异，它会根据终端设备，型号，操作系统，浏览器，屏幕分辨率等因素的不同，分析用户在不同情况下如何使用你的网站。

如何解决：采用响应式设计来控制页面在不同尺寸屏幕上的显示。使用热图找出页面上关注度高和点击量大的内容，对响应式的网页设计进行调整；随后再用热图查看改进后的效果。

5、深度测试

问题：你有没有过这种经历——当你碰到一个很长很长的网页，还没滚动到底部就因为各种原因进入其他页面或者直接离开呢？

很多用户都很难意识到滚动页面还会有其他内容（有时候你要传递的关键信息恰恰不在首屏）。大多数情况下是因为网页的局部设计给用户一种已经到达底部的错觉。有时一条直线或者大色块就会让用户误会；或者首屏下半部留下的大片空白也会让用户误以为是页面底部。使用热图监测页面下拉后不同区域的浏览触达率，可以有效发现上述问题。

如何解决：如果大多数用户都没有触达过下部的页面，你就需要立刻调整那些任何会让用户误以为浏览完毕的设计。如果你不得不把一些关键内容放置到首屏下面的某些区域，你可以考虑在首屏内添加锚点；你也可以通过使用箭头等视觉辅助的设计引导用户至首屏以下的内容。

6、互动测试

问题：别妄想了，其实用户对你认为最关键重要的内容根本不感冒！

用户与页面的交互很少，使用点击热图和注意力热图就可以很轻松地发现交互不好的区域。

如何解决：产生这类情况的原因有两种：1.互动元素设计不够突出，给用户无法互动的错觉，需要设计师根据热图优化互动元素；2.互动元素用户并不感兴趣，也就是向用户传递的信息内容有偏差，那么需要进一步了解用户需求，调整互动元素内容并使用热图验证。

7、首屏测试

问题：你知道吗，在登陆网站的几秒之内，用户就已经做出了去留的决定。因为页面首屏的内容是影响他们决定的重要因素。

当用户访问网站时，你只有很短的时间与用户互动并传达关键信息。通过热图可以显示不同尺寸屏幕上的首屏展示样式，即时呈现用户的点击、注意力、浏览触达情况，便于优化首屏引导用户继续浏览网站。

如何解决：尝试把页面首屏下方中用户互动度较高的内容移动到首屏显示，也可以在首屏内添加锚点，链接到高互动的内容上。通过热图了解用户是否注意到了你的标题，他们是否移动鼠标点击过这些区域。标题是首屏上最关键的元素，一定要起一个抓人眼球的标题。如果首屏已经有了吸引人的标题，却没有互动产生，那你需要调整多个版本进行测试。

8、导航测试

问题：有些导航栏的设计吃掉了首屏大部分空间，也会吸引走用户的注意力。

点击热图和注意力热图可以监测并显示导航栏的区域到底吸引了多少用户关注和互动。

如何解决：如果用户大量点击导航栏，这可能意味着他们不能在页面上直接找到自己需要的信息。同样，他们也可能是因为对导航栏的结构设置感到困惑。如果Ptengine热图显示用户很少滚动页面，你应该考虑缩小导航栏的尺寸，把关键内容放进首屏。不要把导航栏搞得太复杂，尽可能简化它，less is more!

总结

利用点击、注意力、滚动到达等热图工具进行可视化分析，改善用户体验，提升转化，帮助你更好地运营网站。对Ptengine（铂金分析）感兴趣的朋友，可以使用邀请码8heatmap，在www.ptengine.cn上注册并免费使用。