展现形式 · 概念
Comparison:共同维度下的选项比较
Comparison 比较模式如何在共同维度下揭示选项差异与取舍,说明数值口径和未知值处理,以及比较表格在小屏和辅助技术中的要求。
Comparison 把多个选项放在共同维度下,帮助访客识别相同点、差异、限制和取舍。表格是常见实现,但比较的核心是维度一致与信息可核验,不是画出行列边框。
适合与不适合
适合产品方案、功能、材料、服务或策略共享稳定字段,且访客需要据此选择的场景。不适合对象本质不同、数据来源不一致、字段大量缺失,或结论主要依赖长篇上下文的情况。
优点与缺点
| 优点 | 缺点 |
|---|---|
| 对齐共同字段,差异容易被发现 | 小屏难以同时保留行列上下文 |
| 减少在多个页面间来回记忆 | 字段选择可能暗中偏向某个选项 |
| 能清楚呈现缺失、限制和适用条件 | 复杂表头会增加阅读与维护成本 |
| 适合连接选择行动 | 用图标或颜色代替文字会含糊不清 |
内容与维度要求
先定义比较任务,再选择所有对象都适用的维度。数值必须统一单位、市场、时间和条件;没有数据时写明未知或不适用,不用空白假装相同。推荐标签需要公开依据,不能只把希望出售的选项高亮。
响应式与无障碍
真实二维数据使用语义表格,标记表头与数据单元关系,并提供能说明主题的 caption。小屏可以水平滚动整个表格或转换为分组选项,但转换后仍须保留字段与数值的关系。勾、叉、星级和颜色需要文字说明;固定列与浮动表头不能遮挡焦点。
状态与退化
只有一个选项时不构成比较。维度太多时先筛选关键项,再允许展开完整规格;对象太多时提供选择器,不要无限横向扩展。样式失效时,语义表格仍应可读;转换为卡片时,每个字段名称必须随值保留。
发布前检查
- 每个维度是否适用于所有对象?
- 数值的单位、范围、时间和来源是否一致?
- 未知、不适用和零值是否明确区分?
- 小屏和放大文本时能否保持表头关系?
- 推荐或高亮是否有公开且可核验的理由?