网络营销学而行

学而行营销网 > 互联网运营 > 数据分析

热力图类型有哪?原理是什么?互联网产品经理如何用好热图

GrowingIO小数 人人都是产品经理 2017-12-08

 热图有哪些类型?背后的原理又是什么?产品经理该如何用好热图呢….. 今天,我们就来一探究竟。

热图这么多,产品经理该选哪一种?

热图(heat map),也称热力图,是以特殊高亮的形式显示用户页面点击位置或用户所在页面位置的图示。借助热图,可以直观地观察到用户的总体访问情况和点击偏好。

三种不同的热图及原理

目前常见的热图主要有3种:基于鼠标点击位置的热图、基于鼠标移动轨迹的热图和基于内容点击的热图。三种热图的原理、外观各异,适用的场景各有不同。

pm_heatmap-1

  • 基于鼠标点击位置的热图(上图左),如百度统计的页面点击图,记录用户点击在屏幕解析度的位置。但是基于鼠标点击位置的热图不会追踪内容的变化而变化,只是记录相对时间内鼠标点击的绝对位置。
  • 基于鼠标移动轨迹的热图(上图中),如国外的MoseStats、Mouseflow等,记录用户鼠标移动、停留等行为,热图多为轨迹形式。同样,基于鼠标移动轨迹热图不会追踪内容的变化而变化,只是记录相对时间内鼠标移动的的绝对位置。
  • 基于内容点击的热图(上图右),如GrwoingIO热图,记录用户在网页内容上的点击,自动过滤掉页面空白处(没有内容和链接)的无效点击。基于内容点击的热图,最大特点是热图追踪内容变化而变化,记录用户相对时间内对内容的点击偏好。

产品优化和热图选择

基于鼠标点击位置的热图和基于鼠标移动轨迹的热图,可以反映用户在页面位置上鼠标的点击、移动和停留偏好,站长管理员、产品经理、设计师等可以借助其对用户的访问偏好有一定的了解。

然而,当产品经理要开始优化产品设计时,前两种基于位置的热图也常常带来困惑。一是密密麻麻的热图柔化了效果,对精确信息表达不充分,产品经理很难抓住重点。二是热图的高亮色彩传递的是感性化的信息,不容易分辨具体的数值。三是相对时间内,热图只记录鼠标在绝对位置上的点击,无法追踪内容的变化。

更多时候,产品经理、运营人员更多关心的是用户在不同内容上(如每一篇文章、每一件商品、每一张图片等等)的点击偏好,然后才能有的放矢地进行优化。而基于内容点击的热图收集的是用户在不同内容上的点击情况,过滤掉了页面空白处(没有内容和链接)的无效点击。并且热图追踪页面内容的变化而变化,可以适应很多商业网站内容频繁更新的需要。

看完热图,产品该如何优化?

任何工具都应该以提升工作效率为目标。作为数据可视化的重要工具,热图应该帮助产品经理快速发现用户行为规律,帮助产品经理快速优化和迭代产品。基于强大的“无埋点”数据采集技术,热图清晰地展示用户在页面不同内容上的点击偏好。那么,产品经理该如何用好这种强大的工具呢?

用户“误点击”,还是设计不合理?

pm_heatmap-2

某SaaS产品在官网详细介绍了其核心功能,并在首页设置了4个功能分类。很多访问用户以为功能介绍可以点进去,然后就不停地点击,却发现根本就没反应。实际上,这4个功能介绍就未设置链接。产品一开始认为这是用户“误点击”,但是以【自定义分析】功能为例,查看详细数据,发现工作日每天竟然有1K-2K的用户点击了该功能。

这样的设计对用户体验非常不友好,不但浪费了用户点击,而且无形中降低了用户的访问深度。产品经理可以尝试在该位置添加功能详情的链接,以满足用户的好奇或者需求,同时提高用户的访问深度。

毫厘必争的网页,如何优化内容?

对于流量巨大的网站(如电商网站、新闻资讯网站、门户网站),网页上一块小小的区域也意味着巨大的点击量和营业收入。热力图可以帮助产品经理快速了解用户的点击偏好,然后根据访问点击的多少,快速优化内容。

