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

[what]什么是數(shù)據(jù)可視化仅政?

塔夫特所說垢油,“圖形表現(xiàn)數(shù)據(jù)。實(shí)際上比傳統(tǒng)的統(tǒng)計(jì)分析法更加精確和有啟發(fā)性圆丹√渤睿”對(duì)于廣大的編輯、設(shè)計(jì)師辫封、運(yùn)營(yíng)分析師硝枉、大數(shù)據(jù)研究者等等都需要從不同維度、不同層面倦微、不同粒度的數(shù)據(jù)處理統(tǒng)計(jì)中妻味,借助圖表和信息圖的方式為用戶(只獲得信息)、閱讀者(消費(fèi)信息)及管理者(利用信息進(jìn)行管理和決策)呈現(xiàn)不同于表格式的分析結(jié)果欣福。數(shù)據(jù)可視化技術(shù)綜合運(yùn)用計(jì)算機(jī)圖形學(xué)责球、圖像、人機(jī)交互等拓劝,將采集雏逾、清洗、轉(zhuǎn)換郑临、處理過的符合標(biāo)準(zhǔn)和規(guī)范的數(shù)據(jù)映射為可識(shí)別的圖形栖博、圖像、動(dòng)畫甚至視頻厢洞,并允許用戶與數(shù)據(jù)可視化進(jìn)行交互和分析仇让。而任何形式的數(shù)據(jù)可視化都會(huì)由豐富的內(nèi)容、引人注意的視覺效果躺翻、精細(xì)的制作三個(gè)要素組成丧叽,概括起來就是新穎而有趣、充實(shí)而高效公你、美感且悅目三個(gè)特征蠢正。

[why]為什么要進(jìn)行數(shù)據(jù)可視化?

無論是哪種職業(yè)和應(yīng)用場(chǎng)景省店,數(shù)據(jù)可視化都有一個(gè)共同的目的嚣崭,那就是準(zhǔn)確而高效、精簡(jiǎn)而全面地傳遞信息和知識(shí)懦傍”⒁ǎ可視化能將不可見的數(shù)據(jù)現(xiàn)象轉(zhuǎn)化為可見的圖形符號(hào),能將錯(cuò)綜復(fù)雜粗俱、看起來沒法解釋和關(guān)聯(lián)的數(shù)據(jù)说榆,建立起聯(lián)系和關(guān)聯(lián),發(fā)現(xiàn)規(guī)律和特征寸认,獲得更有商業(yè)價(jià)值的洞見和價(jià)值签财。并且利用合適的圖表直截了當(dāng)且清晰而直觀地表達(dá)出來,實(shí)現(xiàn)數(shù)據(jù)自我解釋偏塞、讓數(shù)據(jù)說話的目的唱蒸。而人類右腦記憶圖像的速度比左腦記憶抽象的文字快100萬倍。因此灸叼,數(shù)據(jù)可視化能夠加深和強(qiáng)化受眾對(duì)于數(shù)據(jù)的理解和記憶神汹。

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

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

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

排版布局增強(qiáng)信息可視化的敘事性筹淫。我有酒站辉,你有故事嗎?排版布局四大基本原則:

(1)對(duì)比(Contrast): 如果兩個(gè)項(xiàng)不完全相同损姜,就應(yīng)當(dāng)使之不同饰剥,而且應(yīng)當(dāng)是截然不同。

(2)重復(fù)(Repetition):設(shè)計(jì)的某些方面在整個(gè)作品中重復(fù)摧阅。

(3)對(duì)齊(Alignment):任何元素都不能在頁面上隨意安放汰蓉。每一項(xiàng)都應(yīng)當(dāng)與頁面上的某個(gè)內(nèi)容存在某種視覺聯(lián)系。

(4)親密性(Proximity):將相關(guān)的項(xiàng)組織在一起棒卷,使它們的物理位置相互靠近相關(guān)的項(xiàng)將被看作凝聚為一體的一個(gè)組顾孽。

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

1.誰是你的閱讀者?

無論你是否在做一份傳統(tǒng)的報(bào)表還是新式的信息圖抄瑟,首先問問自己有哪些閱讀者看到這份報(bào)告凡泣?他們對(duì)將要討論的事項(xiàng)了解多少?他們需要什么皮假?鞋拟、還有,他們會(huì)如何利用你要展示的信息和數(shù)據(jù)呢惹资?而我在《一份靠譜的數(shù)據(jù)分析報(bào)告都有什么套路贺纲?》里講過,明確清晰的分析目標(biāo)和方法會(huì)有多重要褪测,因?yàn)橹挥忻鞔_分析目標(biāo)猴誊,才能有一個(gè)良好的驅(qū)動(dòng)過程。無論是目標(biāo)驅(qū)動(dòng)還是分析過程驅(qū)動(dòng)汰扭,后續(xù)的數(shù)據(jù)分析工作和分析報(bào)告里所要呈現(xiàn)的全部?jī)?nèi)容事項(xiàng)都是緊緊圍繞著這個(gè)目標(biāo)主題而服務(wù)的稠肘。

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

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

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

