U9.05.3Uncommon chart types need reading instructions in the chart设计

不常见的图形类型需要在图中给出读法说明

别名: 读法说明 · 图形教学

概念解释

桑基图、弦图、小提琴图、雷达图、河流图——这些图形类型在通用图表语法之外,读者无法凭日常经验猜出编码规则(弦图的带宽是流量还是人数?河流图的分层是堆叠还是独立?)。使用不常见图形时,如果读法只存在于作者脑中,读者的解码要么失败要么瞎猜。读法说明(图内嵌的"如何读这张图"示例、对具体元素的标注解读、动态演示映射关系的动效)把图形的教学成本从读者转移到了设计者,是不常见图形能够被正确解读的前提条件。

机制

读法说明有效的机制是把"学会一种新图形"所需的推理压缩为"看一个例子":读者解码陌生图形时需要自行完成"视觉元素 → 编码规则 → 数值含义"的三段推理,每一段都可能出错(把弦图的带宽理解为距离而不是流量)。内嵌的读法说明直接给出完成态的推理链——"这条带的宽度代表从 A 到 B 的迁移人数,越宽迁移越多"——读者不再推理而是匹配。有效的读法说明有三个结构特征:它针对图形中真实存在的一个具体元素("看这条从'移动端'到'桌面端'的带")而非抽象描述规则;它完成一次完整的解读示范(读出具体数值或关系)而非只解释编码含义;它的位置紧邻被解释的元素(内嵌标注优于脚注,脚注优于外部文档)。不常见图形还有一个交互式的说明选项——动态演示:初始状态下图形逐步演示映射关系(一条带高亮并数字标注,然后显示"宽度=人数"),这种"边做边教"的方式对空间关系复杂图形(弦图、河流图)的解读正确率提升最明显。

边界

读法说明有明确的成本边界:占用图形空间(信息图的画布容量有限)、增加视觉复杂度、且对已熟悉该图形的读者是冗余。因此说明的详略应随读者的预期熟悉度调节:面向混合受众的产物可以把完整说明做成默认可见、对熟悉者提供收起选项;面向纯专业受众的产物只需在首次使用该图形时说明一次。另一个边界是"不常见"的判定是相对于读者的:同一张弦图在图数据库社区是常见图形(无需说明),在管理层的汇报中是不常见图形(必须说明)。设计者容易犯的错误是以自己的熟悉度代替读者的——"我觉得这很常见"通常是设计者圈层的共识而非目标读者的情况。

怎么落地

  • 引入非常规图形时,在图内嵌一条针对具体元素的读法示例,紧邻被解释的元素放置。
  • 空间紧张时采用"首次展开、可收起"的说明卡片,默认展开以保证首次访问者能看到。
  • 复杂空间关系图形(弦图、河流图)优先用动态演示说明映射关系,其次才是静态标注。
  • 验证:请未见过该图形类型的读者在读法说明可见的情况下回答一个数值问题;答错说明说明本身的表述有歧义而非读者能力问题。

延伸

  • 同组U9.05.1 读者的图表素养决定可用的图形复杂度上限 · U9.05.2 领域专家习以为常的约定对外部读者并不成立 · U9.05.4 读者的既有立场会影响其对同一图形的解读 · U9.05.5 面向决策者与面向同行的图形密度不应相同
  • 相邻U9.05.2 领域专家习以为常的约定对外部读者并不成立 · U9.03.1 注释指出图中应看什么
  • 站内检索how to read · chart explainer · sankey diagram

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U9.05.3