统计数值

Statistic

初级通用

统计数值（Statistic）是一种突出展示单个关键数字及其含义的界面元素，常见于数据看板。它帮你让用户快速读到结果，比如「本月新增用户 328 人」，而不必先查看整张报表。

你可能会说：「帮我把后台首页最重要的几个数字做成一眼能看懂的展示区。」

动手看看用户看板的本月新增

用户增长概览

本月 · 截至今天

本月新增用户

328

人

本月已新增 328 位注册用户

口径：完成注册的去重用户

统计数值变体

切换统计数值变体，再悬停卡片看看轻微的边框反馈。三种变体都把 328 放在视觉中心，标题、单位和统计口径负责说明这个数字是什么。

基础数值只回答“现在有多少”。适合首页概览或多个指标并排展示，不用让每张卡片都挤满趋势和目标。

1
数字要和指标名称一起看
只放一个「328」，用户不知道它代表订单、用户还是金额。我们把指标名称放在数字旁边，比如「新增用户 328 人」，用户才能在扫过页面时理解这个结果。
2
时间范围和单位决定含义
「收入 12 万元」还不够明确：这是今天、本月，还是累计收入？如果看板上的数字会随筛选条件变化，就让时间范围和单位保持可见，这样用户比较数字时才不容易误判。
3
变化信息需要比较基准
你可以在当前数值旁展示「较上月增加 8%」，但要说清楚和谁比。否则一个上升箭头只能传达方向，解释不了业务变化。数值还在加载时，也别把占位数字当成真实结果。

统计数值强调一个指标当前的结果；图表更适合展示一段时间内的变化和多个数据点的关系。它也不等于卡片：卡片是容纳内容的界面容器，统计数值可以放在卡片里，也可以直接排在页面上。选哪种形式，取决于用户是想先读结果，还是进一步分析数据。

你在做订阅产品的后台首页，负责人希望一打开页面就知道本月新增了多少付费用户，并能判断与上月相比是增是减。你会怎么展示？

请在订阅产品后台首页设计一组统计数值，展示本月新增付费用户、当前有效订阅数和本月收入。每项都写明指标名称、数值单位和统计时间范围；有可靠的上月数据时再展示对比变化，加载中不要显示虚构数字。