好作家是好讀者。要讓自己的圖變強,最快的方法是大量看圖、不停想圖

為什麼要做視覺評論#

  • 創作者都靠「看別人怎麼做」來進步——視覺化也不例外
  • 網路上每分每秒都有 dataviz 在傳播;追 #dataviz 標籤、看《紐約時報》The Upshot、《經濟學人》每日推文,素材永遠不缺
  • 不要只挑你喜歡或覺得很酷的——簡單的、無聊的、複雜的、藝術的、你完全陌生主題的,都要看

五步驟視覺評論#

這套流程不必正襟危坐,可以隨手做、輕鬆做。

1. 記下你最先看到的東西#

「先看到的」就是「跳出來的」。寫下你眼睛第一個聚焦的元素:

  • 「一個尖峰」
  • 「藍色長條」
  • 「一條長長平滑的線」
  • 「許多交叉的撈麵」

不要寫:「過去幾季利率上升」——這是經過解析的訊息,不是第一秒視覺感受。 先抓最直觀的視覺反應。

2. 記下你形成的第一個想法,然後再找更多#

看了幾秒後,這張圖在告訴你什麼?

  • 「它說利率正在快速上升」
  • 然後對自己提問:
    • 這個訊息符合作圖者的意圖嗎?
    • 它是否誤導?
    • 是不是漏了什麼?
  • 多看一陣子,看看有沒有更深的敘事浮現

3. 三欄法:喜歡 / 不喜歡 / 我希望看到#

不必判定對錯,寫感受

  • 「我不喜歡這麼多標籤」
  • 「我喜歡他用灰色處理背景資訊」
  • 「我希望能看到去年同期作對照」
  • 把「可能誤導或失準」的觀察放在「不喜歡」欄

持續做下去,會發現自己對某些元素有穩定反應——這些反應會慢慢凝結成你的審美與診斷能力。

4. 找出三件你會改的事,並簡短說「為什麼」#

「為什麼」是最關鍵的一字。理由必須能提升圖的有效性

  • 不好:「因為我不喜歡藍色」
  • 較好:「因為藍色與旁邊的黃色放在一起難辨識」

限制三件——強迫你排序輕重。 如果列十件,最後會在「網格線粗細像素」、「副標換行」這類細節上糾結,失焦。

5. 自己畫一版(草圖或原型),並自我評論#

重畫是學習最有效的方式。

  • 有資料就用,沒資料就用試算表估幾個值
  • 概念性圖直接動手就好
  • 速度勝過精確,跟自己做圖時一樣
  • 自我評論時要正反皆有——這樣才能把學到的應用回自己的工作

三個示範評論#

Crit 1:聯邦預算圓餅圖#

  1. 第一眼:大塊藍色、一堆小切片、許多線與標籤
  2. 第一想法:軍費比所有東西都大;其實「比所有其他加起來還大」也成立,但因為其他項目沒被當成單一整體,這個訊息沒立刻浮現;20 秒後才意識到這只是「提案的可支配預算」,不是整體預算
  3. 三欄
    • 喜歡:顯示美元金額;軍費被刻意偏置(凸顯);用色繽紛
    • 不喜歡:標籤太擠;引線太多;色彩順序看似按值卻看起來隨機
    • 希望看到:強制性支出;類別;更尖銳的標題
  4. 三項要改
    • 把支出按類別分群——多數小切片大小相近,按類別比較才有意義
    • 加上強制性支出(mandatory spending),給觀眾整體預算的脈絡
    • 換成圓餅以外的形式(如 treemap 或比例長條)
  5. 自我重做:用 Raw 線上工具,幾分鐘做出兩版 treemap:一版只有可支配支出、一版加上強制性支出(淺粉色)
    • 加上強制性支出能展現「真正可以爭論的部分有多小」,但討論可支配時又會分散注意
    • 真正讓圖變好的是分類——四個有意義的類別取代五彩繽紛的小切片
    • 為了驗證自己的假設,又做了一版「按原樣每塊上色」——回到原本的擁擠感,證明分類才是關鍵

