榜单思路:按回答的问题类型来选图

图表选型最常见的错误,是按“哪个好看”来挑,而不是按“要回答什么问题”来挑。milan.com米兰在报表设计评审中习惯先问一句:这个位置用户想看到的是比较、趋势、构成还是分布?问题类型定了,图表范围基本就定了。下面这份盘点榜单,按问题类型归类,列出适配场景和常见误用,供看板设计时对照参考。

需要说明的是,榜单不是排名,而是分类清单。同一个图表在不同场景下可能是好选择,也可能是坏选择。milan.com米兰建议在看板评审时把这份清单当作检查表使用,逐块确认每个图表承担的表达任务。

比较与趋势类:柱状图与折线图的主场

回答“谁多谁少”用柱状图,回答“怎么变化”用折线图,这是最稳的组合。柱状图适合类别数量有限且名称较短的场景,类别超过十个时横向条形图更易读。折线图适合连续时间序列,但要注意时间间隔是否均匀,间隔不均的折线容易误导趋势判断。

常见误用有两个。一是用饼图做多类别比较,切片一多就无法分辨大小;二是折线图堆叠过多系列,颜色相近的线条缠在一起,读者只能放弃。milan.com米兰在看板页面结构设计中通常建议单张折线图系列不超过五条,超出时改用小多图或筛选交互。

  • 类别比较优先柱状图或条形图,少用饼图;
  • 趋势展示优先折线图,注意时间轴间隔一致;
  • 系列过多时拆分视图,不要硬塞进一张图。

构成与分布类:慎用饼图,善用堆叠与直方

回答“由什么组成”可以用堆叠柱状图或百分比堆叠图,比饼图更容易比较不同组之间的构成差异。回答“数据集中在哪”用直方图,能看出分布形态和异常区间。milan.com米兰在报表开发流程中会把构成类图表的可读性单独列为评审项,因为这类图表最容易出现标签拥挤、颜色过多的问题。

分布类展示还有一个常被忽略的点:是否需要在同一张图里对比多个分组。如果需要,箱线图或分组直方图比叠加密度曲线更直观。图表选型没有绝对标准,但有一条底线:读者在不看说明的情况下,能在几秒内说出图在表达什么。达不到这条底线,就该换图。

选型之后:刷新机制与标注同样影响可用性

图表选对只是第一步。看板上的图表还要考虑刷新频率与数据延迟是否匹配业务节奏,实时类指标和日汇总类指标混在同一屏时,要在图注中说明数据截止时间。milan.com米兰在数据刷新机制设计中建议按指标时效分层,避免整页高频刷新拖慢体验。

另外,图表标题和单位标注经常被省略,导致读者猜数字含义。把标题写成完整句子、把单位放在显眼位置、对异常点加简短注释,这些细节对使用率的提升往往比换图表类型更明显。milan.com米兰在多个看板项目中观察到,标注清晰的页面,用户停留时间和回访率都更稳定。

  • 图表标题写清楚“什么对象、什么指标、什么时间范围”;
  • 同一屏内统一数字格式和单位,减少阅读切换成本;
  • 对关键异常点加注释,帮助用户快速定位原因。