儀表板專用的視覺化技巧

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）。改善儀表板設計。
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

格式塔原則

我們以特定方式感知並組織所見，以便理解它。

格式塔

1 Dataspire。（2020）。讓我們善用知覺科學！
Dashboard 設計概念

誤導性的視覺化：該做與不該做

非零基線

失真

區間不一致

區間

資訊過量

過量

3D 效果

3-D

1 LibGuide。（2021）。Data Visualization: Chart Dos and Don'ts.
Dashboard 設計概念

一起來練習吧！

Dashboard 設計概念

Preparing Video For Download...