Step1,從整體運(yùn)營(yíng)出發(fā)辫塌,明確有哪些關(guān)鍵因素會(huì)影響成交和業(yè)績(jī)漏策。

比如:有效名單、demo品質(zhì)臼氨、客服服務(wù)掺喻、產(chǎn)品屬性等,相應(yīng)地去看這些關(guān)鍵因素對(duì)應(yīng)的KPI的表現(xiàn)储矩,對(duì)整體的業(yè)績(jī)來講感耙,這些因素都會(huì)是驅(qū)動(dòng)因素,這些因素對(duì)應(yīng)的KPI都會(huì)是對(duì)STV有直接驅(qū)動(dòng)和影響作用的持隧。這些驅(qū)動(dòng)數(shù)據(jù)的可視化是基礎(chǔ)即硼,也是尋找解決方案最終的出發(fā)點(diǎn)和落腳點(diǎn)。因?yàn)橛吆@些數(shù)據(jù)的表現(xiàn)谦絮,是關(guān)乎運(yùn)營(yíng)成功與否的最直接視圖。

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

比如:

1赠潦、對(duì)比分析叫胖,逐一觀測(cè)201601月-201612月全部關(guān)鍵因素對(duì)應(yīng)的KPI的表現(xiàn),對(duì)比成交業(yè)績(jī)最高的月份和成交業(yè)績(jī)最差月份的關(guān)鍵因素對(duì)應(yīng)的KPI差異在哪里她奥,能夠快速定位出哪些方面瓮增、哪些因素導(dǎo)致業(yè)績(jī)未達(dá)標(biāo)。然后能夠有針對(duì)性地驅(qū)動(dòng)和幫助業(yè)務(wù)部門去改善哩俭。

2绷跑、追蹤對(duì)成交和業(yè)績(jī)有驅(qū)動(dòng)和改善的行動(dòng)方案的落地和實(shí)施進(jìn)度,存在什么樣的問題凡资,是否存在行動(dòng)方案的執(zhí)行不力影響了業(yè)績(jī)達(dá)標(biāo)砸捏。

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

否則梆暖,設(shè)計(jì)再商業(yè)絢麗的可視化圖表,如果不能快速地得到信息和商業(yè)決策建議和方案就毫無意義掂骏『洳担可視化僅僅成了虛假和欺騙,華麗而不務(wù)實(shí)的結(jié)果弟灼〖督猓基于準(zhǔn)備好的全部的這些問題所得出的答案,就要開始定制你的數(shù)據(jù)可視化方案以滿足每個(gè)決策者的特定要求田绑。數(shù)據(jù)可視化始終都應(yīng)該是為其受眾專門定制的饰躲,這樣的報(bào)告里只應(yīng)包括受眾需要知道的信息誓禁,且應(yīng)將這些信息置于和他們有關(guān)并對(duì)他們有意義的背景下。

3.給數(shù)據(jù)可視化一個(gè)清晰的標(biāo)題百宇。

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

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

如果數(shù)據(jù)可視化的目的在于介紹能解決具體的、可衡量的咸包、可執(zhí)行的桃序、有相關(guān)性和時(shí)效性問題的數(shù)據(jù),那就在開場(chǎng)白里加上這些問題烂瘫。稍后再和你的策略連接起來以理清這些數(shù)據(jù)的定位媒熊,因此,讀者便能立刻明白可視化數(shù)據(jù)的相關(guān)性和價(jià)值。最終泛释,他們便能更好地參與進(jìn)來滤愕,并能夠更明智地利用這些信息。數(shù)據(jù)可視化怜校,最終時(shí)為了企業(yè)良好的運(yùn)營(yíng)而服務(wù)的间影,這是它的商業(yè)價(jià)值。如果你不關(guān)注企業(yè)的戰(zhàn)略和行動(dòng)方案茄茁,很難建立起具有聯(lián)動(dòng)價(jià)值的信息圖魂贬。比如,企業(yè)執(zhí)行的行動(dòng)方案裙顽,通常是為了達(dá)成和實(shí)現(xiàn)企業(yè)的戰(zhàn)略目標(biāo)付燥,通過這樣的手段實(shí)現(xiàn)精益管理和精益運(yùn)營(yíng)。所以愈犹,可視化的解決方案要能夠做到键科,行動(dòng)方案對(duì)戰(zhàn)略目標(biāo)的驅(qū)動(dòng)效果、個(gè)體漩怎、團(tuán)隊(duì)對(duì)部門整體指標(biāo)勋颖、KPI的驅(qū)動(dòng)和影響效果。只有建立起來具有聯(lián)系的信息視圖勋锤,才會(huì)獲得有價(jià)值的數(shù)據(jù)可視化饭玲。

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

