編輯導語：互聯網時代，都在強調數據分析的重要性，但是干巴巴的數據沒人愛看，數據可視化才能夠直觀地展現我們所要表達的要點。作者總結了四個方面的數據可視化要點，與你分享。
你是不是經常遇到這樣的場景：
- “小王，公司打算做個會客廳來接待領導和客戶，老板想做個大屏來展示公司形象，你做一個。”
- “小李，張總不太習慣看 PC 報表，你牽頭設計一個移動端儀表盤，方便張總及時掌握公司業務經營情況。”
- “小劉，最近蠻多客戶反映后臺數據分析粒度不夠，你優化一下。”
- …
如今，不管互聯網公司還是傳統行業，大家都認識到了數據的重要性，老板們對“簡單直觀地看數據”的需求愈發強烈，而且隨著大數據建設的如火如荼，別講底層技術和算法牛逼，最終的效率提升、業績提升都是要通過數據展示出來的，這更成就了可視化在數據應用的地位。
我們今天就來聊聊數據可視化！
一、什么是數據可視化？
首先，我們先問一個問題，什么是數據可視化？
數據可視化是數據應用的一種形式，是滿足用戶需求的一種手段，直白點說就是將數據圖形化、圖表化以良好的視覺效果呈現，達到發現、分析、預測、監控、決策等目的。
那問題又來了，為什么要做數據可視化呢？
大家都聽說過“一圖勝千言”，這是有腦科學依據的。大腦里面處理跟視覺相關的區域特別多，枕葉、頂葉……
所以人的大腦對圖像更敏感，效率更高、更直觀。我們看一個例子：
2020 年 12 月，成都20歲女生確診行程，下圖1 是官方公布，下圖2是網友做的行程軌跡，不做道德評判，從信息獲取效率上，第二張清晰高效。
做好數據可視化的要點又是什么呢？我認為可視化要點有 3 個：邏輯清晰、表達精準、設計簡潔，做到這三點成品絕對不會差。
邏輯清晰。數據可視化一定要確認好內容動線，做到邏輯嚴密，結構清晰。
表達精準。數據準確、選擇正確的圖表，表達合適的信息，一看就懂理解毫無歧義。
設計簡潔。可視化的重點不是好看，而是突出重點，簡潔美觀。圖表各元素，布局、坐標、單位、圖例、交互適中展示，不要過度設計。
二、可視化的常見形式
1. 大屏/dashboard
多見于展廳、監控中心，一般適用于實時監控預警、信息展示等場景。如下圖是數據資產大屏原型示例。
2. 看板/儀表盤
多見于管理后臺、數據看板，比如公眾號管理后臺、ERP數據看板。如下圖是抖音創作者畫像原型示例。
3. 報表
多見于專題分析、管理報表，主要以多維表格為準，會輔以簡單圖形或篩選器。如下圖是網易有數的作品案例。
像健身 app 記錄體重變化、運動記錄、金融理財產品展示股票價格走勢，都是移動端可視化場景，和 PC 的差異在要更注意在有限的顯示區域展示信息。如下圖是華為運動健康步數統計。
移動端
三、工具介紹
1. Excel 是 yyds 永遠的神
Excel，對！就是大家熟悉的 office 套件，excel玩得好，什么圖都能出，比如這個經典的經濟學人【2014年世界選舉事件表】，是一組呈圓環式分布的散點圖，從12點鐘位置開始依次標示了1-12月份各國的主要選舉事件。
而這個圖表就可以通過excel【圓環圖 餅圖 散點圖】，圓環圖負責顯示月份標簽，隱藏的餅圖負責顯示國家標簽，散點圖負責顯示周的散點。數據標簽呈射線狀和切線狀對齊的方式，可以采用宏理順標簽角度的技巧。
如下圖：發表自《經濟學人》2014年刊，名為【2014年世界選舉事件表】。
2. 編程語言工具
R的ggplot2包，Python的Plotly、matplotlib、altair等。
3. 前端組件/工具
常規Echarts、AntV、D3.js、highcharts、國內用Echarts、AntV足夠了，開源免費。
英文好可以用 highcharts，要注意商用付費。追求自由度，前幾個搞不定的圖可以用D3，當然學習成本會高些。
AntV 的文檔不錯，極力推薦，從可視化的歷史、設計理念、圖表設計指引應有盡有。
墨者學院：https://www.yuque.com/mo-college，阿里AntV團隊創建的數據可視化社區。
地圖：百度地圖開放平臺、高德開放地圖。
4. BI工具
主流：Tableau、PowerBI、帆軟、永洪。
如果是學習，Tableau、PowerBI任選一個就行，BI工具的核心都差不多，兩個都很經典，均可玩可研究。如果公司選型，國產的帆軟和永洪可以納入考慮。
其它也有很多啦，比如阿里Datav、百度圖說、騰訊小馬BI、網易有數、BDP等等，可以選擇公司云服務服務商的產品。
四、可視化的設計流程和規范
設計流程數據可視化產品的流程，跟其它的產品設計流程相似。
一般可分為4步：需求確認—產品設計—視覺設計—調整開發及上線。
- 需求確認首先確認三要素，用戶、場景和需求，包括展示終端類型，PC端、移動端、大屏，比如大屏還需要確認屏類型、物理尺寸和視頻輸出分辨率等。
- 產品設計產品設計部分包括：設計尺寸、布局、模塊劃分、數據內容、圖表選擇。這也是可視化設計效果的決定環節。
- 視覺設計視覺設計部分包括：風格主題、顏色設計、視覺交互（特效、篩選、鉆取、聯動）、圖表細節調整（標題、軸、圖形、圖例、標簽、提示信息），一般會由專業的設計師來做，產品給出建議。
- 調整開發及上線設計完成，到開發階段。開發包括前端開發、后臺開發、數據開發，調整包括顏色適配、數據是否滿足有無異常值需要處理、真實數據用預想圖形展示是否合適…….
需要注意的是：數據可視化是需要真實的數據來驗證圖形設計是否合適的，請大家一定要有心理預期且留足調整時間。
我們再來聊聊圖表構成元素。
圖表構成元素是門學問，本文以三張圖為大家簡單介紹，后續有機會我們再詳細展開。
1. 圖形構成
作者：設計師@JQ design
上面是一個很全的圖表結構元素說明圖，一般在使用過程中，會根據場景去選擇刪減一些元素。
比較重要的元素有：標題、圖例、圖形、坐標軸、單位、標簽。
2. 表格構成
作者：B端產品體驗設計師@Nick
表格整體可分為：功能區和內容區，功能區即上圖的外部，會承載Tab切換、篩選、搜索、導入導出等功能。內容區即上圖的內部，也就是數據主體部分。
3. 圖表選擇指南
國外專家Andrew Abela整理的圖表類型選擇指南。
這是國外專家Andrew Abel整理的圖表類型選擇指南，也是可視化方向一張經典的圖。將數據關系分成了比較、分布、構成、聯系 4 種類型，幫助我們去選擇合適的圖表。
針對不同的類型，還可以繼續向下細分選擇，這張圖大家可以仔細研究。
我寫完了，你有什么問題？歡迎留言交流呀！等你喲！
五、寫在最后
數據是服務業務的，無論以什么方式展示數據，最終可視化的設計也要回到用戶、場景、需求上，清晰、有效的達成目的。
本文由 @申墨揚 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基于CCO協議
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。