运营优化的秘密武器：重新认识热图的力量！（下）

2016-10-25 22:38:00

运营优化的秘密武器：重新认识热图的力量！（上）介绍了热图相关的关键指标；如何通过热图分析着陆页和推广单页；热图和事件监测的关系。本文我们将继续看热图在转化分析上的贡献、热图的组合与细分，以及app上热图的应用。

热图在转化分析上的贡献

热图在转化分析上也有重要的作用。我们都知道分析转化的方法主要是构建转化漏斗以及细分流失路径，很多朋友了解这个方法，因为这是分析主转化路径不可或缺的。但如果主转化路径已经优化的相当棒，转化率还有优化的空间吗？

转化——不是一个单线程可以解决的问题。转化是一个消费者心理问题，是信任、愉悦感、紧迫感、占便宜的诱惑、商品魅力的吸引、其他与商品相关的服务和保障的说服力（当然这也是信任的一部分）等等综合作用的结果。主转化路径帮助你纠正最基础的错误，但它不是全部。

主转化路径之外影响转化的那些因素被我们称为“微转化”。简单讲，微转化是指在转化必经过程之外，但同样会对转化产生影响的各种元素。这些元素与用户的互动，左右了用户的感受，也直接或者间接的影响了用户的决定。比如，商品的一些图片展示，并不是转化过程中必须要看的，但是它们的存在，是否会对用户的购买决定产生影响？这些图片就是微转化元素。

分析微转化元素热图也能发挥重要作用。

微转化的分析分为三个部分：

定位关键页面（转化主路径页面以及其他对转化有重大影响的页面）；
定位关键页面中可能影响用户转化的元素；
研究这些元素是否对消费者产生了作用以及它们对最终转化的影响——一旦我们发现这些元素促进了或者降低了转化，我们就可以确定我们优化的着力点和发力的方向。

图中这些交互元素都不是主转化路径的必经元素，但是却是典型的微转化元素，因为它们或多或少都会对消费者心理产生影响并且影响最终的转化。

对照热图，我们就能清楚看到，这些微转化元素中，哪些更多作用于消费者？例如，购买咨询和商品评论，而查看商品大图则不是特别受到消费者的关注（仅对这个商品而言）。

如果我们再接着进一步挖掘数据，发现各个微转化元素被点击之后最终发生的购买转化情况，我们又能得到什么样的分析呢？

对消费者吸引力最大的“商品评论”，在用户点击查看之后，却比较没有带来更高的转化情况，这说明评论本身还需要更有效的控制，从而进一步促进转化。现在，我自己的网上购物习惯是，一定会看一个商家有没有差评或者中评。如果有大量一边倒却缺乏营养的好评，我是坚决不买。如果中评和差评看起来明显是源于这些消费者自己的认知问题或者一些意外误会，反而会极大促进我购买这家的商品。

你会说，上面的例子我们用Event Tracking不也是可以的吗？是的，也可以，但是操作起来费劲多了，而且完全没有热图这么简便直观。

集合热图

上面尼康镜头的例子在我们的分析工作中有很多的应用。热图工具甚至可以直接将点击这些位置之后的转化展示在前端，这给我们分析微转化提供了巨大的便利。但一个新的情况出现，又给我们造成了困扰。

这个新情况非常普遍，尤其是对很多电子商务网站或app——它们的平台上拥有数量极为庞大的产品页面，每个页面的结构类似，但产品却各不相同。如果我并不想只是优化某一个产品（例如上面的这个镜头），而是想优化整个产品页面的模板，我将面临一个十分巨大的挑战——人们的行为散落在各个产品页面上，我要分析所有产品页所体现出来的整体的表现，难道我只能一个产品页一个产品的分析，然后汇总吗？尤其是，当我们想了解用户的点击行为，我是否将不得不把每一个产品页的热图做出来，然后汇总到一起？

对于超过10个商品（SKU）的网站而言，这样做是完全不可行的（难道你真的准备把这些页面的热图一个一个手动叠加起来？），而有些网站有上万个商品，上面这样的做法就不仅是不可行，更是不可能。

如果有一个工具，可以帮我们把所有的这些页面上用户行为数据集合起来，而不用我们手动去做，那就解决我们的大问题！这样的功能，在过去闻所未闻。但今天，利用热图的高阶功能我们可以一劳永逸地解决这个问题。

解决这个问题的基本思想是这样：

