編輯導語：數據可視化設計在運營中有著舉足輕重的地位，做好一個可視化設計至關重要。本篇文章深度剖析數據可視化設計的底層邏輯，一起來跟著作者看看吧！

一、前言

前幾天給我們B端團隊的同事分享了幾個數據可視化設計案例，反響非常不錯，所以也分享給大家！

這幾個案例詮釋了什么是數據可視化思維，正確的思維方式本質上就是設計的底層邏輯。

二、案例解析

在公司聽了一堂關于“結構化思維”的課程，期間老師講了一個案例。

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

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

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

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

作為數據可視化設計師，難免會用苛刻的眼光發現到一些問題，同時也思考了如何更完美的數據可視化表達。

這個柱狀圖本身沒什么問題，但是如果深入思考需求，就能發現有很多可以優化的空間。

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

如何在這張圖表上規范的表達總訪問量，可以通過標題展示數據，標題一般可以呈現圖表的結論數據或是總量數據，下圖所示。

通過把總訪問人數量放置標題，圖表不僅多了一個維度展示數據，而且瀏覽圖表也會有一種先總后分的舒適結構。

在數據可視化設計理念中，我們都知道一個規律，人通常會更關注最多和最少的數據類別。所以此圖表還可以在視覺上繼續優化，有個設計理念是， 幫助用戶做視覺選擇。

下圖所示，給最多和最少的數據使用不同顏色進行突出表現。

到此，是不是比之前好很多了，但其實還可以進一步思考并優化。

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

從這點可以引出數據可視化設計的一個重要技法，即圖表中添加說明。

“添加說明”能夠有效突出或解釋業務數據，以及解決觀者可能會有疑問。

當然“添加說明”并不是所有的圖表都應該加，這要結合業務需求而定。

最終通過深入分析和思考需求，對圖表進行針對性設計，解決了很多數據疑問，這就是數據可視化設計的價值。

以上數據可視化設計，是針對“看”全方位的解決了需求問題，這其實只是數據可視化設計底層邏輯的一個方面。

底層邏輯有兩個方面， 一是數據給誰看，分析關注點；二是看的人要做什么，有什么目的。

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

舉個案例，一個大屏設計，產品經理為了保證數據的完整性，在重要的位置展示了產品的每日注冊數據。

然而產品現階段每日注冊數據很差，導致每次對外講解大屏數據時都很尷尬，結果就是老板怒斥產品經理，趕緊把那個數據給我干掉。

這個案例就是前期沒有考慮大屏用來干什么，對外講解大屏數據目的是什么，最終也就不會對數據有策略性的展示。

案例總結：

數據可視化設計有兩個出發點，也就是設計的底層邏輯，每次設計前從這兩方面進行深入全面的思考，基本能保證一個較好的結果。

一、思考數據給誰看，分析關注點；

二、思考數據用來做什么，目的是什么。

三、必備能力

想要真正做好數據可視化設計，設計師還要掌握好一個基本功，那就是解析數據，給數據匹配恰當圖表的能力。

下面舉個案例，進行基本功能力驗證，平時也可以通過這樣的案例進行練習，鍛煉自己的數據敏感度和表達。

有一天領導突然把這組數據扔給你，讓你匹配和設計一個合適這組數據的圖表，你能很快想到用什么圖表嗎？

對于這組不太常規的數據，如果你能很快給他匹配一個合適的圖表，那你的能力毋庸置疑一定是杠杠的。

能夠選擇合適圖表的關鍵是認識圖表，了解常用圖表的功能和作用，才能對數據有一定的敏感度。

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

當把基本功練好后，會不自覺的擁有另一種能力，就是對圖表進行更出彩的擴展性設計。

圖表擴展設計能賦予圖表更真實、貼切的情感化表達。

舉個最簡單的案例，下圖中右圖就是對男女比例圖表的擴展性設計。

通過使用男女剪影的圖形進行設計，看起來更加貼切靈動。

另外，圖表擴展性設計不用太擔心前端工程師能不能實現，一般來說都沒問題，如果變動大拿不準可以先去和他們溝通。

再舉個擴展性設計的例子，南丁格爾玫瑰圖與鐘表的結合，對業務數據進行了更好的表達。

兩者結合非常巧妙的表達了交通早晚高峰期指數，因為我們對鐘表都具有熟悉認知，所以就算掃一眼都能清楚的感知到關鍵數據的時間段據。

擴展性設計就是一種創意性的表達方式，他有無限可能，也是數據可視化設計的高級技法，所以你需要擁有這種能力。

四、最后

數據可視化產品，設計師價值感極高，成敗都在于設計，掌握好基本功，明白可視化設計的底層邏輯，再結合UI設計能力，才能產出更有價值的產品。

#專欄作家#

吳星辰，微信公眾號：互聯網設計幫，人人都是產品經理專欄作家。

本文原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議