作者 | Destiny

來源 | 木東居士

0x00 前言

前面寫過一篇文章，叫做《數(shù)據(jù)可視化的基本流程》，是站在可視化過程中的上下游關(guān)系，來梳理和介紹數(shù)據(jù)可視化的全過程，及其各個(gè)環(huán)節(jié)的主要工作內(nèi)容。今天這篇文章，也是介紹數(shù)據(jù)可視化的過程，但是更多的是站在產(chǎn)品經(jīng)理的視角，去呈現(xiàn)一個(gè)數(shù)據(jù)需求，從需求提煉、分析，到最終可視化呈現(xiàn)的一個(gè)過程。

可視化的終極目標(biāo)是洞悉蘊(yùn)含在數(shù)據(jù)中的現(xiàn)象和規(guī)律，從而幫助用戶高效而準(zhǔn)確的進(jìn)行決策。

0x01 可視化過程

一個(gè)完整的數(shù)據(jù)可視化過程，主要包括以下4個(gè)步驟：

• 確定數(shù)據(jù)可視化的主題；
• 提煉可視化主題的數(shù)據(jù)；
• 根據(jù)數(shù)據(jù)關(guān)系確定圖表；
• 進(jìn)行可視化布局及設(shè)計(jì)；

0x02 確定數(shù)據(jù)主題

可視化過程的第一步：確定數(shù)據(jù)主題，即確定需要可視化的數(shù)據(jù)是圍繞什么主題或者目的來組織的。

在可視化過程中的4個(gè)步驟之中，第一步是相對來說較容易的一步。

業(yè)務(wù)運(yùn)營中的具體場景和遇到的實(shí)際問題，公司層面的某個(gè)戰(zhàn)略意圖，都是確定數(shù)據(jù)可視化主題的來源和依據(jù)。簡而言之，一個(gè)具體問題或某項(xiàng)業(yè)務(wù)、戰(zhàn)略目標(biāo)的提出，其實(shí)就可以對應(yīng)一個(gè)數(shù)據(jù)可視化的主題。

比如，銀行分析不同城市用戶的儲蓄率、儲蓄金額，電商平臺進(jìn)行雙十一的實(shí)時(shí)交易情況的大屏直播，物流公司分析包裹的流向、承運(yùn)量和運(yùn)輸時(shí)效，向政府機(jī)構(gòu)或投資人展示公司的經(jīng)營現(xiàn)狀等，都可以確定相應(yīng)的數(shù)據(jù)主題。

0x03 提煉數(shù)據(jù)

確定數(shù)據(jù)圍繞什么主題進(jìn)行組織之后，我們接下來要了解我們擁有哪些數(shù)據(jù)，如何來組織數(shù)據(jù)，這里面又衍生出另外三個(gè)問題。

1. 確定數(shù)據(jù)指標(biāo)

分析和評估一項(xiàng)業(yè)務(wù)的經(jīng)營現(xiàn)狀通常有不同的角度，這也就意味著會存在不同的衡量指標(biāo)。同樣一個(gè)業(yè)務(wù)問題或數(shù)據(jù)，因?yàn)樗伎家暯呛徒M織方式的不同，會得出截然不同的數(shù)據(jù)分析結(jié)果。

例如，要評估寄件這項(xiàng)業(yè)務(wù)，有人想了解寄件量，有人想知道不同快遞公司的運(yùn)輸時(shí)效，有人想知道寄件用戶的下單渠道，還有人想了解寄件收入。

拿起數(shù)據(jù)，就開始畫圖，會讓整個(gè)數(shù)據(jù)可視化作品沒有重點(diǎn)、雜亂無章，是一種用戰(zhàn)術(shù)上的勤勞掩蓋戰(zhàn)略上的懶惰，最終的呈現(xiàn)效果一般不理想。

2. 明確數(shù)據(jù)間的相互關(guān)系

基于不同的分析目的，所關(guān)注的數(shù)據(jù)之間的相互關(guān)系也截然不同，這一步實(shí)質(zhì)上是在進(jìn)行數(shù)據(jù)指標(biāo)的維度選擇。

例如，都要統(tǒng)計(jì)寄件量，有人希望知道各個(gè)快遞公司的寄件量是多少，有人想了解一天內(nèi)的寄件量高峰位于哪個(gè)時(shí)段，還有人想知道寄件量TOP10的城市排名。這里的快遞公司、時(shí)段、城市，都是觀察寄件量這個(gè)指標(biāo)的不同維度。

通常，數(shù)據(jù)之間的相互關(guān)系包含如下幾類：

• 趨勢型：
• 通常研究的是某一變量隨另一變量的變化趨勢，常見的有時(shí)間序列數(shù)據(jù)的可視化。
• 對比型：
• 對比兩組或者兩組以上的數(shù)據(jù)，通常用于分類數(shù)據(jù)的對比。
• 比例型：
• 數(shù)據(jù)總體和各個(gè)構(gòu)成部分之間的比例關(guān)系。
• 分布型：
• 展現(xiàn)一組數(shù)據(jù)的分布情況，如描述性統(tǒng)計(jì)中的集中趨勢、離散程度、偏態(tài)與峰度等。
• 區(qū)間型：
• 顯示同一維度上值的不同分區(qū)差異，常用來表示進(jìn)度情況。
• 關(guān)聯(lián)型：
• 用于直觀表示不同數(shù)據(jù)之間的相互關(guān)系，如包含關(guān)系、層級關(guān)系、分流關(guān)系、聯(lián)結(jié)關(guān)系等。
• 地理型：
• 通過數(shù)據(jù)在地圖上的地理位置，來展示數(shù)據(jù)在不同地理區(qū)域上的分布情況，根據(jù)空間維度不同，通常分為二維地圖和三維地圖。

