U7.03.3A sparkline can add the time dimension设计

迷你趋势线可补充时间信息

别名: 迷你图 · sparkline

概念解释

基准与方向回答的是"与一点比怎么样",迷你趋势线(sparkline)回答的是"最近一段走成什么样":一条无轴的小折线,让指标卡在占地面几乎不变的情况下携带时间形态——是持续上行、高位震荡,还是刚刚断崖。它是"当前值加方向"之外的第三层上下文,也是区分"波动"与"趋势"的唯一便宜手段。

机制

迷你趋势线补足的是变化的形状信息:方向与幅度是两点摘要(现在对基准),而两点会撒谎——同样"+5%",沿着稳步爬升达到与从高位跌落后反弹,含义完全不同;迷你线用整段轨迹消灭这种歧义。它的设计要点全部服务于"形状可读":无轴无刻度(省空间,形状即信息)、时间窗固定并在悬停时标注(读者知道看的是多久)、末点对齐当前值(线与数字互相印证)、关键参考点可选标出(如正常区间带)。迷你线的成本极低(几十像素宽),是指标卡信息密度性价比最高的一笔投资。

边界

迷你线的形状受时间窗与纵轴缩放双重影响:同一数据换窗口是不同形状,纵轴不归一会夸大或抹平波动——同屏的迷你线应统一窗口与缩放规则,否则卡片之间不可比。迷你线也只支持形状判断不支持读数——无轴意味着无法从线上估数值,需要读数的场景要么补轴要么用提示承接。数据噪声大的指标(日活的小时级抖动)要考虑平滑或聚合后再画,否则迷你线只是噪点的缩印。

怎么落地

  • 指标卡标配迷你趋势线:无轴、固定时间窗、末点接当前值,窗口长度在悬停时标注。
  • 同屏所有迷你线统一时间窗与缩放规则,保证互相可比。
  • 验证:让读者只看迷你线判断"最近是涨势、跌势还是震荡",与全尺寸图核对正确率;正确率低即窗口或缩放设置不当。

延伸

  • 同组U7.03.1 单一数字缺少上下文 · U7.03.2 需要对比基准与变化方向
  • 相邻U2.03.1 适合有序变量上的趋势 · U7.09.2 更新频率需匹配决策频率
  • 站内检索sparkline · small trend · metric card pattern

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U7.03.3