編輯導(dǎo)讀：企業(yè)在運(yùn)轉(zhuǎn)中每天都會(huì)產(chǎn)生大量的數(shù)據(jù)，而這些數(shù)據(jù)要通過(guò)分析才能產(chǎn)生具體的作用。對(duì)于一些不懂?dāng)?shù)據(jù)的人來(lái)說(shuō)，將數(shù)據(jù)轉(zhuǎn)化成表格或者文本等形式有助于了解復(fù)雜數(shù)據(jù)背后的含義和價(jià)值，這就是數(shù)據(jù)可視化的作用。本文作者從三個(gè)方面，對(duì)數(shù)據(jù)可視進(jìn)行分析，希望對(duì)你有幫助。

近期負(fù)責(zé)過(guò)數(shù)據(jù)可視化的產(chǎn)品，在整個(gè)產(chǎn)品設(shè)計(jì)過(guò)程中，有些思考，本文將通過(guò)案例，介紹數(shù)據(jù)可視化的應(yīng)用價(jià)值和使用場(chǎng)景。

案例引入：

某國(guó)企旗下的一個(gè)子公司（下文將簡(jiǎn)稱A），計(jì)劃做一個(gè)車輛安全保護(hù)的增值服務(wù)型產(chǎn)品，當(dāng)用戶在4s店購(gòu)車時(shí)，可以付費(fèi)額外的金額，來(lái)獲取車輛安全保護(hù)的相關(guān)服務(wù)，產(chǎn)品一期已上線；

恰逢2020年9月26日北京國(guó)際車展來(lái)臨，A的集團(tuán)高層領(lǐng)導(dǎo)到時(shí)會(huì)蒞臨展會(huì)。

此時(shí)，A決定借此機(jī)會(huì)，結(jié)合現(xiàn)在發(fā)展的拼接屏幕技術(shù)，在車展上，通過(guò)拼接出來(lái)的大屏幕，以數(shù)據(jù)可視化的形式向高層展示自研產(chǎn)品的潛力，為項(xiàng)目的后續(xù)發(fā)展?fàn)幦≠Y源。

問(wèn)題引出：

事實(shí)上這次車展上的產(chǎn)品演示很大程度上決定了該產(chǎn)品未來(lái)發(fā)展的項(xiàng)目資源，如果演示階段產(chǎn)品未能被高層認(rèn)可，那么這條新開辟的產(chǎn)品線可能會(huì)夭折，因此，車展上的產(chǎn)品演示可謂被寄予厚望，那么在這樣的背景下，A為何選擇以數(shù)據(jù)可視化的形式進(jìn)行產(chǎn)品介紹呢？

一、數(shù)據(jù)可視化是什么？

從較為常見的案例說(shuō)起，2015年的雙十一，阿里巴巴通過(guò)一塊兒大屏幕，展示淘寶及天貓的交易情況，屏幕中各種各樣的圖表展示了雙十一的相關(guān)數(shù)據(jù)，而你能通過(guò)這塊兒大屏幕中的圖表數(shù)據(jù)可以迅速的了解到當(dāng)年雙十一的交易情況。

這個(gè)直播現(xiàn)場(chǎng)的大屏幕，被稱為數(shù)據(jù)可視化大屏，結(jié)合拼接屏幕的技術(shù)，組成一個(gè)較大的屏幕，以便平臺(tái)進(jìn)行更豐富的數(shù)據(jù)可視化展現(xiàn)。

而數(shù)據(jù)大屏，僅僅是數(shù)據(jù)可視化的一種表現(xiàn)形式，除此之外，數(shù)據(jù)可視化還有其他的表現(xiàn)形式，例如移動(dòng)端的keep在跑步結(jié)束后生成的記錄，便分別采用柱形圖、散點(diǎn)圖及折線圖表達(dá)用戶跑步的相關(guān)信息：

無(wú)論是以哪種形式，歸根結(jié)底，數(shù)據(jù)可視化，是將相關(guān)的數(shù)據(jù)通過(guò)圖形化手段完成展示，來(lái)進(jìn)行清晰有效的信息傳達(dá)或信息洞察。

中大型企業(yè)中，數(shù)據(jù)可視化的案例比比皆是，是什么支撐其得以被廣泛的運(yùn)用？

二、數(shù)據(jù)可視化的應(yīng)用價(jià)值

1. 單位面積，可呈現(xiàn)更多的信息

文字信息的表達(dá)，受到文字大小屬性的局限性，在單位面積中，可以展示的信息是非常有限的。

