讓 PPT 數據說人話!設計師的 4 個視覺化圖表工作術

 

【為什麼我們挑選這篇文章】在台上簡報的時候,排版出密密麻麻的文字是大多數人的通病,從學生時期到出社會工作,無論任何地方都會看見這樣的例子。

藉由「視覺化」的方式,傳達你的想法內容,一方面是藉此讓觀看者能夠更願意看,一方面亦是在節省彼此的時間,讓簡報過程得以更加順利。然而,在製作簡報的過程也有許多眉角,我們將透過這篇文章告訴你!(責任編輯:吳柏樺)

我們常常迷失在數據中,紛紛複雜的數據讓我們無所適從。視覺化作為解決這個問題的有效手段,通過視覺的方式讓數字易於理解。

數據視覺化和訊息視覺化都是視覺化的一種方法,數據視覺化將數據庫中的每個數據項作為單個圖元元素表示,大量的數據集構成數據圖像,同時將數據的每個屬性值以多維數據的形式表示,可以從不同的維度觀察數據,從而對數據進行更深入的觀察和分析。

訊息視覺化,旨在把數據資料以視覺化的方式表現出。訊息視覺化是一種將數據與設計結合起來的圖片,有利於個人或組織簡短有效地向受眾傳播訊息的數據表現形式。

本文梳理了視覺化相關內容,並且根據數據平台組同仁在視覺化項目過程中使用經驗,總結一些視覺化使用注意事項,與大家分享。

一,數據視覺化的圖表類型簡介

數據視覺化有很多既定的圖表類型,下面我們分別來談談這些圖表類型,他們的適用場景,以及使用的優勢和劣勢。

柱狀圖

適用場景:它的適用場合是二維數據集(每個數據點包括兩個值 x 和 y),但只有一個維度需要比較。

優勢:柱狀圖利用柱子的高度,反映數據的差異。肉眼對高度差異很敏感,辨識效果非常好。

劣勢:柱狀圖的局限在於只適用中小規模的數據集。

折線圖

適用場景:折線圖適合二維的大數據集,尤其是那些趨勢比單個數據點更重要的場合。

優勢:容易反應出數據變化的趨勢。

圓餅圖

適用場景:適用簡單的占比圖,在不要求數據精細的情況下可以適用。

劣勢:圓餅圖是一種應該避免使用的圖表,因為肉眼對面積大小不敏感。

漏斗圖

適用場所:漏斗圖適用於業務流程比較規範,週期長,環節多的流程分析,通過漏斗各環節業務數據的比較,能夠直觀地發現和說明問題所在。

優勢:能夠直觀地發現和說明問題所在。在網站分析中,通常用於轉化率比較,它不僅能展示用戶從進入網站到實現購買的最終轉化率,還可以展示每個步驟的轉化率。

劣勢:單一漏斗圖無法評價網站某個關鍵流程中各步驟轉化率的好壞。

地圖

適用場所:適用於有空間位置的數據集。

優劣勢:特殊狀況下使用。

雷達圖

適用場景:雷達圖適用於多維數據(四維以上),但每個維度必須可以排序。但是,它有一個局限,就是數據點最多 6 個,否則無法辨別,因此適用場合有限。

劣勢:需要注意的時候,用戶不熟悉雷達圖,解讀有困難。使用時盡量加上說明,減輕解讀負擔。

二,數據視覺化使用的貼心叮嚀

圓餅圖順序不當

最好的做法是將份量最大的那部分放在 12 點方向,順時針放置第二大份額的部分,以此類推。

在線狀圖中使用虛線

虛線會讓人分心,用實線搭配的顏色更容易區分。

數據被遮蓋

確保數據不會因為設計而丟失或被覆蓋。例如在面積圖中,使用透明效果來確保用戶可以看到全部數據。

耗費用戶更多的精力

通過輔助的圖形元素來使數據更易於理解,比如在散佈圖中增加趨勢線。

柱狀過寬或過窄

經過調研,柱子的間隔最好調整為寬的 1/2。

數據對比困難

