热力图

在电商领域，热图是最容易上手、也最能直接指导行动的定性研究工具之一。它把“用户在这个页面上到底在做什么”这一抽象问题，转化为一目了然的可视化答案，无论是开发者、设计师还是营销人员，都能看懂并据此采取行动，完全不需要统计学专业知识。

热图的类型

点击图展示用户在页面上的点击位置，每一次点击和触碰都会被记录，并汇总成千上万个会话数据，形成一张色彩编码的叠加图。点击图能揭示哪些元素获得了互动，哪些被忽略，更关键的是，哪些不可点击的元素却被反复点击，这说明用户期待某种其实并不存在的交互功能。比如一张产品图片被反复点击却没有任何反应，这就说明用户期待放大或灯箱查看功能，而页面上并没有提供。

滚动图展示用户在离开页面之前滚动到了多深的位置。颜色渐变从顶部的暖色过渡到底部的冷色，揭示出大多数访客停止滚动的位置，也就是说，这条线以下的内容，绝大多数访客根本没有看到。如果一张滚动图显示，80%的访客在到达产品页的“加入购物车”按钮之前就已经离开，这是一个对转化至关重要的发现，仅靠会话录屏和数据分析工具是无法如此清晰地呈现出来的。

移动图（或称悬停图）追踪桌面设备上用户光标在页面上的移动轨迹。研究表明，光标位置与视线注视之间存在一定的相关性——光标停留的地方，往往大致对应着注意力集中的位置。移动图能揭示页面上哪些区域吸引了注意力，哪些被略过，为阅读行为提供了一个无需眼动追踪设备就能获得的参考指标。

愤怒点击图是一种特殊变体，用于标出用户在短时间内快速连续点击的区域——这是一种表明用户感到挫败的行为信号。愤怒点击通常发生在用户以为某个元素会有反应，但它却毫无反应的时候——一个看起来可以点击、实际却不能点击的按钮，一个失效的链接，一个无法提交的表单。愤怒点击数据能在用户的挫败感演变成放弃行为之前，及时识别出这些用户体验上的问题。

注意力图将点击、移动和滚动数据整合成一张综合视图，用于估算整个页面的注意力分布情况，从而全面呈现出用户参与度集中在哪里、又缺失在哪里。

热图在电商中揭示了什么？

首屏效果。滚动图能揭示有多少访客会继续查看首屏以下的内容。如果一个关键的转化元素——比如“加入购物车”按钮、核心价值主张，或是关键的信任标识——对大多数访客来说都位于滚动阈值以下，那么就需要重新调整页面布局，让这些元素更早地呈现在用户面前。

导航与CTA表现。点击图能够显示主要CTA是否获得了设计预期的点击量，也能显示次要元素或非预期元素是否获得了点击，这类点击往往暗示着用户意图与页面设计初衷存在偏差。

产品图片互动情况。在产品页面上，点击图和移动图能够揭示哪些图片最吸引用户注意力，用户是否试图以当前功能不支持的方式放大或与图片互动，以及图片画廊的结构是否符合用户获取产品视觉信息的实际需求。

表单摩擦点识别。在结账和注册页面上，点击图与会话录屏相结合，能够揭示用户在何处犹豫不决、哪些表单字段因反复交互而暴露出困惑，以及用户在完成表单前于何处放弃。

信任信号可见度。移动图和滚动图能够显示安全徽章、退货政策信息和客户评价是否真正被用户看到，还是说它们被放置在页面过于靠下的位置，或者距离购买决策点过远，以至于无法带来实际的转化收益。

移动端与桌面端的行为差异。针对移动端和桌面端流量分别生成的热图，往往会持续揭示出显著不同的互动模式——在桌面端表现良好的内容，可能因为布局差异、拇指触及范围的限制或渲染方式的不同，在移动端完全被忽视。

热图与数据分析对比

热图和网站分析是互为补充的工具，二者解答的问题各不相同：

网站分析（Google Analytics 4、各平台仪表盘）会从量化层面告诉你正在发生什么——有多少用户、涉及哪些页面、转化率是多少、流量在哪个环节流失。它能识别出问题的存在，并定位问题在转化漏斗中所处的位置。

热图则从定性层面告诉你为什么会发生这种情况——用户在页面上究竟在做什么、他们在哪里感到困惑、哪些元素在推动或未能推动用户互动。它们能够诊断出数据分析所发现问题的根本原因。

最有效的CRO流程会同时运用这两种工具：先用数据分析找出哪些页面存在值得深入研究的转化问题，再用热图诊断出导致这些问题的具体行为模式，然后再着手设计和测试解决方案。