热力图驱动的页面改造:数据不说谎

热力图是离用户最近的工具:点击、移动、滚动,直接画在页面截图上。

三种图各看什么

点击图看真实点击与误点热区;滚动图看内容被阅读到的深度分布;移动图在桌面端近似视线轨迹。滚动图的价值最大,它告诉你内容死在哪一屏。

三个典型改造

改造一:重要内容放不到折叠线以下。滚动图显示平均触达七成,那么后三成内容等于白写,重排。

改造二:按钮没人点。点击图显示用户在按钮位置以外疯狂点击,说明视觉引导失败,不是需求不存在。

改造三:导航高估。以为用户会用导航,实际都靠页面内链接,导航位让给更高频动作。

解读纪律

数据量不足三百次访问的热力图是噪音;移动端与桌面端分开看;改版后重新采集对比,不凭一次截图定案。

一句话

热力图不产生观点,只验证或推翻你的假设,这恰恰是最珍贵的。