浅谈B端产品设计-总览篇

做B端产品,绕不过去的一个需求就是总览页。

作为用户进入系统的第一页,总览页面的使用体验,决定了使用者对产品的第一印象。

今天就从产品经理的角度,聊一聊总览页面的设计思路。

00-封面.jpg

首先,我们需要明确以下几点:

1.总览的目的,是让使用者能够对自己、公司的业务情况有个清晰的掌握;

2.总览的设计,需要结合不同公司的实际业务;

3.总览的内容,需要考虑不同角色的内容;

说完了上面的整体思路,下面就来看看总览页面常见的设计要素。

01

核心指标

场景:查看业务的核心指标。

作用:帮助使用者快速了解核心业务指标。

图表:统计卡。

01-核心指标.png

02

业务趋势

场景:分析业务的趋势情况。

作用:可以了解业务在一定范围内的变化趋势。

图表:折线图。

02-折线图.png

03

业务分布

场景:分析业务的分布情况。

作用:可以了解业务的实际分布数据。

图表:柱状图/条形图。

03-柱状图.png

04

业务占比

场景:分析业务的占比情况。

作用:通过占比分析,可以了解每个维度的贡献情况。

图表:饼状图。

04-饼状图.png

05

地域分布

场景:分析业务的地域分布情况。

作用:通过区域数据分析,宏观了解地区分布情况。

图表:地图。

05-地图.png

06

业务转化

场景:分析业务的转化情况。

作用:通过路径分析,可以了解不同阶段的转化情况,针对异常路径进行优化。

图表:漏斗图。

06-漏斗图.png

尾巴

不会做图的产品,不是好设计。

明天上线
产品经理 · 某公司
认可他 8