面向仪表板的可视化技巧

Dashboard 设计概念

Olga Scrivner, PhD

President, Scrivner Solutions Inc

为人眼设计仪表板

 

交互式图形

设计良好的数据图形通常最简单,同时也是最有力的${^1}$

 

          有效的数据可视化

  • 降低用户的认知负荷
  • 有助于解决问题
  • 促进发现
  • 提供可执行洞见
1 Edward Tufte
Dashboard 设计概念

设计原则

                                                          信息处理

视觉传达

Dashboard 设计概念

设计原则

                                                          信息处理

视觉传达

Dashboard 设计概念

设计原则

                                                          信息处理

视觉传达

                                                      仪表板设计原则

原则

Dashboard 设计概念

设计原则

                                                          信息处理

视觉传达

                                                      仪表板设计原则

原则

Dashboard 设计概念

C.R.A.P. 设计原则

对比

  • 颜色、大小、形状

对比

重复

  • 仪表板阅读的"节奏"

重复

对齐

  • 有序的版式

对齐

接近性

  • 相关元素需成组

接近性

1 Ferrari, Maw. (2021). Improving Dashboard design.
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

格式塔原则

我们以特定方式感知并组织所见,以便理解信息。

格式塔

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Dashboard 设计概念

误导性可视化:应做与不应做

非零基线

失真

区间不一致

区间

信息过载

过载

3D 效果

3-D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Dashboard 设计概念

Vamos praticar!

Dashboard 设计概念

Preparing Video For Download...