不管使用哪一類圖表叁执,bar圖茄厘、折線圖、雷達(dá)圖等等谈宛,每一種圖表都有它自身的優(yōu)點(diǎn)和局限性次哈。你無法找到完美的可視化圖表。但你可以通過嘗試混合展現(xiàn)方式讓可視化表現(xiàn)再人性化一點(diǎn)點(diǎn)入挣。所以的可視化效果亿乳,都應(yīng)該盡可能簡(jiǎn)單精準(zhǔn)地傳達(dá)訊息。這就意味著:不論有多新潮径筏、多好看或者多絢麗葛假,這都不是設(shè)計(jì)數(shù)據(jù)可視化的初衷。誠(chéng)然滋恬,我們?cè)诔掷m(xù)地并且永不滿足地追求數(shù)據(jù)之美聊训。但最佳的平衡點(diǎn)在于,用合適的數(shù)據(jù)可視化開闡釋恰到好處的信息和知識(shí)的價(jià)值之美恢氯。

? 只用有關(guān)聯(lián)能傳達(dá)重要信息的且為你的受眾所需要的圖形带斑。

?無需填滿頁面的所有空白——太多雜亂的內(nèi)容只會(huì)干擾對(duì)重要信息的接收鼓寺,會(huì)讓人太難記住,又太容易忽略勋磕。

? 恰當(dāng)運(yùn)用色彩妈候,增加信息深度。同時(shí)要注意有些色彩具備潛在含義挂滓。舉例來說苦银,紅色被認(rèn)為是代表警告或危險(xiǎn)的顏色。適合預(yù)警額赶站。

? 不要使用太多不同類的圖表幔虏、表格和圖形。如果需要對(duì)比各種圖表贝椿,要確保你闡述數(shù)據(jù)時(shí)使用的是同類的圖表想括,這樣才能便于互相比較。

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

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

? 避免歪曲數(shù)據(jù)原本的意圖予颤。

? 讓龐大的數(shù)據(jù)集連貫一致。

? 吸引讀者將不同的數(shù)據(jù)片段進(jìn)行比對(duì)和比較冬阳,突出重點(diǎn)和優(yōu)劣蛤虐。

? 主旨要相當(dāng)明確:描述、挖掘肝陪、作表驳庭、可視化自我解讀。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末氯窍,一起剝皮案震驚了整個(gè)濱河市饲常,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌狼讨,老刑警劉巖贝淤,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異政供,居然都是意外死亡播聪,警方通過查閱死者的電腦和手機(jī)朽基,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來离陶,“玉大人稼虎,你說我怎么就攤上這事≌信伲” “怎么了霎俩?”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)计济。 經(jīng)常有香客問我茸苇,道長(zhǎng),這世上最難降的妖魔是什么沦寂? 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任学密,我火速辦了婚禮,結(jié)果婚禮上传藏,老公的妹妹穿的比我還像新娘腻暮。我一直安慰自己,他們只是感情好毯侦,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開白布哭靖。 她就那樣靜靜地躺著,像睡著了一般侈离。 火紅的嫁衣襯著肌膚如雪试幽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天卦碾,我揣著相機(jī)與錄音铺坞,去河邊找鬼。 笑死洲胖,一個(gè)胖子當(dāng)著我的面吹牛济榨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绿映,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼擒滑,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了叉弦?” 一聲冷哼從身側(cè)響起丐一,我...
    開封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎淹冰,沒想到半個(gè)月后钝诚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡榄棵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年凝颇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了潘拱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拧略,死狀恐怖芦岂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情垫蛆,我是刑警寧澤禽最,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站袱饭,受9級(jí)特大地震影響川无,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜虑乖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一懦趋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧疹味,春花似錦仅叫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至洪灯,卻和暖如春坎缭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背签钩。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工幻锁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人边臼。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像假消,于是被迫代替她去往敵國(guó)和親柠并。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容