編輯導(dǎo)語(yǔ)：數(shù)據(jù)可視化設(shè)計(jì)在運(yùn)營(yíng)中有著舉足輕重的地位，做好一個(gè)可視化設(shè)計(jì)至關(guān)重要。本篇文章深度剖析數(shù)據(jù)可視化設(shè)計(jì)的底層邏輯，一起來(lái)跟著作者看看吧！

一、前言

前幾天給我們B端團(tuán)隊(duì)的同事分享了幾個(gè)數(shù)據(jù)可視化設(shè)計(jì)案例，反響非常不錯(cuò)，所以也分享給大家！

這幾個(gè)案例詮釋了什么是數(shù)據(jù)可視化思維，正確的思維方式本質(zhì)上就是設(shè)計(jì)的底層邏輯。

二、案例解析

在公司聽了一堂關(guān)于“結(jié)構(gòu)化思維”的課程，期間老師講了一個(gè)案例。

老師說他與公司某高管吃飯，高管跟他吐槽了一件事，高管讓下屬整理一下2021年公司科技園入園訪問人數(shù)的數(shù)據(jù)，然后發(fā)給他，結(jié)果下屬給他發(fā)了下面這張圖。

收到這張截圖之后，高管看了很生氣，老師也表示了這位員工缺少結(jié)構(gòu)化思維，沒有給老板的需求做到一個(gè)好的體驗(yàn)。

然后課堂上老師就在大屏幕上放了下面這張圖表，并表示這才是老板想要的吧，大家也是連連點(diǎn)頭表示認(rèn)同。

的確如此，通過圖形化的表達(dá)，能直觀看到訪問人數(shù)的趨勢(shì)變化及各月份的數(shù)據(jù)大小感知，比單單給個(gè)數(shù)據(jù)表格好太多。

作為數(shù)據(jù)可視化設(shè)計(jì)師，難免會(huì)用苛刻的眼光發(fā)現(xiàn)到一些問題，同時(shí)也思考了如何更完美的數(shù)據(jù)可視化表達(dá)。

這個(gè)柱狀圖本身沒什么問題，但是如果深入思考需求，就能發(fā)現(xiàn)有很多可以優(yōu)化的空間。

比如老板難道不想知道一年的總訪問量嗎？然而這張圖表中并沒有體現(xiàn)。

如何在這張圖表上規(guī)范的表達(dá)總訪問量，可以通過標(biāo)題展示數(shù)據(jù)，標(biāo)題一般可以呈現(xiàn)圖表的結(jié)論數(shù)據(jù)或是總量數(shù)據(jù)，下圖所示。

通過把總訪問人數(shù)量放置標(biāo)題，圖表不僅多了一個(gè)維度展示數(shù)據(jù)，而且瀏覽圖表也會(huì)有一種先總后分的舒適結(jié)構(gòu)。

在數(shù)據(jù)可視化設(shè)計(jì)理念中，我們都知道一個(gè)規(guī)律，人通常會(huì)更關(guān)注最多和最少的數(shù)據(jù)類別。所以此圖表還可以在視覺上繼續(xù)優(yōu)化，有個(gè)設(shè)計(jì)理念是，幫助用戶做視覺選擇。

下圖所示，給最多和最少的數(shù)據(jù)使用不同顏色進(jìn)行突出表現(xiàn)。

到此，是不是比之前好很多了，但其實(shí)還可以進(jìn)一步思考并優(yōu)化。

4月份為什么有這么多人入園訪問，我相信看這個(gè)圖表一定會(huì)有很多人有這樣的疑問。

從這點(diǎn)可以引出數(shù)據(jù)可視化設(shè)計(jì)的一個(gè)重要技法，即圖表中添加說明。

“添加說明”能夠有效突出或解釋業(yè)務(wù)數(shù)據(jù)，以及解決觀者可能會(huì)有疑問。

當(dāng)然“添加說明”并不是所有的圖表都應(yīng)該加，這要結(jié)合業(yè)務(wù)需求而定。

最終通過深入分析和思考需求，對(duì)圖表進(jìn)行針對(duì)性設(shè)計(jì)，解決了很多數(shù)據(jù)疑問，這就是數(shù)據(jù)可視化設(shè)計(jì)的價(jià)值。

以上數(shù)據(jù)可視化設(shè)計(jì)，是針對(duì)“看”全方位的解決了需求問題，這其實(shí)只是數(shù)據(jù)可視化設(shè)計(jì)底層邏輯的一個(gè)方面。

底層邏輯有兩個(gè)方面，一是數(shù)據(jù)給誰(shuí)看，分析關(guān)注點(diǎn)；二是看的人要做什么，有什么目的。

不清楚“看”的人要做什么，有什么目的，有時(shí)候哪怕設(shè)計(jì)再出彩，都有可能是畫蛇添足。

