如何設(shè)計成功而有價值的數(shù)據(jù)可視化？

人人都是產(chǎn)品經(jīng)理 ? 8年前掃碼分享

我是創(chuàng)始人李巖：很抱歉！給自己產(chǎn)品做個廣告，點擊進(jìn)來看看。

可視化能將不可見的數(shù)據(jù)現(xiàn)象轉(zhuǎn)化為可見的圖形符號，能將錯綜復(fù)雜、看起來沒法解釋和關(guān)聯(lián)的數(shù)據(jù)，建立起聯(lián)系和關(guān)聯(lián)，發(fā)現(xiàn)規(guī)律和特征，獲得更有商業(yè)價值的洞見和價值。

what：什么是數(shù)據(jù)可視化？

塔夫特所說：

圖形表現(xiàn)數(shù)據(jù)。實際上比傳統(tǒng)的統(tǒng)計分析法更加精確和有啟發(fā)性。

對于廣大的編輯、設(shè)計師、運(yùn)營分析師、大數(shù)據(jù)研究者等等都需要從不同維度、不同層面、不同粒度的數(shù)據(jù)處理統(tǒng)計中，借助圖表和信息圖的方式為用戶（只獲得信息）、閱讀者（消費信息）及管理者（利用信息進(jìn)行管理和決策）呈現(xiàn)不同于表格式的分析結(jié)果。數(shù)據(jù)可視化技術(shù)綜合運(yùn)用計算機(jī)圖形學(xué)、圖像、人機(jī)交互等，將采集、清洗、轉(zhuǎn)換、處理過的符合標(biāo)準(zhǔn)和規(guī)范的數(shù)據(jù)映射為可識別的圖形、圖像、動畫甚至視頻，并允許用戶與數(shù)據(jù)可視化進(jìn)行交互和分析。而任何形式的數(shù)據(jù)可視化都會由豐富的內(nèi)容、引人注意的視覺效果、精細(xì)的制作三個要素組成，概括起來就是新穎而有趣、充實而高效、美感且悅目三個特征。

why：為什么要進(jìn)行數(shù)據(jù)可視化？

無論是哪種職業(yè)和應(yīng)用場景，數(shù)據(jù)可視化都有一個共同的目的，那就是準(zhǔn)確而高效、精簡而全面地傳遞信息和知識?？梢暬軐⒉豢梢姷臄?shù)據(jù)現(xiàn)象轉(zhuǎn)化為可見的圖形符號，能將錯綜復(fù)雜、看起來沒法解釋和關(guān)聯(lián)的數(shù)據(jù)，建立起聯(lián)系和關(guān)聯(lián)，發(fā)現(xiàn)規(guī)律和特征，獲得更有商業(yè)價值的洞見和價值。并且利用合適的圖表直截了當(dāng)且清晰而直觀地表達(dá)出來，實現(xiàn)數(shù)據(jù)自我解釋、讓數(shù)據(jù)說話的目的。而人類右腦記憶圖像的速度比左腦記憶抽象的文字快100萬倍。因此，數(shù)據(jù)可視化能夠加深和強(qiáng)化受眾對于數(shù)據(jù)的理解和記憶。

how：如何實現(xiàn)可靠的數(shù)據(jù)可視化

數(shù)據(jù)可視化包括數(shù)據(jù)的采集、分析、治理、管理、挖掘在內(nèi)的一系列復(fù)雜數(shù)據(jù)處理，然后由設(shè)計師設(shè)計一種表現(xiàn)形式，或許是二維圖表、三維立體視圖，不管是什么樣的信息圖，最后由前端工程師創(chuàng)建對應(yīng)的可視化算法及前端渲染和展現(xiàn)的實現(xiàn)。如果僅僅是能夠?qū)?shù)據(jù)轉(zhuǎn)化成漂亮的圖表，設(shè)計出固定維度、不同式樣的圖表來解釋你的觀點，并不說明這樣的結(jié)局就足夠好。這只是一個簡單的開始，只是一個美好愿望的萌芽。如果要成功報告結(jié)果，將你所分析的度量和數(shù)據(jù)有效地轉(zhuǎn)化為有商業(yè)價值的見解，使其能夠為基于事實所做的決策提供支持，那么還需要做更多的功課。

色彩提升信息可視化的視覺效果。在信息可視化通過造型元素明確傳達(dá)信息及敘述的基礎(chǔ)上，把握好視覺元素中色彩的運(yùn)用，使圖形變得更加生動、有趣，信息表達(dá)得更加準(zhǔn)確和直觀。色彩可以幫助人們對信息進(jìn)行深入分類，強(qiáng)調(diào)和淡化、生動而有趣的可視化作品的表現(xiàn)形式，常常給受眾帶來視覺效果上的享受。當(dāng)然，視覺效果要將企業(yè)品牌的色調(diào)融合進(jìn)去，和企業(yè)的品牌文化保持高度的一致，這是一個最基本的常識。比如，如果企業(yè)的品牌色調(diào)比較熱衷紅色，你設(shè)計的可視化效果，就要有意識地朝著這個基調(diào)靠攏。但沒有必要吻合，因為紅色的可視化效果，通常都包含警示的韻味，所以，紅色適合做預(yù)警、提醒和突出信息的功能。