而可視化的信息表達(dá)不局限于文字作為信息的載體，比如當(dāng)我們建立一個(gè)坐標(biāo)系后，坐標(biāo)系中的一個(gè)點(diǎn)、便可以代表一個(gè)元數(shù)據(jù)(單位最小的基礎(chǔ)信息)，而小黑點(diǎn)，則遠(yuǎn)遠(yuǎn)比字號(hào)為10的文字要小。

不同于文字信息的表達(dá)，可視化能夠選擇更小的載體去表達(dá)信息，所以在單位面積中，可視化的表達(dá)可以呈現(xiàn)更多的信息。

例如在用戶跑步結(jié)束后，keep希望為用戶展示詳細(xì)的跑步頻率信息，具體到每1min的步頻。

文字信息的表達(dá)方式如下：

可視化表達(dá)方式如下：

2個(gè)方案都具體呈現(xiàn)了跑步過(guò)程中每1min中的步頻，但從篇幅上來(lái)說(shuō)，可視化表達(dá)的占用面積要遠(yuǎn)小于文字信息的表達(dá)。

不過(guò)，文字信息的表達(dá)就不能將文字?jǐn)D一擠，保證所有的數(shù)據(jù)于可視化表達(dá)相同大小的面積中完成展示嗎？

實(shí)際上，在步頻這個(gè)案例中，確實(shí)可將文字信息通過(guò)壓縮調(diào)整，在相同大小的面積把全部數(shù)據(jù)展示出來(lái)的。

但沒(méi)有人會(huì)這么做，因?yàn)檫@樣的閱讀體驗(yàn)太糟糕了，圖片放大了看都未必能看清楚，完全沒(méi)有可讀性，當(dāng)用戶連信息的閱讀都不愿意，那么數(shù)據(jù)的展示就毫無(wú)意義。

說(shuō)到底，可讀性限制了文字信息表達(dá)的字號(hào)大小。

而可視化表達(dá)卻不存在這個(gè)問(wèn)題，通過(guò)建立坐標(biāo)系，所有元數(shù)據(jù)轉(zhuǎn)化成小黑點(diǎn)。

我們不需要將圖片放大去詳細(xì)查看這個(gè)元數(shù)據(jù)是什么，我們只需要感知黑點(diǎn)之間的顏色/位置差異即可發(fā)現(xiàn)信息的特征；

所以，數(shù)據(jù)可視化在相同的面積中，可以呈現(xiàn)更多的信息，且可讀性更高。

2. 同樣內(nèi)容，可更快發(fā)現(xiàn)信息特征

1）數(shù)據(jù)的變化趨勢(shì)更直觀

文字信息的表達(dá)中，文字只能體現(xiàn)元數(shù)據(jù)的大小，但無(wú)法直觀的表達(dá)出“數(shù)據(jù)隨時(shí)間或有序維度變化的發(fā)展趨勢(shì)”（趨勢(shì)指事物發(fā)展的動(dòng)向：包含上升或下降或不變）?！?/p>

所有的元數(shù)據(jù)在文字信息的表達(dá)中都只是零散的個(gè)體，可視化表達(dá)則不同，可以將元數(shù)據(jù)通過(guò)“線”的連接，形成一個(gè)整體。這個(gè)整體是具備方向性的，此時(shí)站在整體的角度上去觀察其變化方向，我們能夠更快的發(fā)現(xiàn)數(shù)據(jù)的變化趨勢(shì)。

例如，我們期望通過(guò)數(shù)據(jù)發(fā)現(xiàn)，每天下午隨時(shí)間的變化，發(fā)生重大事故的變化趨勢(shì)：

文字信息表達(dá)方式如下：

可視化表達(dá)方式如下：

在文字信息的表達(dá)中，我們第一眼只能看到每個(gè)時(shí)間點(diǎn)下的事故數(shù)量，所有的元數(shù)據(jù)都是離散的個(gè)體；而在可視化表達(dá)中，元數(shù)據(jù)則以 點(diǎn) 的形式存在，而點(diǎn)通過(guò)“線”進(jìn)行串聯(lián)，將數(shù)據(jù)集構(gòu)成一條線，我們可以直接通過(guò)線的方向變化去察覺(jué)數(shù)據(jù)的變化趨勢(shì)；

2）數(shù)據(jù)的大小差異更顯著

在文字信息的表達(dá)過(guò)程中，隨著數(shù)據(jù)集越來(lái)越大時(shí)，我們要發(fā)現(xiàn)數(shù)據(jù)之間的差異，大腦就必須完成數(shù)字的閱讀，并逐一進(jìn)行數(shù)字的對(duì)比，計(jì)算結(jié)束后，我們才能得知這些數(shù)據(jù)的大小關(guān)系。

