打造友善、可互動的視覺化

Tableau 的資料視覺化

Maarten Van den Broeck

Content Developer, DataCamp

少即是多

我沒有時間,所以寫了你一封「很長」的信(Mark Twain)。

  • 簡潔與統整 _對上_ 複雜與資訊洪流

  • 熱愛資料分析 vs. 對使用者的實際影響

White spacing

用兩張圖示範與利害關係人溝通資料

Tableau 的資料視覺化

彈性 vs. 可用性

White spacing

  • 「一個儀表板統治一切」
  • 利害關係人被資訊淹沒

White spacing

  • 認知超載:
    • 新且複雜的資訊
    • 注意力有限 → 失去興趣
    • 無法萃取重點洞見

展示彈性與可用性取捨的文氏圖

Tableau 的資料視覺化

設計-格式-互動性

White spacing

設計

  • 層疊式設計:由總覽到細節
  • 保持簡潔與一致風格
  • 預留足夠「留白」

格式

  • 強調重點
  • 善用圖表元素
  • 避免「視覺超載」,例如顏色、形狀、大小、標籤過多

White spacing

互動性

  • 友善的參數設定
  • 動態反白、下鑽
  • 動畫(若能增加價值)

White spacing

拿著筆電思考的男孩插圖

Tableau 的資料視覺化

保持使用者友善

自適應標題:

Tableau 自適應標題範例

  • 依度量、維度與篩選值動態生成有衝擊力的標題
  • 顯示上次載入資料的日期與時間
  • 用色彩與字型強調重點

提示中的視覺化(viz in tooltip):

Tableau 中提示視覺化範例

  • 內嵌更詳細的視覺化
  • 與特定資料點相關
  • 以俐落方式「隱藏」額外洞見
Tableau 的資料視覺化

讓圖表更具互動性

White spacing

動作:

  • 透過以下方式變更數值
    • 點擊
    • 游標懸停
    • 在視覺化中選取標記
  • 直覺設計,直接與資料互動
  • 少量點擊即可探索與下鑽
Tableau 的資料視覺化

提升使用者採用的技巧

White spacing

  • 與利害關係人共同設計與開發
  • 短回饋循環(展示並試用)
  • 互動式使用者訓練
  • 視覺化文件(例如示範、GIF)
  • 監控儀表板的使用情形

White spacing

兩個人指著筆電討論

Tableau 的資料視覺化

一起來練習吧!

Tableau 的資料視覺化

Preparing Video For Download...