十分钟学会这个升职利器：五大热图分析

热图分析，就像一群人通过一块草地去各个目的地，走的人多的地方就成了路，走的人少的地方则还维持原样，而通过高空俯视草地，我们就能清晰地了解用户的行为轨迹。

热图分析，就像一群人通过一块草地去各个目的地，走的人多的地方就成了路，走的人少的地方则还维持原样，而通过高空俯视草地，我们就能清晰地了解用户的行为轨迹。

由此引出热图定义：

热图分析：通过记录用户的鼠标行为，并以直观的效果呈现，从而帮助使用者优化网站布局。

对于产品和运营来说，有五种常用且帮助十分大的热图分析，先来看一下热图分析的案例。

案例

企业需求：

某装修公司在百度进行了落地页推广，但发现线索转化率很低，因此希望通过热图看到用户浏览页面的情况，并对推广页进行优化，提高线索转化率。

解决方案：

1、分屏热图

该装修公司使用数据客分屏热图，发现从第一屏到第二屏的到达率是62%，再到第三屏的只有38%。数据显示，页面整体的浏览率比较低，首页对客户留存的吸引力不够，导致第三屏及以后的活动推广和客户案例几乎没什么人浏览到，因此需要优化首页内容，提高首页对用户的吸引，用户才有兴趣向下查看。

2、链接点击图和页面点击图

从链接点击图和页面点击图来看，用户对计算装修的选项选择里，只有前4个按钮的点击率和点击次数比较高，到第5个按钮大部分访客已经失去耐心，后边输入手机号更是没人填，自然获取不到线索。因此需要对获取用户信息的表单重新设计，将繁琐的各种选择进行简化，能合并的尽量合并，做到省时省力，用户才愿意填选。

3、浏览热图和注意力热图

从浏览热图和注意力热图看，因页面较长用户需要鼠标或手指在右侧滑动查看，导致右侧的亮度明显高于左侧。上部的banner图一般是最吸引用户眼球的，但从这两个热图显示，浏览和注意力热图都没有高亮，没有多少用户被它吸引，因此这块也需要优化，不能白白浪费最佳广告位。

综合以上五类热图，该装修公司找到了用户留存低、转化率低的问题点，着手更换首页banner图和优化表单结构后，线索转化率从之前的5%提升到了20%，推广ROI得到极大提升。

下面我们就对这五大热图详细解读一下：

五大热图分析详解一、分屏热图

通过分屏热图掌握每屏内容对于用户的吸引力，我们都知道用户浏览行为可能越往下浏览率越低，但是具体情况如何，一直没有实际的数据支撑。数极客研发的分屏热图，创新性的将每一屏的浏览用户数和比例直观的展现出来。因此在产品功能、页面内容的展示方面，可以根据分屏热图进行优化，提高重要信息的曝光度。

分屏热图有什么好处？

1.分析用户在网站上的关注焦点；

2.根据热图分析网站的页面布局，提升重要信息的展示量，提升用户交互体验。

3.首屏优化

4.网站深度测试

二、链接点击图

链接点击图可以直观地展示用户的点击交互情况和每个页面元素的点击量、点击占比，同时可按不同访问设备、不同时间和用户维度进行热图细分分析，从此轻松掌控用户所有点击交互分析。

链接点击图有什么好处？

传统热图可直观的看到用户在网页上的点击互动，但是缺少可衡量指标？热图缺少每个点击元素的点击量和点击占比，很难进入深入分析？通过链接点击热图来解决。

1.检查网站死链接

点击热图可以帮我们找出网站中的死链接，比如有些点击后无法正常跳转的元素。如果用户点击后并不能跳转到客户期望的页面，可能会给用户一定的挫败感，降低用户体验，甚至让用户离开。

2.链接设置是否合理

如果网站上的图片或者其他元素本身无互动链接的元素用户点击率比较高，说明用户希望点击的元素可以跳转到其他的页面，通过数极客点击热图科学的优化内链结构，不但可以提升网站的用户体验还可以提升权重。反之，如果某个明显可以跳转的标题或者图片，如果用户点击比较少在一定程度上可以说明该元素需要优化了。

3.页面吸引力测试

