U5.04.4Side-by-side charts need a shared order for cross-chart comparison设计

多图并置时只有统一排序才能跨图对照

别名: 统一排序 · 小倍数排序

概念解释

并置的多张图(小倍数、分面板、并排条形组)要支持"同一个类别跨图对比",前提是所有图用同一个类别顺序。每张图各自按本图数值排序虽然让单图更"好看",但同一类别在每张图里位置都不同,跨图对照退化成逐图重新定位——并置的意义就没了。

机制

跨图对照依靠位置对应:读者在第一张图里锁定某类别的位置,然后在其余图里检查同一位置的值,整个过程不需要重新查找。统一排序时位置对应成立,n 张图的对照成本约等于一张图;各自排序时对应断裂,每张图都要重新执行"找类别"的搜索,成本随图数线性增长。排序依据应选"主对照任务"的参考量——通常是汇总后的总量或首张图的值——让位置顺序在所有图里都成立。

边界

统一排序牺牲了单图的"按值排齐"优势,这是并置的固有代价:并置的首要任务是对照,不是单图最优。例外是显式展示排名变化的图(凹凸图、斜率图)——排名变化本身是信息,顺序必须随图变化,但那属于"排名即内容"的特例,且变化要能被直接读出。没有主导参考量时,按类别名称的统一顺序也是合法选择,重点是"统一"而不是"按什么"。

怎么落地

  • 并置前先定统一排序依据(总量、首期值或名称),所有面板共用,不许任何面板单独重排。
  • 排序依据写进组标题或图注("按各地区总销量排序")。
  • 验证:让读者对照同一类别在三张图里的表现,视线在图间垂直移动(不横向重新搜索)即统一排序生效;出现逐图找类别的动作即顺序没统一。

延伸

  • 同组U5.04.1 类别轴的顺序是设计者的选择而非数据固有属性 · U5.04.2 按值排序使排名与极值无需搜索即可读出 · U5.04.3 本身有内在顺序的类别不应按值重排 · U5.04.5 排序依据需写在轴标题或图注中
  • 相邻U5.06.2 超过密度上限后应聚合、抽样或改为分面 · U5.01.3 图例顺序应与图形顺序一致
  • 站内检索small multiples · shared axis order · cross-chart comparison

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U5.04.4