選擇合適的圖表,使數據對比更明顯直接。上圖的數據作用是為了比較,顯然,柱狀圖比圓餅圖在視覺上更易於比較。

錯誤呈現數據

確保任何呈現都是準確的,比如,上圖氣泡圖的面積大小應該跟數值一樣。

不要過分設計

清楚標明各個圖形表示的數據,避免用與主要數據不相關的顏色,形狀干擾視覺。

數據沒有很好歸類,沒有重點區分

將同類數據歸類,簡化色彩,幫助用戶更快理解數據。

上圖的第一張沒有屬於同類型手機中不同系統進行顏色上的歸類,從而減少了比較的作用。下圖就通過藍色系很好的把 iPhone,Android,WP 版歸為一類,很好地與 iPad 版,其他比較。

誤導用戶的圖表

要客觀反映真實數據,縱坐標不能被截斷,否則視覺感受和實際數據相差很大。左圖的數據起始點被截斷從 50 開始。

三,訊息視覺化案例

訊息視覺化囊括了數據視覺化,訊息圖形、知識視覺化、科學視覺化,以及視覺設計方面的所有發展與進步。下面是訊息視覺化的案例分享。

上圖為關係網— 基於 60000 封電子郵件存檔數據,用不同顏色深度的線條呈現了地址簿中用戶和個體之間的關係,比如回復,發送,抄送。

上圖通過數據化的比較,用變形的柱狀圖等圖形,形像地展示了不同國家老師的收入水平,社會包括學生和公眾對其的尊重度。

四,如何製作訊息視覺化?

第一步: 確定表意正確明確訊息圖表達內容,確定最主要的表現內容。

第二步: 優化展現形式內容正確還不夠,還要易懂。我們需要在這個步驟裡尋找訊息圖最優表現形式,讓讀者一目了然,降低理解難度。

第三步: 探索視覺風格在探索視覺風格時要注意抓放放小,先定下來最主要模塊的風格,再做延展。

第四步: 完善細節視覺風格確定後,可根據需要添加,完善細節。

第五步: 風格延展「一致」的視覺設定有助於用戶理解,也能更好的提升品牌形象。所以主風格確定後,我們需要把它延伸到其它有需要的頁面上。

以上是分享了數據視覺化和訊息視覺化相關內容,不可訊息視覺化和數據視覺化兩者是可以互相替換的兩個容易混淆的概念,基於數據生成的數據視覺化和訊息視覺化使用。

但是這兩者其實是不同的:

數據視覺化是指那些用程序生成的圖像,這個程序可以被應用到很多不同的數據上。

訊息視覺化是指為某一數據定制的圖形圖像,它往往是設計者手工定製的,只能應用在那個數據中。

訊息視覺化的代表特徵:具體化的、自解釋性的和獨立的。為了滿足這些特徵,這個圖是需要手工定製的。

並沒有任何一個視覺化程序能夠基於任一數據生成這樣具體化的圖片,並在上面標註所有的解釋性文字。

數據視覺化是指普適的,比如平行坐標圖並不因為數據的不同而改變自己的視覺化設計。視覺化的強大的普適性能夠使用戶快速應用某種視覺化技術在一些新的數據上,並且通過視覺化結果圖像理解新數據。

與針對已知特定數據進行信息視覺化設計繪製相比,用戶更像是通過對數據進行視覺化的應用來學習和挖掘數據,而普適性的數據視覺化技術本身並沒有解釋數據的功能。

延伸閱讀

再也不怕做出醜 PPT!讓簡報專業感破表的軟體 Canva,上手度簡單到嚇人

全面終結爛 PPT!介紹你 2016 八大必知簡報設計元素

(本文經合作夥伴愛範兒授權轉載,並同意 TechOrange 編寫導讀與修訂標題,原文標題 〈讓 PPT 數據說人話!設計師的 4 個圖表心得 〉,圖片來源 ImagineCup:, CC licensed)


微軟精華 AI 實踐課程來啦!

超過 100 堂專業課程、350 位原廠專家技術交流

2/17、18 與微軟技術夥伴面對面,破解最新、最前沿的 AI 轉型解決方案

免費報名

點關鍵字看更多相關文章: