和McKinsey & BCG 學圖表設計 ( Data Visualization & Infographic )
閱讀時間約 6 分鐘
給設計師和對資料視覺化有興趣者的設計懶人包
企業對於數據儀錶板的需求，通常隱含了二個命題：「多來源資料整合」和「商業智慧（Business Intelligence, BI）」。視覺化是資訊呈現的方式，解決營運問題、達成企業目標要透過資料整合和分析找到答案。
時常發佈研究報告的顧問公司，是最常使用 Data Visualization & Infographic 的行業之一了，世界頂尖的顧問公司 McKinsey & Company 和 BCG 近年來都進行了一次 rebranding，除了整體的 VI以外，也對圖表的顏色與型式都作了規範，使其符合整體的 Guideline。
Reference
· McKinsey & Company rebranding by Wolff Olins
· BCG rebranding by Carbone Smolan Agency (50,000feet)
本文以設計師的角色出發，以 Illustration 預設的幾種圖表型式，介紹 Dr. Andrew Abela 對於每種型式的圖表，適用於什麼用途作簡單介紹。並舉例 McKinsey 、BCG 實際應用的範例。
最後，分享一例我實際工作中的資料到圖表呈現。
為什麼要視覺化？👀
有價值的內容加上吸引人的視覺等於行銷成功的關鍵！視覺佔人們交流形式的93%，且視覺化的內容被分享的可能性是其他形式的40倍！— 動腦雜誌
Dan Roam 的一系列書籍，也都大力宣揚「視覺圖像」的強大力量。他重新結合語文與圖像，以更強大的思考工具「圖文整合思考」，幫助人們擺脫生活中的廢話，重新體驗思考的樂趣。
圖表不僅可以讓讀者快速比較資訊間的差異，更可以利用設計凸顯主題，易於傳播。
在 McKinsey 的 IG 上，有大約 5/9 的發文是以單張圖表的方式呈現。BCG 的比例也相當高。
圖表的種類
Dr. Andrew Abela 是 Busch School of Business 的院長，同時也是 The Catholic University of America 的行銷學教授。他專精於市場營銷與簡報溝通。他繪製了上圖，將各基本類型圖表分為四個大項。
- 比較 Comparison
- 組成 Composition
- 分佈 Distribution
- 關係 Relationship
其中，以 比較 Comparison 和 組成 Composition 為較常用的圖表型式。設計師常用來繪製圖表 ( Chart )的 Illustrator ，預設類型也大多落在這兩個類型中。以下將就這兩個類別介紹。
比較Comparison
擅長表現數據之間的對比，從這個類別的圖表中可以輕易地判斷出何者為最低和最高的質。
- 條狀圖 Bar Chart：比較各類別資料或呈現資料在特定時間範圍內的變化。是一組連續數字資料的次數分配圖。
- 柱狀圖 Column：各類別資料或呈現資料在特定時間範圍內的變化。其橫軸為類別項目，彼此間不相連續。
- 折線圖 Line Chart：用於表現隨著時間推移的數據波動和變化。
- 雷達圖 Radar Graph：可根據多項變數來評估不同的選擇。
組成Composition
擅長表現一個項目的組成成分，可以從這個類別清楚知道個體組成成分與比例，並可以強調出特殊的部分與整體的關聯性。
- 圓餅圖 Pie Chart：適合顯示個體與整體之間的比例關聯。
- 面積圖 Area Graph：呈現資料在特定時間範圍內的變化趨勢。與折線圖類似，差別在於折線下方有一個可顯示趨勢程度的陰影區域。
- 堆疊柱狀圖 Stacked-Bar Graph：呈現部分資料與整體資料之間的關係，以及資料在特定時間範圍內的變化趨勢。
一些有趣的範例 form McKinsey 、BCG
視覺化的實際工作成果
SCENTIST®香氛辭典 是一本「嗅覺識別」品牌的介紹書籍，其中包含了各種香氛知識介紹。下方將舉例兩個將資料轉化為圖表的過程與思考。
✺ 香氛濃度指南
將數字文字轉換視覺化的過程 >>>
- 此圖表是一組連續數字資料的級距圖，適用 條狀圖 Bar Chart 呈現。
- 傳統條狀圖會稍微生硬，因此將之轉化為圓形圖例，加上圖示凸顯主題。
- 除了明顯的長度變化外，也加上濃度的變化來識別香氛的濃淡。
✺香氛轉盤
將數字文字轉換視覺化的過程 >>>
- 此圖表是現有香氛的分類，適合使用 圓餅圖 Pie Chart 表示其中的組成分項。
- 傳統圓餅圖明確的分界會稍微生硬，因此模糊其邊界，更符合氣味抽象的特性。
- 使用符合其文化、物質特性或感受的顏色，來區別其調性的不同。
這是一項三步驟的轉化，首先將科學資料轉為視覺，再把視覺再次轉化為嗅覺感受。
透過以上兩個例子，展示資料視覺化以及顏色、圖像的轉變，使其呈現出更加一致的主題調性的過程。
參考資源
- https://www.mckinsey.com/
- https://www.bcg.com/
- https://www.wolffolins.com/
- https://www.50000feet.com/carbone-smolan-new-york/
- 資料視覺化Data Visualization：圖表設計
- https://medium.com/marketingdatascience/直方圖-histogram-與長條圖-bar-chart-之意涵-507568c4c1e8
- https://eazybi.com/blog/data-analysis-and-visualization
- https://apandre.wordpress.com/dataviews/choiceofchart/
- https://extremepresentation.com/
謝謝你看到這裡，歡迎分享！
Hello，我是Vera，總是在思考優化工作流程方法的Designer，喜歡設計、藝術和文學。
如果有任何建議或合作提案可以透過以下這些方式聯繫。Behance ｜ Dribbble ｜ Website
29會員
10內容數
Visualizing, Hearing & Seeing. Design vitamin for creative mind. 這本設計線上誌希望提供更多元的創作靈感，包含視覺設計、品牌與文字閱讀的綜合設計維他命。
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
商業簡報不僅僅是呈現數據，更需要深入瞭解數據分析及有效的工具運用。本文探討於Excel中使用不同函數來改善數據處理效率，包括IF、IFS、VLOOKUP、XLOOKUP及INDEX與MATCH的結合，幫助商業人士更好地從數據中提取洞見，助力業務增值，學習優化數據分析過程，讓您的商業簡報更具影響力。
Power BI 是微軟開發的商業智能工具，專為數據可視化和分析設計。它能整合多種數據來源，並將數據轉化為互動式圖表和報表。支持即時更新的儀表板和自然語言查詢，讓用戶快速獲取洞察。其協作和分享功能方便團隊合作，而移動應用支持隨時隨地訪問數據。可以幫助企業做出數據驅動的決策，提高業務效率和競爭力。
全書主旨用圖表說好故事、強調有條理的重要性，以五個章節著重視覺呈現與表達，從各種視覺元素圖表的說明、視覺認知的去蕪存菁，到以整體設計師思維檢視圖表呈現，再以範例解析何謂美、接受度高的圖表。最後幾章節則組織整份簡報，教讀者怎麼說故事、怎麼編排敘事架構，並附上實際改造前後的案例，讓讀者從頭到尾一氣呵成。
分享這本作者公開金融時報資料視覺化經驗與知識的精華，也加上過往分析的經驗，並整理了視覺化辭典之各視覺化工具做法的資訊統整，跟大家分享交流這本好書。
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】
EXCEL中橫條圖（又稱橫向條形圖）是一種常用的圖表類型，用於以視覺化的方式表示數據。它主要用來比較不同類別之間的數據量。每個類別都有一條水平的條形，以代表該類別的數據值。這種圖表通常適合比較不同類別之間的差異。
Tableau是一款數據視覺化工具，目的在於簡化數據分析和決策過程。通過直觀的可視化介面，讓人們無需編程也能進行數據探索和分析。支持多種數據源，包括Excel、SQL數據庫等，透過拖放操作創建圖表和儀表板，分享洞察見解。幫助使用者和組織更加數據驅動，優化決策和業務流程
資訊圖表是一種將數據以視覺化形式呈現的工具，但在創建和解讀資訊圖表時，需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤，包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表，並鼓勵讀者聰明解讀圖表。
本書融合麥肯錫和BCG的思維策略，提供豐富的企業實例，並引導讀者使用PEST分析法、SWOT分析法等思考工具，幫助他們從框架中找出問題本質，並以創造力與聯想力創造價值。
對於許多企業而言，試算表是日常業務和決策過程中不可或缺的工具。它們被用於各種目的，從財務預算和盈虧分析到庫存管理和客戶數據記錄。然而，隨著業務的發展和數據量的增加，許多人會發現自己面臨著試算表管理和維護的挑戰，這些挑戰可能妨礙效率、準確性和生產力。
1. 數據管理的繁瑣性
試算表中數據的輸入
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
商業簡報不僅僅是呈現數據，更需要深入瞭解數據分析及有效的工具運用。本文探討於Excel中使用不同函數來改善數據處理效率，包括IF、IFS、VLOOKUP、XLOOKUP及INDEX與MATCH的結合，幫助商業人士更好地從數據中提取洞見，助力業務增值，學習優化數據分析過程，讓您的商業簡報更具影響力。
Power BI 是微軟開發的商業智能工具，專為數據可視化和分析設計。它能整合多種數據來源，並將數據轉化為互動式圖表和報表。支持即時更新的儀表板和自然語言查詢，讓用戶快速獲取洞察。其協作和分享功能方便團隊合作，而移動應用支持隨時隨地訪問數據。可以幫助企業做出數據驅動的決策，提高業務效率和競爭力。
全書主旨用圖表說好故事、強調有條理的重要性，以五個章節著重視覺呈現與表達，從各種視覺元素圖表的說明、視覺認知的去蕪存菁，到以整體設計師思維檢視圖表呈現，再以範例解析何謂美、接受度高的圖表。最後幾章節則組織整份簡報，教讀者怎麼說故事、怎麼編排敘事架構，並附上實際改造前後的案例，讓讀者從頭到尾一氣呵成。
分享這本作者公開金融時報資料視覺化經驗與知識的精華，也加上過往分析的經驗，並整理了視覺化辭典之各視覺化工具做法的資訊統整，跟大家分享交流這本好書。
【特殊圖表教學目錄傳送門 : EXCEL特殊圖表大合輯 | 持續更新中】
EXCEL中橫條圖（又稱橫向條形圖）是一種常用的圖表類型，用於以視覺化的方式表示數據。它主要用來比較不同類別之間的數據量。每個類別都有一條水平的條形，以代表該類別的數據值。這種圖表通常適合比較不同類別之間的差異。
Tableau是一款數據視覺化工具，目的在於簡化數據分析和決策過程。通過直觀的可視化介面，讓人們無需編程也能進行數據探索和分析。支持多種數據源，包括Excel、SQL數據庫等，透過拖放操作創建圖表和儀表板，分享洞察見解。幫助使用者和組織更加數據驅動，優化決策和業務流程
資訊圖表是一種將數據以視覺化形式呈現的工具，但在創建和解讀資訊圖表時，需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤，包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表，並鼓勵讀者聰明解讀圖表。
本書融合麥肯錫和BCG的思維策略，提供豐富的企業實例，並引導讀者使用PEST分析法、SWOT分析法等思考工具，幫助他們從框架中找出問題本質，並以創造力與聯想力創造價值。
對於許多企業而言，試算表是日常業務和決策過程中不可或缺的工具。它們被用於各種目的，從財務預算和盈虧分析到庫存管理和客戶數據記錄。然而，隨著業務的發展和數據量的增加，許多人會發現自己面臨著試算表管理和維護的挑戰，這些挑戰可能妨礙效率、準確性和生產力。
1. 數據管理的繁瑣性
試算表中數據的輸入