在我们平常访问页面时，如果对页面内容不敢兴趣，我们多半就只是从上滑动到下没有任何点击行为。通过点击热图我们可以判断页面是否有新引力，引用用户的到底是什么，用户在网站找什么。最终根据热图优化页面内容结构，降低访客的退出率。

4.网站互动性测试

网站交互设计中经常会用热图来分析用户和网站的交互情况，如果网站互动性不高，可能是网站内容不够有吸引力，也可能是网站的互动元素需要优化。

5.分析A/B Test效果

通过对A/B test，并结合数据统计和热图展示，分析A/B测试效果，以低成本的方式实现科学地迭代。

三、点击热图

点击热图有什么好处？

1.检查网站死链接

点击热图可以帮我们找出网站中的死链接，比如有些点击后无法正常跳转的元素。如果用户点击后并不能跳转到客户期望的页面，可能会给用户一定的挫败感，降低用户体验，甚至让用户离开。

2.链接设置是否合理

如果网站上的图片或者其他元素本身无互动链接的元素用户点击率比较高，说明用户希望点击的元素可以跳转到其他的页面，通过数极客点击热图科学的优化内链结构，不但可以提升网站的用户体验还可以提升权重。反之，如果某个明显可以跳转的标题或者图片，如果用户点击比较少在一定程度上可以说明该元素需要优化了。

3.做用户分心测试

通过点击热图我们就可以判断页面是否有导致用户分心的内容模块，进而优化页面，实现最终用户转化。我们可能都有这样的经历，点击注册按钮进入注册页面后，却被注册页上其他内容吸引，最后却未完成注册。到口的肉却飞了，对网站运营来说非常可惜。

4.页面吸引力测试

在我们平常访问页面时，如果对页面内容不敢兴趣，我们多半就只是从上滑动到下没有任何点击行为。通过点击热图我们可以判断页面是否有新引力，引用用户的到底是什么，用户在网站找什么。最终根据热图优化页面内容结构，降低访客的退出率。

5.网站互动性测试

网站交互设计中经常会用热图来分析用户和网站的交互情况，如果网站互动性不高，可能是网站内容不够有吸引力，也可能是网站的互动元素需要优化。

6.分析A/B Test效果

通过对A/B test，并结合数据统计和热图展示，分析A/B测试效果，以低成本的方式实现科学地迭代。

四、浏览热图

2006年4月，美国长期研究网站的著名网站设计师杰柯柏 · 尼尔森发表了一片《眼球轨迹的报告》。报告指出，用户在浏览网站时，鼠标移动和眼球移动有84%到88%的相关性，而且大多数情况下用户都不由自主的以“F”形状（如下图所示）的模式浏览网页。如果能看到用户鼠标在页面上的滑动轨迹，也就可以分析用户在网站上详细的浏览信息。

浏览热图有什么好处？

1.分析用户的浏览行

2.根据用户浏览习惯，优化网页布局

用户常规浏览行为模式

Step1：水平移动浏览Step2：目光下移，短距离水平移动Step3：目光下移，沿网页左侧垂直下移

五、注意力热图

通过注意力热图，掌握用户停留时长较热的区域，注意力热图可以帮助我们了解用户浏览时的思考和停留的时间，比如，当用户在购物车页面的提交订单按钮停留时间较长时，产品经理可以结合订单分析功能去分析用户停留的原因，解决用户的疑虑，从而提高购买转化率。

注意力热图有什么好处？

1.分析网页上哪些内容吸引用户

通过热图我们可以快速的发现哪些内容是用户感兴趣的。分析热图高亮区域，找到用户比较关注的元素，并将用户感兴趣的内容合理分布，提升网站整理的吸引力。同样，对于用户点击量较少的元素，我们也可以通过优化调整再去通过热图去验证优化效果。

2.分析用户交互重点

通过点击热图可以轻松发现用户与页面交互的热区和冷区。通过合理的位置调整或者增删修改来匹配用户在内容方面的互动需求，进而降低页面的跳出率提高网站粘性。

3.优化网站文案结构

通过注意力热图，我们可以轻松的分析用户对文案的阅读深度，将用户阅读较浅的文案进行优化以更好地匹配用户的需求。