跳过封面,查看案例
返回作品集数智驾驶舱DATA COCKPIT浏览作品

DATA COCKPIT / CASE STUDY

让经营数据,
成为决策线索。

从经营总览到渠道与仓储分析,建立一套分角色、分层级的业务阅读方式。

从设计起点开始企业数字化 / 数据体验
数智驾驶舱作品封面展示
数智驾驶舱 / DESIGN REVIEW
项目场景
企业经营 · 渠道管理
设计范围
信息架构 / 数据可视化 / UI
核心视图
经营总览 · 合伙人 · 经销商
展示内容
3 类业务视图 / 4 组界面节选

01 / THE STARTING POINT

数据很多,不等于信息清楚。

经营者需要看全局,合伙人关注目标与回款,经销商更关心网点和仓储。设计不能把同一套报表原样发给所有人,而应先回答:谁在看、要判断什么、下一步做什么。

01

口径混杂

日、月、季、年指标并列时,数字看似丰富,却容易失去比较基准。

设计回应

将时间、单位与目标达成率绑定在同一组信息里。

02

角色差异

管理层和渠道端需要的细节不同;过度统一会让关键任务淹没在无关数据中。

设计回应

共享组件与语义,按角色重新排列业务重点。

03

图表孤立

趋势、结构与明细各自存在,却没有帮助用户形成连续判断。

设计回应

建立总览、比较、定位、明细的阅读顺序。

02 / FROM 0 TO 1

同一套数据,三种观察视角。

把角色与任务放在图表之前,再决定哪些信息需要进入第一屏。

  1. 01

    梳理业务

    按经营、销售、渠道、仓储归类信息。

  2. 02

    建立口径

    明确对象、时间、单位与比较维度。

  3. 03

    组织视图

    围绕角色重排优先级与阅读路径。

  4. 04

    定义组件

    统一指标卡、筛选器、图例和提示。

  5. 05

    核对边界

    检查长标签、空数据、异常与权限。

经营总览

目标完成 / 销售走势 / 回款结构

回答:整体经营怎么样?

合伙人视角

区域经营 / 配送表现 / 渠道规模

回答:哪里值得继续投入?

经销商视角

网点增长 / 商品结构 / 库存明细

回答:今天需要处理什么?

03 / DESIGN DECISIONS

让设计取舍,
在界面中有据可见。

从信息组织到视觉表达,围绕具体任务说明每一处关键选择。

01 / READ THE OVERVIEW

先交代结果,
再解释变化。

经营概况用目标、已完成与达成率构成一组完整判断。销售图表再解释商品与门店差异,避免首屏只剩下彼此独立的“大数字”。

信息成组
同一口径的目标、实际与进度靠近呈现。
辅助比较
排名、趋势和构成承担不同任务,不混用图表。
单位明确
金额、数量、百分比随指标显示,而不是藏在备注。
经营总览与销售分析

02 / ROLE-BASED VIEWS

统一的是语言,
变化的是优先级。

合伙人需要把经营目标与渠道规模一起看;经销商则需要更快判断网点增长和商品表现。复用基础组件,但不强迫所有角色使用同一份首页。

合伙人
经营达成与配送趋势先行,帮助判断区域表现。
经销商
网点增长与库存线索更靠前,贴近日常管理。
合伙人经营视图
经销商经营视图

03 / TRACE THE REASON

趋势看方向,
明细找原因。

回款与销售金额并列,帮助识别两个指标是否同步变化。下方库存明细保留排序与环比语义,让概览之后还有可以继续追问的线索。

趋势
用一致的时间轴避免跨口径误读。
状态
正负变化同时使用符号与颜色,不依赖单一色彩。
层级
总览与明细分区,保持清楚的查询上下文。
趋势、结构与仓储分析

04 / VISUAL LANGUAGE

把图表规则,沉淀为可复用的界面语言。

主蓝色承担选中、关键指标与查询入口;辅助色区分业务维度。卡片内保持一致的标题、工具区与数据区,不让每张图表都重新建立阅读规则。

主操作#2F80FF
增长线索#00CDB3
结构辅助#FFCA2B
数据格式
千分位、精度、单位与空值使用统一规则。
交互反馈
筛选、悬浮提示与查看明细保持固定位置。
适配策略
先保留指标语义,再调整卡片排列与密度。

06 / DELIVERY & REFLECTION

设计不止画面,
也包括它如何工作。

把判断标准、交付内容与仍需验证的边界,一起留在案例中。

01

设计交付

角色视图、指标口径、图表样式与筛选规则一起交付,而不是只交一张首页。

02

体验检查

核对时间范围、数据单位、趋势方向,以及无数据、超长名称和异常值的呈现。

03

复盘重点

真正需要减少的是读懂数据的成本,而不是一味增加图表数量。

案例依据提供的最终界面进行设计复盘与方案重构;页面中的经营数字为设计展示数据,不代表已核验的业务结果。封面为基于原稿制作的展示效果图,非新增产品页面。

DATA COCKPIT / END OF CASE

让数据的价值,
发生在被理解之后。

返回全部作品下一个案例车载 HMI

作品预览