香港的公營或官方機構在傳達訊息時,一向較著重行文用語,追求用字準確,文案設計和圖像運用往往不是他們的強項。儘管近年一些大型項目的文案設計開始與私人大企業的水平看齊,例如《北部都會區發展策略》報告不再使用漸變淡色背景,但設計粗疏的官方簡報和數據展示依然常見。

金管局在2022年5月向立法會財經事務委員會提交了一份簡報,共有37頁,當中可以挑剔的地方有很多。我們就姑且只抽取簡報中一張圖表,看看問題在哪裡,以及怎樣可以改得更好。

本文討論的圖表:金管局於2022年5月向立法會財經事務委員會提交的簡報中,一幅題為「烏克蘭戰爭引發商品價格上漲」的商品價格圖表。

01 兩個百分比不能直接相加

先不論內容,這幅圖表連同整份報告,都是白底黑字及新細明體。圖表當中的藍色和橙色,顏色代碼分別是#4472C4和#ED7D31,幾乎肯定是直接使用Microsoft Office的預設格式。顏色和字體這些表面的東西,要改很容易。較難的問題是,這個圖表到底有沒有將訊息傳達出來。

這裡最重要的訊息就是,各類商品在烏克蘭局勢升級前已經升得厲害,局勢升級後價格更是大幅上漲。金管局選擇了用顏色表達不同的時段,將兩段時間的升幅獨立分開。問題是,假設煤在局勢升級前已經升了100%,在局勢升級後又升了100%,那麼價格其實不是100% + 100% = 200%。價格其實是以前的4倍,即上升了300%,因為第二次升幅是疊加在第一次之上,而不是疊加在原本的基數上。將兩個百分比變化疊在一起,再讀出合計的長條長度,不但不清晰,這個總數在數學上根本就是錯的。

金管局原本的商品價格升幅堆疊柱形圖,每種商品以藍色及橙色兩截顏色表示
原本的圖表 每種商品有兩截顏色,堆疊起來,彷彿兩個百分比可以直接相加,還附有一句才能解讀的圖例。

02 要一段文字才能解釋的圖例

或者,金管局想表達的意思,可能是藍色加橙色,就是上年底到現在的升幅。那麼,圖例中「自烏克蘭局勢升級(%)」這個寫法便錯了,因為這樣的寫法是以烏克蘭局勢升級的時間點為基數,而不是以上年底為基數。要解釋圖例的真正意思,就要用上一整段文字。這通常代表一定有更清晰的圖表做法:如果圖例要寫這麼多字,倒不如圍繞問題重新設計圖表,而不是用文字去解釋清楚。

03 堆疊柱形圖答錯了問題

財經媒體表達價格升跌,其實已經有一套標準做法:就是我們在報紙或電視上經常看到的價格折線圖,縱軸(y-axis)為價格,橫軸(x-axis)為時間。金管局簡報將商品分類放在縱軸、價格升幅放在橫軸,這個安排本身並沒有錯——CNBC網頁上的Market Movers一欄,也採用類似的橫向長條佈局。但這種佈局是為排名而設計:哪隻股票今天升幅最高、哪隻最低,由上至下讀出來。金管局的圖表並不是要將商品互相排名——它的主題是所有商品都持續上升。一個為排名而設的圖表形狀,並不適合用來說一個關於時間長短的故事。

04 折線圖能顯示、但堆疊柱形圖做不到的事

價格折線圖真正的好處,就是能顯示時間流逝所帶來的影響。究竟上年底至烏克蘭局勢升級,這是多長的時間?局勢升級至今又是多久?金管局這幅圖表完全沒有交代,讀者也無法知道哪段時間的升幅較快。要比較一段時間內的變化速度,正正是堆疊柱形圖最不擅長顯示的,卻正正是折線的斜度能自動傳達的資訊。

05 三個元素,同一基準線

製作任何數據圖像時,首先要理順需要表達的元素。這個數據故事中有三個元素,分別是:商品種類(煤、天然氣、鎳、小麥、原油)、時間(上年底、戰爭升級、現在),以及價格升幅。理清這三個元素後,我們將圖表重新繪畫成折線圖,將所有商品的數字都以同一個起點——上年底——作為基數。視覺上,讀者會立即看到五種商品都是同一個起步點,不需要額外的圖例解釋。每種商品以不同顏色的線條表達,線條的斜度可一眼看出價格變動的速度。

我們重新設計的折線圖:五種商品以同一個上年底基準線為起點,並以顏色直接標示名稱
我們的重新設計 五種商品以同一個上年底基準線為起點,用有斜度的線條取代堆疊色塊,並直接標示名稱。

06 我們仍想加入的東西

我們雖然重新設計了數據的表達方法,但如果金管局簡報中能夠列明實際的日期,而不是「上年底」、「局勢升級」、「四月底」這些較含糊的字眼,圖表會更清楚——不過這是原始數據本身的限制,並非單靠重新設計就能解決。純粹作為一個修飾項目,在每種商品名稱的左面加上一個小圖示,也能令圖表看起來更快上手。

07 別讓「推薦圖表」代你作主

如果要猜這幅原本的圖表是怎樣做出來的:很可能是有人將數據下載到一個Excel表格,列出五類商品在兩段時間的升幅,然後點擊Excel的「推薦圖表」,就直接採用了跳出來的結果。我們和大家一樣喜歡Microsoft Office——功能強大,製作圖表也確實很方便。但正正是這種方便造成問題。因為製作一張圖表所花的心力極少,一些本應屬於表格的數據,往往在沒有人問過「圖表是否合適的格式」之前,就已經被轉換成圖表。

表格和圖表都是說數據故事的方法,但兩者並不可以互相代替。要製作上面的折線圖,我們不能單純將金管局現有的表格重新格式化——我們要在表格加入新的一欄,將兩個時段變成三個時間點,並為每種商品補回上年底時升幅為零的數字。這個額外步驟,正正是「推薦圖表」會略過的東西,也正正是值得親手處理的原因。


有圖表需要這樣的處理嗎?

傳給我們看看

不論是初稿、凌亂的試算表,還是一個你接手後不太放心的圖表——我們都樂意看看。

聯絡我們