如何挑選數據可視化的最佳形式?

常常會有客戶問我們:

「這些數據應該怎樣呈現會比較好?」

「現在都流行什麼數據呈現方式啊?」

「我看到這個數據創意很不錯,我們能用嗎?」

現在我們整理一些建議,以便大家快速查閱,找到合適自己的數據可視化方案

信息時代,各行各業的數據積累速度超出想像,手中握著各種數據,卻不知道怎麼來拿它講故事。

一組有用的數據如果沒有適合的展現方式,註定會被巨大的信息海洋淹沒。無論是獨有數據、商業研究數據還是公用數據都有它的吸引力。數據是故事呈現中的一個強有力的證據,它們背後也會藏有自己的故事。可是,如果採用了不適合的方式可視化數據,再有趣的信息都會索然無味。適宜的呈現形式卻可以事半功倍。

兩個有趣的可視化作品

△ 來自的俄羅斯設計師 Anton Egorov 創作的信息圖:用一個3維的微縮模型來展示土地使用數據

△ 來自美國的設計師Eleanor Lutz創做的鳥類飛翔翅膀軌跡的數據動態展現

現在有好多對可視化信息設計錯誤的理解。很多人認為往作品裡隨便放幾個圖形或表格,加一些好看的顏色,就完成了一個好的數據呈現,有人認為他們在一張信息圖裡面填充滿滿的數據點就可以收工了。這些想法的出發點可能是對的,但執行方式實在是大錯特錯。

下面是兩個錯誤示範 ?

△ 是不是感覺粉色佔比重最大?其實它是最少的(網路圖片)

△ 亂到眼睛不知道往哪看(網路圖片)

在這裡中,我們通過分析不同的數據呈現形式,來幫助大家進行選擇,因為我們衷心希望大家都能最有效地利用數據呈現故事。(PS. 數據的呈現方式有時需要多種形式結合,我們這裡只說最常規的形式。)


數據可視化的形式

在深入探討之前,我們先要弄清楚以下幾個概念。每當說到大數據告訴了我們什麼,這些詞經常被混著用,甚至完全是亂用。事實上,它們是完全不一樣的數據媒介,或是稱為數據可視化形式。以下是一些常用的很容易混淆的概念。

數據可視化 | Data visualization

嚴格意義上說,這是正真對數據的視覺呈現,可以是基本的數據表格和圖形或者更大且更複雜的視覺形式,但也僅是關於視覺的。

信息設計 | Infomation design

信息設計是信息的視覺表現,這是可以不需要數據的支撐也可以呈現的(例如一個有清楚結構的流程圖)。雖然下文不會講這個,但理解各個概念的區別非常重要。

信息圖 | Infographic

信息圖是一張包括了數據,文字和圖像的圖形作品。這些元素相互協作來講述故事。(所以信息圖可能也包括了數據可視化。)

動態信息圖 | Animated infographic

包含了動態或動畫的信息圖。不能互動(見下文),用戶無法控制其中的動態或動畫。

交互信息圖 | interactive infographic

交互信息圖是通常是基於網路的編程技術,能讓你和屏幕上的數據互動的任何內容。用戶可能可以滑動,點擊,展開,輸入或是操縱屏幕上的數據。

動畫 | Motion graphic

講故事的動態圖形,通過動態文字、動態數據、動態圖像等元素來講述故事。

視頻 | Video

以實景拍攝為主,包含了少量動態文字,圖表等傳達方式的影片。


可以看到,我們現在列出的數據可以選擇的呈現方式已經非常多,選擇也因此變得十分困難。

選擇形式之前

在決定使用某種可視化形式之前,你應該要有全局觀念,畢竟每一個選擇都會影響你最後到達的路徑。

目標

在一個新 idea 出現之前,弄清目標是頭等大事,哪些形式會比其它的更契合你的目的。你想努力提高公司品牌的認知度嗎?或是建立你的專業形象?還是和社交媒體上的粉絲互動?想清楚這些,才能更好地挑選適合的形式。

故事

一個有效的數據故事可不是一知半解的統計數據。在數據之上,還可以編個情景故事來梳理數據的內涵。你想說的內容很大程度上決定了選擇的形式。問問自己:這些信息夠簡潔清晰嗎?人們需要必要的背景知識才能解讀這個故事嗎?這些數據對觀眾有用嗎?你在引導觀看者的行為嗎?問完自己,一定要把回答記在心裡。

數據量

我們經常看到的問題之一(非常重要)客戶有時會為數據瘋狂,塞無數的數據到內容裡面。但你需要考慮這個故事需要多少數據。有時你會有成千上萬的數據點,千萬不要不分主次地把所有的數據都堆在你的信息圖上(當然如果你要打造世界上最長的信息圖就當我沒說:)。)

△ 一張數據太太太太太多的信息圖(網路圖片) ?

用戶

你的數據故事是給誰看的?誰會感興趣?他們的文化層次和理解水平是什麼樣的?什麼樣的可視化形式是他們大多數會感興趣的?舉個例子,如果你的目標是爸媽這一輩的人,或許一個簡單圖文推送,比一個酷炫的 H5 交互網頁更容易理解。

發布

你的作品會在哪裡傳播?自己的網站?社交媒體軟體?線下展會?這是最開始就需要知道的。如果你是想要在社交媒體上吸引流量,你挑選的形式應該更有社交性,為這個社交媒體的特性做優化。


