统计数据 Statistic
学习概览需要让用户先看到今日完成数,再判断它相对昨天的变化。
前端与交互约 10 分钟 · 从真实需求理解
1统计数据如何帮助用户快速判断?
今日完成
+6%较昨日
24项
先读主数值,再看趋势。
统计数据 负责把一个关键指标的标签、数值、单位、趋势和辅助说明放在一起,帮助用户快速判断。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
2统计数据和相近结构,什么时候不能互换?
统计数据的判断依据不是外观,而是用户正在阅读、比较、筛选或继续操作的关系。[[列表|list]只在语义边界符合时替代它。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
3统计数据由哪些真实部分组成?
今日完成
+18%较昨日
31项
主数值和趋势已更新。
组成部分来自真实 DOM:主数值、指标标签、趋势说明、辅助说明。标注只帮助定位结构,不复制一套新的内容。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
4统计数据如何适应不同指标?
计数指标完成数量
完成数量
+18%较昨日
31项
按已完成任务统计。
比例指标增长比例
增长比例
+5%较上周
68%
先看比例,再看参照周期。
提醒指标待处理量
待处理量
-2较昨日
7项
数量下降代表队列变短。
让学习者识别主数值、单位和趋势之间的关系。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
5统计数据放进真实场景后怎样回应?
刷新今日完成数
统计数据刷新今日完成数
主数值和趋势一起更新,指标标签和统计口径不变。用户打开学习概览,需要确认今天完成了多少项任务。
Statistic 的反馈应围绕同一个指标,不要变成一张操作结果卡。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
6统计数据什么时候用、什么时候不用?
今日完成
31项
- 负责人
- 林墨
- 截止时间
- 今天
| 项目 | 状态 |
|---|
用户需要先读数值,再理解单位和趋势。
- 先确认用户是在阅读、比较、筛选还是继续操作,再选择对应的内容结构。
7怎样把统计数据需求交给 Agent?
请用统计数据实现学习概览需要让用户先看到今日完成数,再判断它相对昨天的变化。,先说明内容关系、可观察结果和窄屏策略;不要用相邻结构替代它,也不要添加没有语义责任的装饰。
8不用背,看看你能不能判断
1 / 3
Statistic 的视觉重点是什么?
请选择一个最符合题意的答案
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。