EN
展现形式 · 概念

Comparison:共同维度下的选项比较

Comparison 比较模式如何在共同维度下揭示选项差异与取舍,说明数值口径和未知值处理,以及比较表格在小屏和辅助技术中的要求。

Comparison 把多个选项放在共同维度下,帮助访客识别相同点、差异、限制和取舍。表格是常见实现,但比较的核心是维度一致与信息可核验,不是画出行列边框。

适合与不适合

适合产品方案、功能、材料、服务或策略共享稳定字段,且访客需要据此选择的场景。不适合对象本质不同、数据来源不一致、字段大量缺失,或结论主要依赖长篇上下文的情况。

优点与缺点

优点缺点
对齐共同字段,差异容易被发现小屏难以同时保留行列上下文
减少在多个页面间来回记忆字段选择可能暗中偏向某个选项
能清楚呈现缺失、限制和适用条件复杂表头会增加阅读与维护成本
适合连接选择行动用图标或颜色代替文字会含糊不清

内容与维度要求

先定义比较任务,再选择所有对象都适用的维度。数值必须统一单位、市场、时间和条件;没有数据时写明未知或不适用,不用空白假装相同。推荐标签需要公开依据,不能只把希望出售的选项高亮。

响应式与无障碍

真实二维数据使用语义表格,标记表头与数据单元关系,并提供能说明主题的 caption。小屏可以水平滚动整个表格或转换为分组选项,但转换后仍须保留字段与数值的关系。勾、叉、星级和颜色需要文字说明;固定列与浮动表头不能遮挡焦点。

状态与退化

只有一个选项时不构成比较。维度太多时先筛选关键项,再允许展开完整规格;对象太多时提供选择器,不要无限横向扩展。样式失效时,语义表格仍应可读;转换为卡片时,每个字段名称必须随值保留。

发布前检查

  • 每个维度是否适用于所有对象?
  • 数值的单位、范围、时间和来源是否一致?
  • 未知、不适用和零值是否明确区分?
  • 小屏和放大文本时能否保持表头关系?
  • 推荐或高亮是否有公开且可核验的理由?