浅谈B端产品设计-总览篇
2019-10-28 本文已影响0人
明天上线
做B端产品,绕不过去的一个需求就是总览页。
作为用户进入系统的第一页,总览页面的使用体验,决定了使用者对产品的第一印象。
今天就从产品经理的角度,聊一聊总览页面的设计思路。
![](https://img.haomeiwen.com/i324826/795f6927939098ae.jpg)
首先,我们需要明确以下几点:
1.总览的目的,是让使用者能够对自己、公司的业务情况有个清晰的掌握;
2.总览的设计,需要结合不同公司的实际业务;
3.总览的内容,需要考虑不同角色的内容;
说完了上面的整体思路,下面就来看看总览页面常见的设计要素。
01
核心指标
场景:查看业务的核心指标。
作用:帮助使用者快速了解核心业务指标。
![](https://img.haomeiwen.com/i324826/0efa2de4fe89b110.png)
02
折线图
场景:分析业务的趋势情况。
作用:可以了解业务在一定范围内的变化趋势。
![](https://img.haomeiwen.com/i324826/315d29e06989f352.png)
03
柱状图/条形图
场景:分析业务的分布情况。
作用:可以了解业务的实际分布数据。
![](https://img.haomeiwen.com/i324826/9f0b432d1b48fefa.png)
04
饼状图
场景:分析业务的占比情况。
作用:通过占比分析,可以了解每个维度的贡献情况。
![](https://img.haomeiwen.com/i324826/abe892b6dbc22c83.png)
05
地图
场景:分析业务的地域分布情况。
作用:通过区域数据分析,宏观了解地区分布情况。
![](https://img.haomeiwen.com/i324826/b8bdba0fcd7cc362.png)
06
漏斗图
场景:分析业务的转化情况。
作用:通过路径分析,可以了解不同阶段的转化情况,针对异常路径进行优化。
![](https://img.haomeiwen.com/i324826/94d8163e98485efb.png)
尾巴
不会做图的产品,不是好设计。