3. 確定用戶關(guān)注的重點(diǎn)指標(biāo)

確定了要展示的數(shù)據(jù)指標(biāo)和維度之后，就要對這些指標(biāo)的重要性進(jìn)行一個(gè)重要性排序。

因?yàn)閷τ谝粋€(gè)可視化展示的終端設(shè)備而言，其屏幕大小有限，且用戶的時(shí)間有限、注意力也極其容易分散。如何讓用戶在短時(shí)間內(nèi)，更有效率的獲取到重要的信息，這是評估一個(gè)可視化產(chǎn)品好壞的重要因素。

在可視化設(shè)計(jì)之前，不妨問用戶兩個(gè)問題：

（1）如果整個(gè)版面只能展示一個(gè)最重要的信息，你希望是什么？

（2）你希望展現(xiàn)這些信息的理由是什么？通過用戶對這些問題的回答，你能了解到，在已確定的指標(biāo)和維度中，用戶最關(guān)注的是哪個(gè)或哪些。

通過確定用戶關(guān)注的重點(diǎn)指標(biāo)，才能為數(shù)據(jù)的可視化設(shè)計(jì)提供依據(jù)，從而通過合理的布局和設(shè)計(jì)，將用戶的注意力集中到可視化結(jié)果中最重要的區(qū)域，提高用戶獲取重要信息的效率。

0x04 確定圖表

數(shù)據(jù)之間的相互關(guān)系，決定了可采用的圖表類型。常見的數(shù)據(jù)關(guān)系和圖表類型的對應(yīng)關(guān)系如下圖所示：

通常情況下，同一種數(shù)據(jù)關(guān)系，對應(yīng)的圖表類型是有多種方式可供選擇，是不是隨機(jī)選擇一種方式就可以了呢？

當(dāng)然不是，圖表的目的是為了更好的去呈現(xiàn)數(shù)據(jù)中的現(xiàn)象和規(guī)律，那么必然，可視化圖表的效果也極大的受到實(shí)際數(shù)據(jù)的影響，這個(gè)后續(xù)再分享。

0x05 可視化設(shè)計(jì)

在做好了以上的需求收集和整理之后，接下來就要開始進(jìn)入可視化的設(shè)計(jì)和呈現(xiàn)的階段。這一步主要包括兩個(gè)方面：一是進(jìn)行可視化布局的設(shè)計(jì)，二是數(shù)據(jù)圖形化的呈現(xiàn)。

1. 頁面布局

可視化設(shè)計(jì)的頁面布局，要遵循以下三個(gè)原則：

（1）聚焦

設(shè)計(jì)者應(yīng)該通過適當(dāng)?shù)呐虐娌季?，將用戶的注意力集中到可視化結(jié)果中最重要的區(qū)域，從而將重要的數(shù)據(jù)信息凸顯出來，抓住用戶的注意力，提升用戶信息解讀的效率。

（2）平衡

要合理的利用可視化的設(shè)計(jì)空間，在確保重要信息位于可視化空間視覺中心的情況下，保證整個(gè)頁面的不同元素在空間位置上處于平衡，提升設(shè)計(jì)美感。

（3）簡潔

在可視化整體布局中，要突出重點(diǎn)，避免過于復(fù)雜或影響數(shù)據(jù)呈現(xiàn)效果的冗余元素。

2. 圖表制作

影響圖表呈現(xiàn)效果的，主要有兩個(gè)影響因素，一個(gè)是數(shù)據(jù)層面的，一個(gè)是非數(shù)據(jù)層面的。

（1）數(shù)據(jù)層面

若數(shù)據(jù)中存在極端值或過多分類項(xiàng)等，會極大影響可視化的效果呈現(xiàn)，如柱形圖中柱形條的高度、氣泡圖中氣泡的大小、餅圖中的分類項(xiàng)太多等。

對于數(shù)據(jù)本身造成的可視化效果不佳的情況，我們是不是就束手無策了呢？當(dāng)然不是，在以往的可視化過程中，本人雖然也踩了很多坑，但是對于如何解決這類問題也積累了一些經(jīng)驗(yàn)，下次專題分享。

（2）非數(shù)據(jù)層面

非數(shù)據(jù)層面，但是影響圖表呈現(xiàn)效果的因素，通常在設(shè)計(jì)過程中就可以解決。

比如圖表的背景顏色、網(wǎng)格線的深淺有無、外邊框等等，這類元素是輔助用戶理解圖表的次要元素，但如果不加處理全部放出，視覺上就不夠聚焦，干擾到你真正想展示的數(shù)據(jù)信息。

因此，對于此類非數(shù)據(jù)層面，但是影響圖表視覺呈現(xiàn)的元素，應(yīng)該盡量隱藏和弱化。

0xFF 總結(jié)

最后一句個(gè)人經(jīng)驗(yàn)：作為數(shù)據(jù)可視化的設(shè)計(jì)者，你應(yīng)該在可視化設(shè)計(jì)之前，全面了解此次數(shù)據(jù)的分布情況、量級，通常幾行sql就可以搞定，這樣在進(jìn)行可視化設(shè)計(jì)的時(shí)候，可以少踩很多坑。