可視化表達(dá)則無(wú)需如此，借助點(diǎn)的位置/顏色區(qū)別，即可感知到數(shù)據(jù)的差異，數(shù)據(jù)差異越大，點(diǎn)與點(diǎn)之間的顏色/間距就越大，這種情況下，原本需要通過(guò)計(jì)算數(shù)字大小完成的對(duì)比，變成了肉眼可見的點(diǎn)的顏色與間距對(duì)比，而這樣的對(duì)比可以更迅速的得出結(jié)論；

例如，我們期望通過(guò)數(shù)據(jù)發(fā)現(xiàn)每天上午，事故率最高的時(shí)間點(diǎn)；

文字信息的表達(dá)方式如下：

可視化表達(dá)方式如下：

對(duì)比2種表達(dá)方式：

在文字信息表達(dá)中，需要將1~12點(diǎn)的所有數(shù)據(jù)都進(jìn)行累加計(jì)算并對(duì)比大小后我們才能得知，9點(diǎn)是整個(gè)上午事故率最高的時(shí)間點(diǎn)。

而在可視化表達(dá)中，柱形圖作為元數(shù)據(jù)表示事故數(shù)，柱形的頂點(diǎn)與其他柱形頂點(diǎn)的位置差異明顯，我們可以一眼就發(fā)現(xiàn)9點(diǎn)的柱形在整個(gè)圖形中處于最高點(diǎn)，進(jìn)而得出結(jié)論；

為什么視覺(jué)上的差異化感知，快于數(shù)字信息的逐步計(jì)算呢？

2013年《注意力、知覺(jué)和心理物理學(xué)》雜志發(fā)表的一項(xiàng)研究顯示，大腦僅用13毫秒就可以處理視覺(jué)接受的圖片信息。過(guò)程中，研究對(duì)象被要求從一系列（6或12張）圖片中找出一張?zhí)囟▋?nèi)容的圖片，例如“野餐”或者“微笑的夫婦”?？磮D尋找的時(shí)間為13到80毫秒。研究帶頭人-大腦與認(rèn)知科學(xué)教授Mary Potter表示，視覺(jué)作品用以概念尋找，是一種急速的信息處理方式。

而另一項(xiàng)研究發(fā)現(xiàn)：人腦處理圖片信息，是同步進(jìn)行的，而處理文字信息則是一步一步循序漸進(jìn)的；例如一篇300字的小故事，看一遍需要10秒，而轉(zhuǎn)化成圖片后的圖例只需要一眼即可記在腦海里。

這表明，在信息的類型中，人腦對(duì)圖片信息的接收/處理效率，高于文字信息。

誰(shuí)能想到，人腦對(duì)信息的對(duì)待并不是公平的呢？

所以，同樣的內(nèi)容，可視化表達(dá)比文字信息表達(dá)讓人可以更快的發(fā)現(xiàn)信息的特征。

三、數(shù)據(jù)可視化的應(yīng)用場(chǎng)景

回到最初的案例上，我們是否可以理解，公司A做出“在車展上以數(shù)據(jù)可視化的表達(dá)方式進(jìn)行產(chǎn)品介紹”的決策了呢？

當(dāng)然，“可視化”作為工具，我們了解其應(yīng)用價(jià)值，最終的目的是為了更好的運(yùn)用它，那我們?cè)谑裁礃拥膱?chǎng)景下可以選擇數(shù)據(jù)可視化表達(dá)呢？

1. 展廳：表現(xiàn)產(chǎn)品潛力/價(jià)值

展廳屬于外界的公共環(huán)境，這也導(dǎo)致它環(huán)境較嘈雜，展廳中可用于展示信息的面積也是有限的；

在這個(gè)環(huán)境下，四周皆是展品，人們的注意力往往更難集中，因此若想在展廳中通過(guò)數(shù)據(jù)去展現(xiàn)產(chǎn)品的價(jià)值，首先要保證的，是讓用戶可以更方便快速的觀測(cè)到我們展示的信息，即將所有的數(shù)據(jù)整合到同一個(gè)平面下展示；

在用戶可以一眼了解到信息的前提下，如何呈現(xiàn)出更豐富的信息去佐證產(chǎn)品的價(jià)值是關(guān)鍵的問(wèn)題，要想客觀的表達(dá)出產(chǎn)品的價(jià)值，多維度的數(shù)據(jù)表現(xiàn)是最有利的證明，但是隨著數(shù)據(jù)維度的增加，數(shù)據(jù)源也會(huì)增加，數(shù)據(jù)體量同步增大；

