U2.07.3Conditional substitution of pies with stacked bars设计研究
堆叠条形通常是更好的替代
别名: 饼图替代 · 百分比堆叠条 · 部分整体比较
概念解释
对部分—整体任务,单条百分比堆叠条把完整整体展开为共同方向上的线段,常比饼图更节省空间,也便于排列标签和并列多个总体。百分比堆叠条(100% stacked bar)保留构成语义,但“通常更好”不等于所有段都获得共同基线:只有贴近共同起点或终点的段容易跨条精确比较,中间段仍有不对齐基线。若任务要求每个类别的精确比较,分组条形、点图或小倍数通常更直接。
机制
直线边界使段厚和累计位置可见,矩形布局也更适应窄屏、表格行和多总体对齐。第一段共享起点,末段可共享终点;中间段的两端随前序构成移动,其差值仍需估计。固定类别顺序能保持身份,但“最大项永远放最前”会让顺序跨总体跳变。阅读方向也不能默认为全球一致:方向、段序和标签关系应按界面语言、任务与跨图一致性确定。
怎么研究
用同一构成比较饼、环、单堆叠条、并列条和点图。任务分别覆盖最大项、目标占比、两类别差值、跨总体变化和整体构成复述,操纵类别顺序、比例接近度、标签、方向及图幅,测误差、时间、信心和眼动。多总体条件应检查中间段与基线段的差异,不能用第一段优势概括所有类别。还应在目标语言方向、移动重排、灰度与辅助技术表示中测试。
边界
单总体且只需明显主导项时,饼图的整体隐喻可能足够;堆叠条不是必须替换。绝对总量不同的总体若用百分比堆叠,会隐藏总量差异,应并列显示总量或使用绝对堆叠。中间段的精确跨组比较仍困难,多类别也会产生狭窄段和标签拥挤。斜率图只适合有明确前后配对的变化,不是所有构成任务的默认替代。
怎么落地
- 先写明任务是单一整体概览、跨总体构成、绝对总量还是类别精确比较,再选择百分比堆叠、绝对堆叠、并列条或点图。
- 跨总体保持稳定类别顺序和语义映射;将重点类别置于共同边界,但不要为每条单独重排而破坏身份。
- 直接标注类别、值、分母和总量,并提供可访问表格与按类别/总体导航;不要只靠段色或空间顺序。
- 以最大项、目标值、中间段差值和跨总体变化任务比较饼与候选方案,采用实际任务上更准确且可访问的版本。