排版布局增強(qiáng)信息可視化的敘事性。我有酒，你有故事嗎？排版布局四大基本原則：

對比（Contrast）：如果兩個項不完全相同，就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。
重復(fù)（Repetition）：設(shè)計的某些方面在整個作品中重復(fù)。
對齊（Alignment）：任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。
親密性（Proximity）：將相關(guān)的項組織在一起，使它們的物理位置相互靠近相關(guān)的項將被看作凝聚為一體的一個組。

動態(tài)增加信息可視化的視覺體驗。在信息可視化的視覺表達(dá)中，動態(tài)地將相互分離的各種信息傳播形式有機(jī)地融合在一起，進(jìn)行有關(guān)聯(lián)、有節(jié)奏的信息處理、傳輸和實現(xiàn)。最終的目的是，為了實現(xiàn)數(shù)據(jù)之間的聯(lián)動，解釋數(shù)據(jù)表現(xiàn)之間驅(qū)動和聯(lián)系的關(guān)系。通過圖表樣式和色彩的運(yùn)動，滿足受眾的視覺感受，同時將信息內(nèi)容更加深刻而精簡地傳達(dá)給閱讀者，使整個信息傳達(dá)的過程更加輕松便捷。對于數(shù)據(jù)可視化有諸多工具，如：ECharts、iCharts、D3js、Flot、Rapha?l等功能都十分強(qiáng)大，但對于非專業(yè)可視化而又經(jīng)常與圖表打交道的職場人士來說，一款輕便易學(xué)而又實用的可視化軟件則顯得十分重要。比如cognos、tebleue等。如果需要展現(xiàn)的數(shù)據(jù)結(jié)構(gòu)不是特別復(fù)雜，而又要把數(shù)據(jù)展現(xiàn)的絢麗多彩，而且具有交互性，那么水晶易表是不二之選。

1．誰是你的閱讀者？

無論你是否在做一份傳統(tǒng)的報表還是新式的信息圖，首先問問自己有哪些閱讀者看到這份報告？他們對將要討論的事項了解多少？他們需要什么？、還有，他們會如何利用你要展示的信息和數(shù)據(jù)呢？而我之前講過，明確清晰的分析目標(biāo)和方法會有多重要，因為只有明確分析目標(biāo)，才能有一個良好的驅(qū)動過程。無論是目標(biāo)驅(qū)動還是分析過程驅(qū)動，后續(xù)的數(shù)據(jù)分析工作和分析報告里所要呈現(xiàn)的全部內(nèi)容事項都是緊緊圍繞著這個目標(biāo)主題而服務(wù)的。

2．規(guī)劃數(shù)據(jù)可視化方案

數(shù)據(jù)可視化方案，是一定是能夠解決用戶特定問題的。既然是能夠解決用戶特定的問題，那么這樣的高度，是在基于你在深入地理解了這些數(shù)據(jù)的現(xiàn)象和本質(zhì)的基礎(chǔ)之上。簡單來說，就是你的可視化方案，不僅懂得并且能夠很好地解釋數(shù)據(jù)分析的結(jié)論、信息和知識。并且管理者能夠沿著你規(guī)劃的可視化路徑能夠迅速地找到和發(fā)現(xiàn)決策之道。

舉例來說，當(dāng)企業(yè)的業(yè)績不達(dá)標(biāo)時（企業(yè)的業(yè)績是否達(dá)標(biāo)，關(guān)系到企業(yè)最關(guān)鍵的利益和存亡。）可視化方案的設(shè)計路徑應(yīng)該是這樣的：

Step1，從整體運(yùn)營出發(fā)，明確有哪些關(guān)鍵因素會影響成交和業(yè)績。

比如：有效名單、demo品質(zhì)、客服服務(wù)、產(chǎn)品屬性等，相應(yīng)地去看這些關(guān)鍵因素對應(yīng)的KPI的表現(xiàn)，對整體的業(yè)績來講，這些因素都會是驅(qū)動因素，這些因素對應(yīng)的KPI都會是對STV有直接驅(qū)動和影響作用的。這些驅(qū)動數(shù)據(jù)的可視化是基礎(chǔ)，也是尋找解決方案最終的出發(fā)點和落腳點。因為，這些數(shù)據(jù)的表現(xiàn)，是關(guān)乎運(yùn)營成功與否的最直接視圖。

Step2，對關(guān)鍵因素深入分析確定是什么因素導(dǎo)致了業(yè)績沒達(dá)成，發(fā)現(xiàn)和挖掘?qū)е聵I(yè)績未達(dá)標(biāo)的根本原因和問題。

比如：

對比分析，逐一觀測201601月-201612月全部關(guān)鍵因素對應(yīng)的KPI的表現(xiàn)，對比成交業(yè)績最高的月份和成交業(yè)績最差月份的關(guān)鍵因素對應(yīng)的KPI差異在哪里，能夠快速定位出哪些方面、哪些因素導(dǎo)致業(yè)績未達(dá)標(biāo)。然后能夠有針對性地驅(qū)動和幫助業(yè)務(wù)部門去改善。
追蹤對成交和業(yè)績有驅(qū)動和改善的行動方案的落地和實施進(jìn)度，存在什么樣的問題，是否存在行動方案的執(zhí)行不力影響了業(yè)績達(dá)標(biāo)。

