MODULE 13 / LESSON 02

指标卡、仪表盘与上下文

一个数字需要基准、时间和行动意义。

50 / 60 课走向真实交付

先理解这个概念

“转化率 8%”只有配上定义、时间窗口、分母和比较基准才有意义。仪表盘应围绕使用者要做的决定组织内容,概览发现异常,详情解释原因。所有指标都同样突出等于没有优先级。

孤立数字不一定能支持判断。指标需要名称、单位、统计周期、定义和比较基准。“增长 20%”必须说明与什么相比,以及样本量是否足够。仪表盘的价值是让用户发现需要行动的变化,而不是把数据库中的所有字段变成卡片。

用程序员的语言说

监控图如果没有单位、采样窗口和阈值,你无法据此判断系统状态。

记住这三个原则

  1. 01

    指标旁标注单位、时间窗口和计算口径。

  2. 02

    同比环比说明比较对象,零分母单独处理。

  3. 03

    把可行动的异常与背景参考指标分层。

实际设计时,分三步做

  1. STEP 01

    从需要作出的决定反推指标,给每项指标写定义、数据来源、刷新时机和负责的行动。

  2. STEP 02

    补齐时间范围、基准与口径,区分总量、比例和平均值,不用相似名称掩盖不同计算方式。

  3. STEP 03

    检查异常、无数据、部分更新和延迟,标明数据是否完整,避免把加载失败展示为零。

一个容易理解的例子

BEFORE / 常见问题

显示“增长 200%”但不说明从 1 增长到 3,也没有时间范围。

AFTER / 可以这样改

显示“本周新增 3 人,上周 1 人”,百分比作为辅助。

真实规模与变化率一起呈现,避免误判。

展开看:从场景到设计决定

阅读产品展示“完成率 80%”时,应说明是完成课程人数占开始人数,还是已读章节占总章节;两者含义不同。与上周相比若开始人数从十人变两人,比例变化也很难直接解释。可以同时提供分母与趋势入口,并把注意力集中在用户需要调查的变化,而不是仅用绿色箭头宣布表现变好。

适用边界与取舍

更多指标会增加噪声和解释成本。对需要行动的异常保留深入路径,对纯展示且无人使用的指标可以删除。数字精确到很多小数位也不代表口径可靠。

YOUR TURN

把这个原则用一次

先做一个小判断

设计一张“本月支出”指标卡。

再完成一份设计练习

为个人记账首页定义“本月支出”和“预算使用率”,说明退款、跨月和无预算如何处理。

容易踩的坑

红涨绿跌是市场习惯,不是全球通用含义;添加明确正负号和文字。

继续查阅

本课为原创教学解释。具体平台规则与标准可查阅官方资料。

Apple Human Interface GuidelinesMaterial Design 3