基于用户路径图的综合看板设计
本文设计思想是设计一个综合看板，以各页面对应的不同需求为分类规则，用留存率反映不同功能的使用效果，综合展示用户来源、用户量、留存率、功能模块、使用路径等多种指标，期望能够反应产品整体运行状况，对存在的问题进行方向性定位，辅助进一步的问题挖掘与优化。
一、背景
友盟目前用户路径图如图1所示，它解决的主要问题是，当用户来到我们的网站或APP后，他们是否如我们预期的那样进行访问，各个功能的用户使用量如何，是否有在某个环节流失率过高，是否有意外的页面入口等等问题。
图1：友盟用户路径图
目前用户路径图的问题在于：
（1）定义复杂，需要对大量的网页进行不同维度的归类。
（2）构建思路为真实反映用户的使用路径，而不是发现问题的思路，导致不能很好的得出有效结论。
（3）不同功能之间的用户流量会有数量级差异，连线过细，会使较低流量的功能不能得到有效分析。
（4）只能看到用户的使用量而不能看到用户的使用效果，尤其对于新产品引流阶段。
二、本文方案
本文设计思想是设计一个综合看板，以各页面对应的不同需求为分类规则，用留存率反映不同功能的使用效果，综合展示用户来源、用户量、留存率、功能模块、使用路径等多种指标，期望能够反应产品整体运行状况，对存在的问题进行方向性定位，辅助进一步的问题挖掘与优化。简要的设计样式如图2所示：
图2： 综合看板设计图
注：
1. 由于Echarts不支持自定义线的颜色，上图未展示留存率与颜色的对应
2. 数据纯属虚构，可能存在诸多不合理处
2.1 核心功能
本文提出的方案期望能够实现如下核心功能：
（1）简化用户对页面的定义难度，具有较强的泛化性能。
（2）使用连线颜色直观反映不同留存率的变化。
（3）分析不同来源的用户对产品的使用有何差异。
（4）分析不同功能之间的跳转使用路径。
（5）反映不同功能路径用户的留存率差异。
（6）优化线宽逻辑，使较小流量功能也能得到有效分析。
（7）选择连线或节点可以单独分析该部分用户的使用路径及留存情况。
2.2 路径图元素说明
（1）用户来源可以由用户自行选择多个或单个，进行整体或对比分析，可选择新增用户或总用户。
（2）将页面的分类根据不同功能分为几大类和其他，每一级功能分类都相同，而不同于原有逐步细分的做法，对页面的分类会有指数增加。
（3）模块的排布样式与常规用户路径图不同，每行是同一个模块，借鉴泳道图的思想，使用户路径在不同功能之间的切换更有直观规律性，并且不论模块有无浏览都会显示。
（4）各个模块之间的连线与常规用户路径图相同，表示从第一个模块跳转进第二个模块的用户，线宽反应用户数量，呈log关系
（5）各个连线的颜色代表留存率，100%用蓝色显示，0%用红色显示，中间数值按RGB依次渐变，能直观发现，使用了不同功能组合的用户的留存率变化情况，更能快速定位留存率优化的核心环节（由于echarts的桑基图暂时不支持改变颜色，短时间内未能做出好的效果图）。
（6）路径提取规则为清除元素点击等操作记录；只保留页面浏览记录，相同分类且连续出现的页面合并为一个；返回操作至下一个操作之间的页面清除。如某用户的使用路径为：扫码进入—首页—点击商品—商品详情页—点击咨询—咨询页—返回—商品详情页—返回—首页—点击资讯—资讯页，那么页面路径为：首页—商品详情页—咨询页—资讯页。
（7）线宽L与对应的访问用户数N呈对数关系，计算公式为：L=log_2N，能弱化流量差异对小流量步骤的分析，如后几步与第一步的巨大流量差异，在线咨询与进入首页的流量差异。
（8）鼠标悬停在节点或连线，显示该节点或连线对应的用户群总人数，留存率，以及其上游来源和下游去向的路径图，离开后复原；点击该节点或连线，则离开后不复原，可以查看相关的上下游人数和留存率，，点击其他空白位置，恢复到产品总体的路径图。
2.3 典型使用场景
（1）每日数据查看，针对运营人员，每天需要查看产品运行状况，但是在众多图表中，只能查看用户量变化曲线，用户来源渠道分布，新增用户等指标，且分散查看没有对比，不容易直观发现问题。
（2）分析核心用户使用行为，对各用户来源单独分析，反应不同的功能使用量，不同的功能跳转情况。
（3）用户留存分析，先通过本文综合看板定位问题，如大量用户从扫码后进入资讯页然后退出，则可粗略定位为其通过分享进入咨询，阅读完本篇咨询后退出，然后对该流程进行详细的其他分析。
（4）新产品引流阶段，需要配合用户访问量与留存率查看。
作者：张文龙
本文为「人人都是产品经理」社区和友盟＋联合举办的“2019「友盟杯」数据分析大赛”中参赛作品，未经作者及平台许可，禁止转载
本文部分数据有脱敏处理，非全部真实数据
有关产品测评大赛合作事宜，请联系邮箱：denis@woshipm.com
