资料视觉化的类型与案例-FINDIT.PDF

彭其捷 資料視覺化的類型與案例 作者介紹 彭其捷鑽研網路服務多年，出版過 3 本 UX 使用者經驗專書， 曾大量接觸設計、工程，使用者體驗等相關工作，近年因大數據 物 聯網概念蓬勃發展，觀察到越來越多數據導向的服務興起。然而，艱 澀的數據需要良好的設計輔助，才能創造良好的閱讀體驗，其中特別 依賴資料視覺化的相關能力。因此，本專欄特別針對各類網路服務的 資料呈現提出美學觀點，分享一些國內外資料視覺化的概念、工具與 案例。 系列文章介紹 FINDIT的目標是『發現趨勢，看見未來』，事實上，眾多的趨勢 就隱藏在眾多的數據當中，等待著人們去發現、去解讀。透過『資料 視覺化』的輔助，能夠把冷冰冰的數據圖像化，協助人們掌握趨勢， 更能夠協助新創企業在創新創業過程中找出正確方向，或是幫助投資 人找到潛在投資標的，是一項強大的武器。 本系列文章將從資料視覺化的概念開始著手，之後會陸續分享視 覺化的經典案例，相關工具介紹等等，希望讀者們能夠在大數據時代， 透過視覺化的輔助，說出好的故事。 圖片可以替代千言萬語早已是確認的事情 同樣的，一張圖片也可以取代裝滿數字的表格 - From 『視覺資訊的力量 』 無庸置疑的，人類是視覺性的生物，視覺對資訊的反應速度是最 快的，人們每天透過 Web / 報紙 / 廣告招牌吸收著大量的資訊，讓 人們都變成了視覺導向的人，視覺資訊就好像施了魔法一般，輕易的、 不知不覺間注入我們腦中。 因此，我們如果想要傳遞知識，如果讓對象直接看數字本身，很 容易只是一堆的數字跟不相干的線索，但如果是用整理後的資訊圖表 來傳達，許多有趣的事件都會浮出來。資料視覺化解決了人們對於資 訊吸收困難的問題，即使是龐大、可怕的資訊，一旦改造成為美麗的 視覺，或是消化為清楚的摘要資訊，將能大大幫助人們快速理解。 在上一個月份的『資料視覺化，探索未來的秘密武器 』的主題中， 我們已經針對視覺化的原因與概念做了說明，這個月的主題我們將會 分享一些資料視覺化的類型與案例，本章會說明這些圖表類型的差異， 並搭配案例輔助說明。 資料視覺化的類型 網路上有各式各樣的資訊圖表，從系統後台到行銷報告等等，然 而，並不是每張資料視覺化都能得到關注，很有可能的原因是選錯了 視覺圖表類型，例如想要強調關聯關係，卻誤用了擅長表達階層關係 的圖表，而導致讀者解讀資訊的失誤。 本篇文章根據資料視覺化的類型，整理了以下用途表單，共 15 種類型，適用於不同的情境當中，各位可以根據需求進行挑選。本處 所說的『情境』舉例像是『資訊本體』、『對象』等等 ，也就是說，隨 著我們想要傳達的資訊內容不同，同樣的資料，如果受眾對象不同， 或想要強調的資訊不同等等，都可以透過不同類型的圖表進行表達。 表1 ：資料視覺化的15種目標分類 圖表目標 常見圖表 說明 表達關聯關係 網絡關係圖、泡泡圖、 表達兩者或是多個項目之間的關聯性 類神經圖 表達順序性 流程圖、操作順序書、強調項目之間的順序，此處不一定是時間的 甘特圖、決策樹 順序，也可能是步驟的順序，或是位置的順序 等等 表達時間序列時間軸圖表、折線圖、 同樣是強調順序，但此處指的是時間序列的 關係 散佈圖、月曆圖 順序，單位隨使用情境也會有差異，像是以 年/月日/ 秒/ 或是更小的單位 表達國家或地 世界地圖、熱點地圖 通常用世界地圖或是地區圖來表達，能夠清 區關係 楚看出區域與區域之間的差異性 表達街道資訊 Web Map 、街道圖 更細緻到街道的資訊視覺，通常能夠看出街