pexels-mikael-blomkvist-6476254
Photo by Mikael Blomkvist from Pexels

優化祕訣二  打造清晰度

如果你的圖表需要使用文字說明,或者觀眾要求你說明圖表,又或者有人看著你的圖表然後脫口而出「我到底在看什麼啊?」這就意味著你的圖表不夠清晰。一張清晰的圖表,幾乎不需多加說明,就能傳達想法。它可以獨自完整存在,有時還會產生「極樂點」,也就是立即且不假思索就能心領神會的那個瞬間。

這種感覺與我們看著擁有華麗的配色方案、曲線圖案和大量資料的養眼圖表所得到的感覺不同。這種圖表很讓人著迷,但不見得會讓人產生體悟。極樂點則會產生瞬間理解所帶來的閃亮光芒。它們甚至不必很漂亮。我們來比較一下:

13
12

第一張圖表很漂亮,但需要費功夫才能弄清楚。除了吸引目光外,我們仍不清楚那些扭曲的線條有何功用。它們使我們更難理解圖表。但第二張圖表想傳達的想法,在我們第一眼看到時就能理解。這就是做圖表的目標。

有時候,簡單有助於達到清晰的效果,但簡單的事情不見得都很清晰,清晰的事情也不見得都很簡單。想達到清晰效果,產生極樂點,我們需要的不僅僅是良好的配色和少量及簡單的設計。一旦圖表需要觀眾停下來思考、決定該把焦點放在哪裡,以及挑戰慣用思維,都無法達成清晰效果。要達成清晰的設計,請使用下面這些準則。

1. 刪除多餘。考慮圖表上的每個標記,然後問自己「我是不是需要它們」,才能說明我的論點?舉個例子,由製作表格軟體自動生成,通常與主題無關的軸標籤,以及會分散注意力的格線,都會被保留下來。不必要的顏色會將注意力從核心思想中抽離。要更積極處理這些狀況。如果你認為可以不用變數就表明你的觀點,你甚至可以嘗試完全刪除這些變數。

2. 移除重複。像「銷售與收入」這樣的標題,只不過重複軸線標籤而已。單純敘述視覺圖內容的加框文字,並不能帶來新的啟發。代表金額或百分比的軸線,就不需要在每個標籤上標示$或%等符號。在你的數據圖表中尋找資訊重複的地方,在維持清晰的情況下,盡量從圖表中刪除這些資訊。

3. 限制顏色和視線移動。顏色吸睛力強,但也很容易分散注意力。如果把醒目的顏色分配給非核心元素,它們將會搶奪注意力。把顏色看成需要約分的分數。你想展示的是2/3,而不是12/18。對變數進行分組,並對上下文的輔助資訊採用灰色處理,就能做到這點。帶有指示箭頭的圖例、說明和標題,都能強制視線隨之移動。當我們需要望向圖表右側尋找圖例,然後再將視線拉回圖表時,這樣反覆三、四次,看來好像小事一樁,但事實卻非如此。視線來回飛奔,或跟著長線讀取標籤,都會大大降低閱讀速度。資訊離它所參照的事物越遠,視線的跋涉就越長。盡量讓標籤和說明文字離它們所參照的視覺圖像近一點。在線圖中,我喜歡把標籤放在它們代表的線的末端,它們對於在視覺圖表上搜尋的眼睛而言,擔任了視線的自然停止點,同時讓我們不必另外製作圖例。

4. 知道人們約定俗成的想法。大腦的運作靠的是直覺。它會走捷徑。像大腦會直覺認為:時間的表現方向從左到右;數值變高時,較大的數值會在較低的數值之上;紅色代表熱、危險或壞的事物,而藍色則是冷或者水,綠色象徵良好或安全。當你的設計違反這些神經感受的慣例時,觀眾就需要努力克服它。想像一下從右到左讀取時間軸,或是一根頂部為0%,而底部為100%的y軸有多難讀。尊重傳統,並加以利用。如果一個趨勢讓人擔憂,那就將它標成紅色。將一個較大的數值,在你的圖表中放在其他數值之上。讓北方在上,而南方在下。

5. 描述觀念,而不是結構。利用文字、標題、圖片說明和其他視覺標記,來突顯想法或見解,而不是描述視覺圖表的體系結構。與其重複說明表格的標題,對觀眾的幫助,還不如暗示或明確說明視覺圖表為何存在的標題來得顯著。舉例來說,讓我們比較一下「醫療保險和健康評估的支出分布」與「更多的支出不會提高健康水準」這兩個標題。或者「中位數營運逐年損失的趨勢線」與「損失正在不斷累積」這兩個標題。

6. 額外專業提示:把所有東西對齊。在建立視覺秩序上,這個簡單的指導原則非常有效。一些圖表讓人覺得雜亂和模糊,部分原因就是圖表元素在整個視覺空間中四處獨立漂浮而造成的。軸線標籤傾斜放在軸的中間位置。只要有空白的地方,就會出現說明文字框。利用y軸作為左方的對齊點,建立第二個點,用它將說明文字與其他標籤對齊,混亂的感覺就會消失。

清晰的效果並不容易達成,圖表製作者傾向於把手邊所有的東西,包括變數、標籤和顏色,都塞進視覺圖表中。也許他們不確定中心思想究竟是什麼,也許他們希望將所有的數據都塞進去,好讓老闆看見他們有多忙碌。這或許可以讓圖表製作者深感安慰,但卻會讓使用者覺得圖表難以理解,或者更糟的是,讓人無法接受。展現一張將一件事情說明清楚的清晰圖表,在剛開始時可能讓你感到不安,但觀眾會欣賞它。

接下來的挑戰旨在提高清晰程度。專注於使用每張圖表的提示,以消除混淆與雜亂。不要擔心表單,並且只在與達成清晰效果相關時,才考量顏色、標籤、標準慣例與其他考量事項。

>>本文摘自《哈佛教你做出好圖表實作聖經:《哈佛商業評論》首度公開資料視覺化製作技術,精準掌握24圖表模組╳6關鍵說服力╳3大優化祕訣》


ftBx1LA-FDGiWFPogpyAyA

史考特.貝里納托(Scott Berinato)/資料視覺化玩家

《哈佛商業評論》 的資深編輯。除了在雜誌社建立了成功的「視覺聲明」(Vision Statement)部門,他也著述和編輯了許多文章,發表在《哈佛商業評論》和其他頂尖的商業與科技印刷和網路出版媒體。