首先，将你希望集合在一起分析的这些页面合并为一个页面组——并不是所有的网站分析工具都支持这么做，例如Google Analytics并不支持直接在后台进行类似的设置，但另一些工具则能非常好的支持这么做，你需要首先选择这样的工具。

其次，在这样的工具的热图功能中找到页面组热图的功能。最后，在页面组热图功能中指定某一个页面作为热图的底图。

最后一个步骤是很有必要的，因为虽然热图可以叠加人们的点击行为，但如果把页面组中所有的页面都一起叠加展现出来，那就完全混乱了，所以这种情况下我们只能指定一个最有代表性的一个页面作为热图显示的底图。这个过程如下面的案例所示：

第一步：集合页面。下图中显示了我将我的博客（www.chinawebanalytics.cn）中所有的category页面集合在一起的设置，这些页面的URL中都包含“category”。我将这个页面组命名为“分类目录页”。下图点击小图可以看到原尺寸的大图。

第二步：选择“页面组”的热图功能，我刚刚建立的页面组已经自动在里面出现了。

第三步：必须指定一个页面作为热图的底图。

第四步：在指定完底图，并且保存之后，以你选择的这个页面为底图的整个页面组的热图被生成，你可以研究这些页面的整体点击情况。我的博客并不是最好的例子，电子商务产品页、媒体频道页或者其他有固定模板的页面，最适宜用这个方法查看一类页面整体的热图表现。

上图中，你看到的似乎是一个页面，但是实际上是所有包含“category”的页面的所有点击汇集在一起的热图。你可以看到这个页面群体似乎并没有获得很多的点击，这并不奇怪，这些页面在我的网站中并没有特别多的流量。对于电商等大量同模板页面的网站而言，这个方法对所有的页面进行集群分析实在棒极了。事实上，除了集合热图，我们找不到将所有产品页面作为一个整体分析的更好方法。

响应式页面和自适应热图

热图要面临的最后一个挑战，是响应式页面。关于响应式页面，很容易理解，就是那些同一个页面在PC、tablet和mobile phone上都能自动改变展示方式，以最优化的布局显示页面的一类网站。与响应式相对的是死板的页面，这些死板的页面无论在什么终端上都是一样的（所以在手机上就变得特别小，不放大什么也看不清）。

下图展示了一个响应式页面的例子（图片来自百度百科）。更多的关于响应式页面的介绍可以看百度百科：

热图必须应付这种新的页面形式，尤其是对我在最前面讲的能够完美解决第一类热图指标的工具而言。因为对于这类工具，它们必须不仅仅记录可点击（clickable）链接的用户点击行为，还必须记录在页面上用户所有的点击（无论这个地方能点还是不能点），因此响应式页面在不同终端上的布局重构对这类点击行为的记录（尤其是对这些点击行为发生的确切位置）有非常重大的影响。现代热图工具若要忠实表现人们的点击互动，就必须能够展现在各类终端上被重构的（响应式）页面的点击图。

下图显示了这种热图对响应式页面的适应——不仅仅需要适应各类设备，也需要适应设备的纵向或横向的旋转。

利用热图分析APP的表现

热图并非是web的专用工具，app很多时候也需要热图来展示用户交互行为。对app而言，热图同样是“多快好省”的工具。

值得注意的是，由于app和web有本质上的不同——app是程序，跟PC上的“.exe”文件差不多，热图的用法也有一定的不同。一般而言，app由于终端设备的限制，展示的面积比较小，互动元素集中而数量有限，所以热图的价值相比web较低，但也正因为屏幕小，所以互动点分布的也比较集中和有限，因此分析起来也比web的热图来的简单直观得多，因此与PC端web比较起来算是有利有弊。

另外，有一些内容（信息流）类的app（网易新闻、今日头条）之类，因为内容几乎无时无刻不在发生变化，热图并不适用。但是，对于工具类，电商类app（尤其是电商app的产品页），热图仍然具有价值。游戏app的热图则非常特殊，取决于游戏的类型，但大多数游戏主体内的热图难以制作且意义不大，但游戏的一些操作界面（比如注册、内购等），与web的交互非常类似，热图对于优化这些交互也很有意义。

例如，下面这个AB测试充分利用了app热图的直观便捷的优点。

案例中的Lonely Planet希望人们更多购买“全部城市”的套餐，$4.99那个，但是热图表明，人们并不喜欢选择那个贵的。