奧推網

選單
科技

折柱餅 +3個套路,簡單圖表你真的會用嗎?

編輯導語:圖表作為資料視覺化的有效手段之一,在日常業務中經常被使用。不過,你的圖表真的能夠有效、高效地傳遞資訊嗎?本篇文章裡,作者總結了資料分析的“套路”,介紹了簡單易學的圖表製作思路,一起來看一下。

本文一句話概括:資料視覺化中,如何用最簡單的圖表高效地傳遞資訊。

一、人人熟知的 3 類圖表

看似簡單的 3 類常掛在嘴邊的「折柱餅」,你真的知道怎麼使用嗎?

@rubyxrli 在紐約的Uber資料視覺化大會上所做演講中提到:根據我的經驗(基於原型研究超過10年)大多數視覺化問題可以透過一些圖表來解決。很少情況下,需要你去想出一個全新的表達方式。

像條形圖、折線圖、散點圖、透視表等「圖形化主力」真的很難被替代

對於大部分的企業級產品使用者來說,

基本的圖表型別

通常可以為大多數當前頁面的問題作出解釋

,但是我們要做並不是簡單地呼叫一個圖表就結束了,如果想讓你的頁面更

有效地傳遞結論、原因

,可以讓使用者

探索更多可能性

,甚至去發現新的分析思路,那麼首先你需要掌握下面的分析套路。

二、3 個套路

「對比,細分,溯源」,給簡單的圖表加點「戲」

在資料分析中,分析思路一般可以概括為「對比,細分,溯源」,這也是《資料化管理》中提到六字箴言。首先我們來了解一下這六字箴言的具體含義。

此處引用部分《分析思維第三篇:資料分析的三板斧》內容。

1. 對比

對比分為

橫向對比

縱向對比

橫向對比

是指和“他人”比較,比如,兩個網站的使用者流失率;

縱向對比

是指按照某個維度,和“自己”比較,比如,這個網站上個月今天和這個月今天的使用者流失率。

2. 細分

細分是指

分維度

降低粒度

來分析資料。

分維度是指增加維度,比如,離職率按照部門維度來分析;

降低粒度是指降低資料聚合的程度,比如,離職率不按年份,而按照月份來統計。

3. 溯源

溯源是指在對比、細分鎖定到具體維度和粒度之後,依然沒有結論,那就需要

檢視原始資料或相關聯資料

,洞察資料,從資料中尋找靈感。

三、3×3 實踐

第一個 3 代表圖表型別;第二個 3 代表分析套路。

瞭解分析思維的三個套路後,可以嘗試在自己的圖表中檢驗打鉤。

下面我用幾個例子來說明一下,如何開啟圖表設計的腦洞。

四、折線圖

通常在一個數據概覽頁面,人們都會使用一個折線圖,來表示一個關鍵指標的發展趨勢,當然這麼做非常直觀,也非常準確。

當我們為折線圖新增一個對比的維度,就可以使折線圖表達的內容更加豐滿。

1. 橫向對比

可以是橫向對比“和他人比”。

2. 縱向對比

也可以是縱向對比“和自己比”。

3. 新增輔助元素,強化關鍵資訊進行對比

參考型元件:參考線、趨勢線、輔助區域等;

極值型元件:最高/低點、預警線等。

4. 細分維度

透過右上角的 TAB 切換,提升和降低資料聚合的程度。

五、柱 / 條形圖

1. 橫向對比

和別人比。

2. 細分維度

將維度拆分進行分析。

3. 在使用柱狀圖/條形圖時,問問自己「對比」的呈現效果好嗎?

這是使用者在使用柱形圖做對比時,經常遇到的問題:

X 軸類別數量過多,柱子非常密集;

軸文字標籤數量過多,文字在 45%旋轉後可讀性降低。

這時,設計者應該試著旋轉柱圖,把它變成一個條形圖。

4. 對比是好的,但不要做無用的對比

六、餅 / 環圖

1. 縱向對比

餅/環圖天生自帶「縱向對比」的性質,但是除了用一個餅/環圖之外,還有什麼做法?

2. 細分維度

3. 溯源,顯示更多詳情幫助使用者定位問題

4. 合併極小值的維度,在有需要的時候做細分

七、拓展:NxN 實踐

第一個 N 可以代表圖表型別,也可以代表頁面,但需要是一個實體;

第二個 N 代表分析思路,上文中提到的 3 個套路只是眾多分析思路中被總結出最為常用的,還可以根據不同業務場景的訴求去新增思路。

這個矩陣的表格填出來後,除了可以幫助設計者檢驗是否高度利用了圖表區域之外,還可以總結出一份屬於自己業務場景的圖表指引,傳遞給下一個設計者使用。

八、結語

在企業級產品設計的領域中,用視覺化的方式表達資訊,讓資料不再枯燥難懂,是一種常見的設計手法。

在真實的業務場景中,大部分使用者青睞 dashboard(報表頁面),來呈現「資料概覽」、「資料監控」、「資料明細」等資訊,其中的

重要組成部分即「統計型圖表」

。如何恰當使用「統計型圖表」來實現使用者的分析目的? 這對沒有視覺化基礎的製作者來說,還是有一定的難度。

透過以下三步,讓使用者更高效地讀取重要資訊,

驅動業務決策,實現商業價值

本文用

簡單直白的工具方法

,為「

零基礎

」的圖表製作者提供一種簡單易學的思路,讓你的圖表在 Dashboard 裡

更全面、更有效

地傳遞關鍵資訊。

以上內容來自 AntV 螞蟻資料視覺化設計小組。

小組成員: 林外、完白、Moonland 幕闌、劉大拐彎兒、白弦、不過

本文由 @Ant Design 原創釋出於人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基於 CC0 協議