U5.04.2Value sorting makes rank and extremes readable without search设计

按值排序使排名与极值无需搜索即可读出

别名: 按值排序 · 排名可读

概念解释

条形图按数值大小排序后,两张信息免费出现:排名序列(谁大谁小)变成位置顺序,最大值与最小值落在两端。读者不用扫描比较任何长度——"谁是第一、谁是最后、差距多大"直接由位置回答。这是单图里性价比最高的可读性改造,通常只需要一行排序代码。

机制

按值排序奏效的机理是给同一个变量建立了第二条编码通道:条长编码数值,排序后的位置冗余地编码同一数值的次序。视觉系统对两端位置的定位接近预注意——最高与最低的条在视野端点,无需逐根比较。乱序条形图则把两条通道都丢掉:长度要逐根比对才能分大小,位置不提供任何帮助,"找最大值"从一眼变成一次扫描。排序还顺带把"中间梯队"组织成可分段的形状(陡降、平台、长尾),乱序图里这些结构完全不可见。

边界

按值排序只对名义类别有意义,有序类别按值重排是破坏(下一叶)。排序也有代价:按值排之后"按名字找某个类别"变难,读者熟悉字母查找时需要交互搜索或辅助索引补偿。两个量都重要时(既要排名又要查名),一次排序无法同时最优,选主任务排序,次要任务交给交互。

怎么落地

  • 条形图默认按值排序(最大在上),除非类别有内在顺序或任务是指定查找。
  • 排序后检查两端:最大与最小应恰好落在图的视觉端点。
  • 验证:让读者不假思索说出"最大和最小的类别",排序正确时应即刻答出;出现扫视搜索说明排序缺失或被打断。

延伸

  • 同组U5.04.1 类别轴的顺序是设计者的选择而非数据固有属性 · U5.04.3 本身有内在顺序的类别不应按值重排 · U5.04.4 多图并置时只有统一排序才能跨图对照 · U5.04.5 排序依据需写在轴标题或图注中
  • 相邻U1.01.1 视觉通道的判读精度存在稳定的经验排序 · U5.02.4 图例项过多时匹配退化为逐项线性搜索
  • 站内检索sort bars by value · rank readability · preattentive endpoints

同组卡片

快捷操作

分享

分享当前页面

ios_share

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