Step3，針對這些問題因素，有的放矢地去做改善和探索提升業(yè)績之道。

否則，設(shè)計再商業(yè)絢麗的可視化圖表，如果不能快速地得到信息和商業(yè)決策建議和方案就毫無意義?？梢暬瘍H僅成了虛假和欺騙，華麗而不務(wù)實的結(jié)果。基于準(zhǔn)備好的全部的這些問題所得出的答案，就要開始定制你的數(shù)據(jù)可視化方案以滿足每個決策者的特定要求。數(shù)據(jù)可視化始終都應(yīng)該是為其受眾專門定制的，這樣的報告里只應(yīng)包括受眾需要知道的信息，且應(yīng)將這些信息置于和他們有關(guān)并對他們有意義的背景下。

3．給數(shù)據(jù)可視化一個清晰的標(biāo)題。

當(dāng)你的報告像一份報紙、雜志的新聞一樣。從這個標(biāo)題，就能給閱讀者強(qiáng)烈的沖擊。一個清晰的標(biāo)題是能夠很好地闡釋報告和故事的主題，是對整個報告和故事概括的信息。當(dāng)然，并不是鼓勵運(yùn)營分析人員去做“標(biāo)題黨”。好的標(biāo)題，既不要模棱兩可，也不要畫蛇添足，只要解釋清楚圖表即可。這有助于幫受眾直接進(jìn)入主題。這樣能讓讀者大致瀏覽文件，并能快速抓住核心所在。盡量讓你的標(biāo)題突出。

4．將數(shù)據(jù)可視化和你的策略、方案聯(lián)系起來

如果數(shù)據(jù)可視化的目的在于介紹能解決具體的、可衡量的、可執(zhí)行的、有相關(guān)性和時效性問題的數(shù)據(jù)，那就在開場白里加上這些問題。稍后再和你的策略連接起來以理清這些數(shù)據(jù)的定位，因此，讀者便能立刻明白可視化數(shù)據(jù)的相關(guān)性和價值。最終，他們便能更好地參與進(jìn)來，并能夠更明智地利用這些信息。數(shù)據(jù)可視化，最終時為了企業(yè)良好的運(yùn)營而服務(wù)的，這是它的商業(yè)價值。如果你不關(guān)注企業(yè)的戰(zhàn)略和行動方案，很難建立起具有聯(lián)動價值的信息圖。比如，企業(yè)執(zhí)行的行動方案，通常是為了達(dá)成和實現(xiàn)企業(yè)的戰(zhàn)略目標(biāo)，通過這樣的手段實現(xiàn)精益管理和精益運(yùn)營。所以，可視化的解決方案要能夠做到，行動方案對戰(zhàn)略目標(biāo)的驅(qū)動效果、個體、團(tuán)隊對部門整體指標(biāo)、KPI的驅(qū)動和影響效果。只有建立起來具有聯(lián)系的信息視圖，才會獲得有價值的數(shù)據(jù)可視化。

5．明智地選擇你的展示圖表。

不管使用哪一類圖表，bar圖、折線圖、雷達(dá)圖等等，每一種圖表都有它自身的優(yōu)點和局限性。你無法找到完美的可視化圖表。但你可以通過嘗試混合展現(xiàn)方式讓可視化表現(xiàn)再人性化一點點。所以的可視化效果，都應(yīng)該盡可能簡單精準(zhǔn)地傳達(dá)訊息。這就意味著：不論有多新潮、多好看或者多絢麗，這都不是設(shè)計數(shù)據(jù)可視化的初衷。誠然，我們在持續(xù)地并且永不滿足地追求數(shù)據(jù)之美。但最佳的平衡點在于，用合適的數(shù)據(jù)可視化開闡釋恰到好處的信息和知識的價值之美。

只用有關(guān)聯(lián)能傳達(dá)重要信息的且為你的受眾所需要的圖形。
無需填滿頁面的所有空白——太多雜亂的內(nèi)容只會干擾對重要信息的接收，會讓人太難記住，又太容易忽略。
恰當(dāng)運(yùn)用色彩，增加信息深度。同時要注意有些色彩具備潛在含義。舉例來說，紅色被認(rèn)為是代表警告或危險的顏色。適合預(yù)警額。
不要使用太多不同類的圖表、表格和圖形。如果需要對比各種圖表，要確保你闡述數(shù)據(jù)時使用的是同類的圖表，這樣才能便于互相比較。

6．在恰當(dāng)處備注文字說明

文字說明有助于用語言解釋數(shù)據(jù)，并能在情境化圖表的同時增加內(nèi)容的深度。數(shù)字和表格或許僅能提供快照，而文字說明則讓人對關(guān)鍵處了解更多，加以評論并強(qiáng)調(diào)其內(nèi)涵。引導(dǎo)觀看者去思考圖形的主題，而不是方法論、圖形設(shè)計、圖形生成或其他東西。