用途:Statistics Display 是一种数据展示模式,用于以带上下文的方式呈现一小组关键指标,帮助用户快速判断方向、幅度与紧迫性,典型场景是头部 KPI 条带、仪表盘状态卡片、落地页摘要指标。
主要能力与工作流:先确认该模式与问题、约束匹配,再参考 references/pattern.md 中的结构与示例,选择最小可用变体;随后在叠加视觉打磨前落实无障碍、性能与交互护栏,并按测试指引验证键盘、屏幕阅读器、响应式与失败场景。
无障碍要求:键盘可独立完成操作,焦点顺序合理且可见焦点在高倍缩放时仍可读;优先使用语义元素,仅在语义不足时补 ARIA,状态变化(错误、加载、完成)应在正确位置以恰当礼貌级别播报;不要仅用颜色传达严重程度或选中状态。
性能要求:先测量默认视图成本,再加图表、嵌套操作、内联筛选等;项目过多时使用分页、窗口化或渐进披露;稳定高度与占位几何,避免加载与刷新造成布局抖动。
适用与避免:仅需一两个数值时改用更简单视图;任务是创建或编辑而非解读时避免该模式;移动端若其他呈现更清晰,不要强行套用同一视图。
常见错误:先选布局后想任务,应让布局匹配比较、时序、层级或概览需求;忽略空、部分、过期、失败等非理想状态;只做桌面密度,应在实现前定义移动策略如堆叠卡片或替代摘要。
限制:官方文本未提供具体组件库、框架实现、代码示例或价格信息。完整实现细节、示例与测试说明见 references/pattern.md,模式页为 https://uxpatterns.dev/patterns/data-display/statistics,相关模式包括图表、对比表和仪表盘。