pm_heatmap-3

为了方便访问用户快速找到内容,某技术博客在网页右侧设置了【热门文章】和【热门标签】两个栏目。观察基于内容的热图,却发现下方的【热门标签】获得了比【热门文章】更多的点击。既然用户对我们博客推荐的内容不感兴趣,我们是不是考虑优化一下内容推荐?

相同结构的网页,难道要一张一张分析?

现在的网站有大量相同结构的页面,如电商的商品页、媒体资讯的文章页、SaaS产品后台等等。以电商网站的商品页为例,虽然商品详情页商品信息不一样,但是都在相同的位置有商品照片、库存情况、价格、商品规格参数、用户评论、加入购物车等等内容。下图展示的是某技术博客的文章页面,虽然不同文章的内容不一样,但是每个页面都有网页导航栏、文章导航栏、热门文章、热门标签等等元素。

pm_heatmap-4

通过路径设置,将原本 “……blog/article_1” 路径下的热图通配为为 “……blog/*”,用 “*” 模糊匹配所有的博客文章。这样,我们就能看到看到跨所有博客文章页面的热图效果(如上图)。通过这样的便捷的页面设置,产品经理可以对大量相同结构的页面进行快速的分析和优化。

产品迭代,热图能帮的上什么忙?

“埋点“是所有产品经理的痛,从提需求、写代码、返数据再到做分析,这是一个漫长、繁琐、低效的过程。在强大的“无埋点”数据采集技术的基础上,基于内容点击的热图可以直观展示用户在页面上内容的点击偏好,让产品经理对用户的行为规律一目了然。

pm_heatmap-5

在《精益创业》中有一个非常流行的概念——最小可行性产品(MVP),强调通过“验证性学习”的方式来快速迭代产品。热图就是一个非常好的工具,产品经理从热图中发现问题、提出假设,然后快速实验来验证或者推翻我们的假设。“冰冻三次,非一日之寒。”在“idea-product-data“的不断迭代中,热图应该成为产品经理的一种工作方式!

知识点: 互联网产品经理 热力图

编辑声明:本站收集的部分公开资料来源于互联网,转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如发现网站有侵犯您知识产权的作品,请联系我们及时修改或删除。联系方式:qq或邮箱:284332981@qq.com

相关热门

华哥

学而行营销网 站长/编辑

网络营销与数字广告策划专家/培训师
个人网站:www.xiaoyunhua.com
微信公众号:华言巧语说营销(id:cemahui8)

栏目导航
营销知识点
市场营销百科
消费者行为心理
借势营销
波特五力模型
事件营销
六一儿童节活动策划
端午节活动方案
定位理论
市场调研
李叫兽
酒店营销
饥饿营销
usp理论
swot分析法
营销心理学
4R营销理论
4PS营销理论
4P营销理论
4C营销理论
口碑营销
渠道管理
数字营销策略
外贸网络营销
场景营销
二维码营销
全网营销
微博营销
网红营销
大数据营销
病毒式营销
社会化营销
自媒体营销
新闻营销
内容营销
软文营销
网络营销工程师
网络营销师
邮件营销
广告策划投放
百度信息流广告
程序化广告
广点通
腾讯社交广告
公益广告
父亲节文案
原生广告
可口可乐广告
网盟推广
叶茂中
广告可见性
大卫•奥格威
sem优化
ASM
信息流广告
着陆页
媒介策划
AB测试
杜蕾斯广告
DSP广告
RTB广告模式
广告法
运营增长官
axure
微信小程序
excel数据透视表
百度统计
增长黑客
热力图
社群营销
Google Analytics
互联网产品经理
SEO优化
ASO
电商淘宝操盘
新零售
农村淘宝
淘宝客推广
钻石展位
跨境电商
速卖通
微商怎么做
阿里巴巴推广
创业经管大佬
杰克韦尔奇
互联网创业
阿米巴经营模式
稻盛和夫
共享经济
网红经济
松下幸之助
陈春花
乔吉拉德
菲利普·科特勒
职场销售女神
情绪管理
时间管理
化妆品销售技巧
服装销售技巧和话术
汽车销售技巧和话术
搜索