U2.07.3Conditional substitution of pies with stacked bars设计研究

堆叠条形通常是更好的替代

别名: 饼图替代 · 百分比堆叠条 · 部分整体比较

概念解释

对部分—整体任务,单条百分比堆叠条把完整整体展开为共同方向上的线段,常比饼图更节省空间,也便于排列标签和并列多个总体。百分比堆叠条(100% stacked bar)保留构成语义,但“通常更好”不等于所有段都获得共同基线:只有贴近共同起点或终点的段容易跨条精确比较,中间段仍有不对齐基线。若任务要求每个类别的精确比较,分组条形、点图或小倍数通常更直接。

机制

直线边界使段厚和累计位置可见,矩形布局也更适应窄屏、表格行和多总体对齐。第一段共享起点,末段可共享终点;中间段的两端随前序构成移动,其差值仍需估计。固定类别顺序能保持身份,但“最大项永远放最前”会让顺序跨总体跳变。阅读方向也不能默认为全球一致:方向、段序和标签关系应按界面语言、任务与跨图一致性确定。

怎么研究

用同一构成比较饼、环、单堆叠条、并列条和点图。任务分别覆盖最大项、目标占比、两类别差值、跨总体变化和整体构成复述,操纵类别顺序、比例接近度、标签、方向及图幅,测误差、时间、信心和眼动。多总体条件应检查中间段与基线段的差异,不能用第一段优势概括所有类别。还应在目标语言方向、移动重排、灰度与辅助技术表示中测试。

边界

单总体且只需明显主导项时,饼图的整体隐喻可能足够;堆叠条不是必须替换。绝对总量不同的总体若用百分比堆叠,会隐藏总量差异,应并列显示总量或使用绝对堆叠。中间段的精确跨组比较仍困难,多类别也会产生狭窄段和标签拥挤。斜率图只适合有明确前后配对的变化,不是所有构成任务的默认替代。

怎么落地

  • 先写明任务是单一整体概览、跨总体构成、绝对总量还是类别精确比较,再选择百分比堆叠、绝对堆叠、并列条或点图。
  • 跨总体保持稳定类别顺序和语义映射;将重点类别置于共同边界,但不要为每条单独重排而破坏身份。
  • 直接标注类别、值、分母和总量,并提供可访问表格与按类别/总体导航;不要只靠段色或空间顺序。
  • 以最大项、目标值、中间段差值和跨总体变化任务比较饼与候选方案,采用实际任务上更准确且可访问的版本。

延伸

  • 同组U2.07.1 角度判读精度低 · U2.07.2 类别超过少数几个即不可读
  • 相邻U2.04.1 堆叠图中只有最底层序列拥有共同基线 · U2.15.1 小倍数用重复的同构小图替代在一张图上叠加
  • 站内检索100% stacked bar · pie chart alternative · part-to-whole · unaligned segments

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U2.07.3