Crit 2:世界最高建築隨時間圖#

  1. 第一眼:克萊斯勒大樓、帝國大廈;許多條紋(特別是鮭魚色);藍色,然後是雜色
  2. 第一想法:高樓過去都在北美、現在不再如此(顏色傳達);近期樓高有驚人飆升,但被沉重的時代條紋與標籤淹沒
  3. 三欄
    • 喜歡:細線條像摩天大樓;標出重要建築;用色標出地點;y 軸放右側方便對齊最高建築
    • 不喜歡:時代分隔太強勢;引線、軸格線太重;色彩讓近期難以一眼判斷地點
    • 希望看到:少一點東西;更吸睛的標題;某種高度的對照參考點
  4. 三項要改
    • 去除時代分隔——它對主訊息沒幫助
    • 整理標籤——簡化、無彎角引線、減輕格線
    • 重整色彩——讓地點一眼可見(例如把中國併入亞洲)
  5. 自我重做:把標籤拆成「底部里程碑」與「視覺場域中的地標」;移除 belt-and-suspenders 設計
    • 還沒解決顏色挑戰(想找專業設計師討教)
    • 也想加上「1,000 公尺到底有多高」的參考點

Crit 3:影片成效儀表板#

  1. 第一眼:冷到熱的漸層條;棒棒糖數字;刻度標籤
  2. 第一想法:右側好、左側壞——隱喻清楚;但這是百分位(percentile),不是原始分數,與「熱度」隱喻有點衝突;看完才意識到第一條是整體分數,其他是細項——它們被等量呈現,是不是該優先看哪個?
  3. 三欄
    • 喜歡:一秒看懂;單軸簡潔;棒棒糖突出關鍵值;冷熱隱喻
    • 不喜歡:關鍵說明字小且不顯眼;百分位刻度過搶眼;重複削弱主指標
    • 希望看到:每項或整體的「平均線」、「卓越線」;總分顯示得更突出
  4. 三項要改
    • 把每項測量的內容放在更顯眼處(不必再去看圖說)
    • 提升棒棒糖的存在感、降低漸層條的存在感(漸層只是重複位置已給的訊息)
    • 減少重複——「percentile rank」一次就夠;五分位刻度也許不必
  5. 自我重做:拿掉漸層條(雖然喜歡,但和棒棒糖位置重複);移除五分位刻度與每組獨立標籤
    • 留下大量空白,讓眼睛集中在四個點
    • 還沒處理「整體分數」與「多影片並列比較」(small multiples)這兩個方向

公開評論的倫理#

評論本來在創意工作中很常見:設計師會聚在一起評同儕作品;寫作會經編輯。即使是專業人士,這個過程也常常令人痛苦——再理性也會覺得被針對。

dataviz 的「公開評論」隨網路與社群媒體變成更粗糙、更殘酷的東西。

dataviz 先驅 Martin WattenbergFernanda Viégas:「所有重畫都有可能讓人覺得是針對作者個人的攻擊。我們需要更多評論——但網路上即時、無脈絡、所有人都看得到的評論,會讓這件事變得困難。」

他們提出的公開評論守則:

  • 同時記錄做得好的部分,不只挑問題
  • 改的地方要有理由
  • 互相尊重

作者再加一條:

避免貶義詞彙。 不要說「這張圖很醜」、「亂糟糟」;改說「顏色讓我分心」、「我不知道該看哪裡」。 我會反射性地加上「對我來說」、「對我沒有用」——這代表別人不一定同意我,而我的評論本身也應該被評論。

最重要的:不要抱著「我要修好別人錯的東西」的姿態進入評論。把它當成磨練自己技巧的機會;如果你公開了重畫版本,要禮貌地呈現,並準備好接受別人對你的評論。

Wattenberg 與 Viégas:「這不是個人評價,而是讓整個領域進步的方式。

重點整理#

好作家是好讀者;好做圖者擅長從別人的視覺化中挖靈感、學技巧

五步驟流程:

  1. 記下最先看到的元素(不思考,只反應)
  2. 記下第一個浮現的訊息(並追問是否符合圖意、是否誤導、是否漏東西)
  3. 三欄寫下喜歡 / 不喜歡 / 我希望看到(寫感受,不評對錯)
  4. 找三件要改的事,每件附「為什麼」(強迫排序、對焦於有效性而非品味)
  5. 自己畫一版並自我評論(速度勝精確,正反皆收)

原書範例圖#

以下為原書中對應頁面出現的範例圖,依原書順序排列。

原書 p.386 範例圖

原書 p.390 範例圖

原書 p.392 範例圖

原書 p.393 範例圖

原書 p.395 範例圖

原書 p.397 範例圖

原書 p.400 範例圖