那么在有限的面積中，要想合理有效的完成信息展示，并讓用戶更快的感知到信息的特征，這就需要借助數(shù)據(jù)可視化的優(yōu)勢(shì)。

同理，企業(yè)前臺(tái)呈現(xiàn)的數(shù)據(jù)大屏，也存在同樣的問(wèn)題，需要通過(guò)可視化表達(dá)，在有限的面積中呈現(xiàn)更豐富的信息，才能讓投資人或者客戶過(guò)來(lái)時(shí)感受到企業(yè)有實(shí)力的一面。

2. 實(shí)時(shí)監(jiān)控中心：日常監(jiān)測(cè)，應(yīng)急指揮

實(shí)時(shí)監(jiān)控中心的初衷是通過(guò)觀察平臺(tái)的運(yùn)營(yíng)情況，讓管理人員實(shí)時(shí)了解到現(xiàn)有業(yè)務(wù)的發(fā)展情況或異常問(wèn)題，進(jìn)而及時(shí)做出調(diào)整來(lái)抓住業(yè)務(wù)增量的機(jī)會(huì)或降低異常造成的損失。

例如拼多多漏洞門，2019年1月10日，拼多多出現(xiàn)重大Bug，該Bug超過(guò)2天未被發(fā)現(xiàn)，用戶可領(lǐng)取100元無(wú)門檻券，優(yōu)惠券可全場(chǎng)通用（特殊商品除外），有效期一年。

這類重大Bug必然會(huì)導(dǎo)致單日內(nèi)訂單優(yōu)惠率激增，且訂單量短時(shí)間內(nèi)急劇增加，管理人員如果觀察到了這類“非正?，F(xiàn)象”，即可察覺(jué)到平臺(tái)內(nèi)部的異常，定位原因后及時(shí)進(jìn)行問(wèn)題的修復(fù)。然而黑灰產(chǎn)團(tuán)伙利用“漏洞”盜取的相關(guān)優(yōu)惠券，完成了幾千萬(wàn)的套利，雖然最后報(bào)警立案進(jìn)行了追回，將損失壓低回了千萬(wàn)元內(nèi)（據(jù)拼多多多方面統(tǒng)計(jì)），但這仍然是巨大的損失。

要想觀察到諸如此類的“非正?，F(xiàn)象”，這就需要通過(guò)維度，呈現(xiàn)相關(guān)數(shù)據(jù)，然而隨著平臺(tái)業(yè)務(wù)逐漸壯大，需要觀測(cè)的數(shù)據(jù)維度也越來(lái)越多，信息的繁雜會(huì)導(dǎo)致管理人員越來(lái)越難清晰有效的去完成信息的觀察。

在龐大多維的數(shù)據(jù)中，要想保障管理人員能夠更快了解到業(yè)務(wù)當(dāng)前的狀況，關(guān)鍵的手段在于如何清晰的表達(dá)多維度的數(shù)據(jù)信息，以此縮短管理人員對(duì)信息特征的發(fā)現(xiàn)時(shí)間。

可視化表達(dá)，借由顏色、位置差異，元數(shù)據(jù)的面積大小，可以更顯著的表達(dá)數(shù)據(jù)的大小差異。同時(shí)以“線”連接元數(shù)據(jù)來(lái)形成一個(gè)整體，能夠直觀的體現(xiàn)出數(shù)據(jù)的發(fā)展趨勢(shì)。

這些更直觀，更顯著的表達(dá)，可以讓管理人員更輕易的發(fā)現(xiàn)信息的特征。

四、終

數(shù)據(jù)可視化的應(yīng)用并不局限于上述場(chǎng)景，理解數(shù)據(jù)可視化的核心價(jià)值是關(guān)鍵。

當(dāng)然，無(wú)論以什么樣的方式去展示數(shù)據(jù)，我們最終的目的都是為了讓他人更快的理解我們傳達(dá)的信息，或讓自己更快的發(fā)現(xiàn)未知的信息特征。

我們?cè)鯓硬拍苡煤脭?shù)據(jù)可視化去達(dá)成這個(gè)目的呢？下一篇文章將以案例，闡述我在數(shù)據(jù)可視化產(chǎn)品設(shè)計(jì)中的思維路徑。

作者：橙言，前出行領(lǐng)域產(chǎn)品經(jīng)理，現(xiàn)消費(fèi)金融風(fēng)控策略產(chǎn)品人；微信公眾號(hào)：橙言

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

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