選擇數據可視化形式

由於每一個數據和它背後的故事都是獨一無二的,因此不存在如何選擇最好的表達形式的單一規定或公式。但是有些形式會比其他的更適合,能更好的協助你達到目的。

現在我們整理一些建議,以便大家快速查閱找到合適自己的數據可視化方案

可視化數據的用處可大了。一個有效的可視化數據既可以單獨使用,也能作為整體作品的一部分。令人驚嘆的可視化的視覺效果不僅僅有美學上的吸引力還有讓觀眾能「看」到這個故事。有時候,一個簡單的可視化數據甚至比一個帶有上下文環境、具體細節的故事更有影響力。

優勢

可視化數據經常作為一張信息圖中故事的一部分,出現在出版物,電子書,社交媒體等媒介上。簡單的可視化數據,在時間注意力有限,但你又需要迅速說出故事的場合特別有用,例如在展銷會的小展板上。

例子

在 Honeycomb Design 為 TCL 製作的 PPT 中,這些簡單明了的可視化數據,既能吸引視線,又讓觀看者一眼就能大概了解要講的信息。

Honeycomb Design X TCL

信息圖表

如果你想以一種簡單,清晰,易懂的方式溝通,信息圖是個好選擇。信息圖能在視覺上強化故事內容,吸引力強,易於分享,這也使其成為提高品牌知名度的好幫手。出版商們現在也對信息圖越來越感興趣了。此外,信息圖的版面可以作為簡短的獨立內容被再次利用,這能讓它的內容被再次深入推廣,取得更多的收益。

優勢

社交網站,內容營銷,視覺輔助,編輯出版,等等。

例子

Honeycomb Design 與華大基因合作,這張關於孕婦產前基因檢測數據的信息圖,生動有趣地肖像化了這批孕媽的數據,帶你了解數據背後一些有趣的知識,同時為商家傳播了有用的產品信息。

Honeycomb Design X 華大基因

動態信息圖

動態信息圖和信息圖有一樣的好處,但動畫更能吸引眼球。如果你既想要在你的內容中加入一些動態但不想創作一整個交互作品或是動態圖表,動態信息圖就是個不錯的選擇。與信息圖表一樣,動態的元素在其他領域也能被再次利用。

優勢

社交類,廣告類,社科類,尤其是需要別人注意內容的時候。

例子

Honeycomb Design 和香港中文大學合作,將香港的社會企業發展研究結果製作成動態信息圖,其中每個獨立的模塊既能像圖中一樣一起呈現信息,又能被提取出來作為單獨的信息材料。

Honeycomb Design X 香港中文大學

交互信息圖

交互信息圖表是當你有很大量數據需要被快速檢索的最佳選擇。你既可以把它做成探索式的交互形式,用戶可以深入數據裡面提取他們想要的意思,也可以做成敘述性的交互形式,引導用戶的動作。這種形式需要用戶積極地提供信息或是處理數據,同時花更多的時間在內容上。

優勢

需要用戶參與的內容,資料的深度探索,還有沉浸式的故事敘述。

例子

美國國家地理製作了一個交互信息圖網站,展示紐約天際線的變化,滑動、點擊、將滑鼠移到地標建築物上都能得到更詳細的信息。

(網路圖片)

動畫

當你有個抽象的概念或者有個需要更多的背景才能把分散的內容串聯起來的故事的時候,動畫特別有用。作為一個線性的講故事的形式,它能夠很簡單地傳達一個簡潔的故事或直接的信息。它可以算是被動的形式,觀看者什麼都不需要做,吸收知識就行了。

優勢

在短時間內講一個的簡潔的故事。

例子

蜂巢設計為WWF世界自然基金會創作的動畫以簡單有趣的手繪風格,從一杯牛奶從生產到售賣的用水故事講到如何降低水風險,從而鼓勵公眾關注WWF」水管理創新「項目。

Honeycomb Design X WWF

https://www.zhihu.com/video/952465908313108480

視頻

隨著社交平台的發展,視頻現在越來越流行。和動畫一樣,視頻也可以加入了文字,圖形還有可視化數據,並且更可能生動有趣。視頻最強的賣點也許在於它能夠加入真人演員和真實場景,從而更有吸引力地講述數據中的故事。

優勢

在短時間內講述一個簡潔的故事,尤其是想創造和內容的情感聯繫的時候。

例子

蜂巢設計與環保組織合作的視頻講述了廣東煤電的分布和其對健康的影響。實景配上動態信息圖使畫面增加了現實感,更能引起公眾的重視。

Honeycomb Design X 綠色和平

https://www.zhihu.com/video/952466052584656896

記住:故事最重要

無論你選擇了什麼形式,完成一個好作品的根本在於:強有力的數據和強有力的故事。我們將在將來的推送中會給大家帶來更多有用的相關文章。

本文部分內容翻譯自《How to Pick the Best Data Visualization Format For Your Story

》by Katy Franch,改寫:陳雷 , 內容翻譯:阿壺,文中作品如未特殊註明,均為 Honeycomb Design 作品


推薦閱讀:

數據分析神器Tableau——讓你的數據會說話
大眾點評數據分析
人民日報中央廚房獲評「2017年大數據優秀應用案例」
Matplotlib中將兩條不同曲線共軸
BOSS直聘行業信息爬取與分析(二)

TAG:信息圖Infographic | 數據可視化 | 設計 |