舉個(gè)案例，一個(gè)大屏設(shè)計(jì)，產(chǎn)品經(jīng)理為了保證數(shù)據(jù)的完整性，在重要的位置展示了產(chǎn)品的每日注冊(cè)數(shù)據(jù)。

然而產(chǎn)品現(xiàn)階段每日注冊(cè)數(shù)據(jù)很差，導(dǎo)致每次對(duì)外講解大屏數(shù)據(jù)時(shí)都很尷尬，結(jié)果就是老板怒斥產(chǎn)品經(jīng)理，趕緊把那個(gè)數(shù)據(jù)給我干掉。

這個(gè)案例就是前期沒有考慮大屏用來(lái)干什么，對(duì)外講解大屏數(shù)據(jù)目的是什么，最終也就不會(huì)對(duì)數(shù)據(jù)有策略性的展示。

案例總結(jié)：

數(shù)據(jù)可視化設(shè)計(jì)有兩個(gè)出發(fā)點(diǎn)，也就是設(shè)計(jì)的底層邏輯，每次設(shè)計(jì)前從這兩方面進(jìn)行深入全面的思考，基本能保證一個(gè)較好的結(jié)果。

一、思考數(shù)據(jù)給誰(shuí)看，分析關(guān)注點(diǎn)；

二、思考數(shù)據(jù)用來(lái)做什么，目的是什么。

三、必備能力

想要真正做好數(shù)據(jù)可視化設(shè)計(jì)，設(shè)計(jì)師還要掌握好一個(gè)基本功，那就是解析數(shù)據(jù)，給數(shù)據(jù)匹配恰當(dāng)圖表的能力。

下面舉個(gè)案例，進(jìn)行基本功能力驗(yàn)證，平時(shí)也可以通過這樣的案例進(jìn)行練習(xí)，鍛煉自己的數(shù)據(jù)敏感度和表達(dá)。

有一天領(lǐng)導(dǎo)突然把這組數(shù)據(jù)扔給你，讓你匹配和設(shè)計(jì)一個(gè)合適這組數(shù)據(jù)的圖表，你能很快想到用什么圖表嗎？

對(duì)于這組不太常規(guī)的數(shù)據(jù)，如果你能很快給他匹配一個(gè)合適的圖表，那你的能力毋庸置疑一定是杠杠的。

能夠選擇合適圖表的關(guān)鍵是認(rèn)識(shí)圖表，了解常用圖表的功能和作用，才能對(duì)數(shù)據(jù)有一定的敏感度。

下面是這組數(shù)據(jù)應(yīng)該用的圖表，瀑布圖，想到了嗎？表格中的增減數(shù)據(jù)形式，用瀑布圖完美演繹。

當(dāng)把基本功練好后，會(huì)不自覺的擁有另一種能力，就是對(duì)圖表進(jìn)行更出彩的擴(kuò)展性設(shè)計(jì)。

圖表擴(kuò)展設(shè)計(jì)能賦予圖表更真實(shí)、貼切的情感化表達(dá)。

舉個(gè)最簡(jiǎn)單的案例，下圖中右圖就是對(duì)男女比例圖表的擴(kuò)展性設(shè)計(jì)。

通過使用男女剪影的圖形進(jìn)行設(shè)計(jì)，看起來(lái)更加貼切靈動(dòng)。

另外，圖表擴(kuò)展性設(shè)計(jì)不用太擔(dān)心前端工程師能不能實(shí)現(xiàn)，一般來(lái)說都沒問題，如果變動(dòng)大拿不準(zhǔn)可以先去和他們溝通。

再舉個(gè)擴(kuò)展性設(shè)計(jì)的例子，南丁格爾玫瑰圖與鐘表的結(jié)合，對(duì)業(yè)務(wù)數(shù)據(jù)進(jìn)行了更好的表達(dá)。

兩者結(jié)合非常巧妙的表達(dá)了交通早晚高峰期指數(shù)，因?yàn)槲覀儗?duì)鐘表都具有熟悉認(rèn)知，所以就算掃一眼都能清楚的感知到關(guān)鍵數(shù)據(jù)的時(shí)間段據(jù)。

擴(kuò)展性設(shè)計(jì)就是一種創(chuàng)意性的表達(dá)方式，他有無(wú)限可能，也是數(shù)據(jù)可視化設(shè)計(jì)的高級(jí)技法，所以你需要擁有這種能力。

四、最后

數(shù)據(jù)可視化產(chǎn)品，設(shè)計(jì)師價(jià)值感極高，成敗都在于設(shè)計(jì)，掌握好基本功，明白可視化設(shè)計(jì)的底層邏輯，再結(jié)合UI設(shè)計(jì)能力，才能產(chǎn)出更有價(jià)值的產(chǎn)品。

#專欄作家#

吳星辰，微信公眾號(hào)：互聯(lián)網(wǎng)設(shè)計(jì)幫，人人都是產(chǎn)品經(jīng)理專欄作家。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議