你一定要掌握的數(shù)據(jù)可視化基本設(shè)計(jì)原則(上)

1 評(píng)論 5695 瀏覽 15 收藏 8 分鐘

編輯導(dǎo)讀:隨著數(shù)字時(shí)代的到來(lái),每個(gè)企業(yè)每天產(chǎn)生的數(shù)據(jù)不計(jì)其數(shù),如何從眾多數(shù)據(jù)中找到有用的信息,并通過(guò)可視化的方式表現(xiàn)出來(lái)呢?本文作者例舉了幾個(gè)數(shù)據(jù)可視化基本設(shè)計(jì)原則,與你分享。

在剛完結(jié)的“這篇文章把數(shù)據(jù)講透了”系列中,筆者從數(shù)據(jù)來(lái)源、采集、清洗等多個(gè)角度對(duì)龐大的數(shù)據(jù)體系進(jìn)行了闡述。系列文章完結(jié)后,不少職場(chǎng)工作的朋友們對(duì)數(shù)據(jù)運(yùn)用“頂層”的數(shù)據(jù)可視化相關(guān)內(nèi)容十分感興趣,希望了解職場(chǎng)、行業(yè)內(nèi)如何進(jìn)行數(shù)據(jù)可視化實(shí)操,那么接下來(lái),筆者就從零開(kāi)始,帶你入門數(shù)據(jù)可視化設(shè)計(jì)!

因內(nèi)容頗多,還是采用系列文章的方式,分幾期為大家進(jìn)行講解。

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

此處,引用信息可視化概念的提出者斯圖爾特·卡德(StuartK.Card)的理解與定義,他認(rèn)為理解可視化首先需要區(qū)分以下兩個(gè)概念。

  • 感知(Perception)是對(duì)感覺(jué)信息(Sensory Information)的 組織、辨識(shí) 以及解釋以便幫助人們理解周圍的環(huán)境
  • 認(rèn)知(Cognition) 是一組心理過(guò)程,這個(gè)過(guò)程包括傾注注意力, 記憶,產(chǎn)生和理解語(yǔ)言,解決問(wèn)題及作出決定

通過(guò)上述概念,我們不難看出,感知更多是解釋、幫助人們理解周圍的環(huán)境,它停留在認(rèn)識(shí)的層面;而認(rèn)知除了包括固有的感知外,還囊括解決方案、做出決定的動(dòng)作,它不僅提倡認(rèn)識(shí)、還要基于認(rèn)識(shí)進(jìn)行動(dòng)作!

通過(guò)上述概念辨析,我們不難發(fā)現(xiàn)數(shù)據(jù)可視化是基于認(rèn)知的。而斯圖爾特·卡德(StuartK.Card)基于這個(gè)觀點(diǎn),提出了數(shù)據(jù)可視化的定義,即Visualization is really about external cognition, that is, how resources outside the mind can be used to boost the cognitive capabilities of the mind. 可視化是一個(gè)幫助人們對(duì)外部信息進(jìn)行認(rèn)知的過(guò)程,也就是說(shuō),是一個(gè)使用大腦以外的視覺(jué)資源與信號(hào),來(lái)幫助增強(qiáng)大腦認(rèn)知能力的過(guò)程。

二、什么是好的可視化?

第一部分中,我們理解了數(shù)據(jù)可視化的概念,那么怎樣的數(shù)據(jù)可視化作品才算是好作品呢?好作品的衡量標(biāo)準(zhǔn)又是什么呢?

其實(shí),一個(gè)好的可視化作品需要做到的就是,在最短的時(shí)間內(nèi),用最少的空間、最少的筆墨為受眾提供最多的信息內(nèi)涵(當(dāng)然以上目標(biāo)的前提,即數(shù)據(jù)處理過(guò)程中沒(méi)有失真、扭曲)。

如何保證數(shù)據(jù)的處理沒(méi)有失真、扭曲,這一系列操作內(nèi)容和注意事項(xiàng),筆者已經(jīng)在“這篇文章把數(shù)據(jù)講透了”系列文章中闡述過(guò)了,這里就不再贅述(有需要,可以通過(guò)文章尾部的往期文章鏈接前往查看!)

三、數(shù)據(jù)可視化的基本原則——信

上一個(gè)部分,我們已經(jīng)介紹了一個(gè)好的數(shù)據(jù)可視化作品應(yīng)該有怎樣的品格,那么我們應(yīng)該秉持怎樣的原則,去塑造和打磨一個(gè)優(yōu)秀的數(shù)據(jù)可視化作品呢?今天,我們先闡述第一個(gè)數(shù)據(jù)可視化的基本原則——信(剩下2個(gè)原則,請(qǐng)期待下期文章)。

數(shù)據(jù)可視化第一基本原則——信,即能正確的表達(dá)數(shù)據(jù)中的信息而不產(chǎn)生偏差和歧義。換句話說(shuō),“信”原則就是要求數(shù)據(jù)可視化設(shè)計(jì)能夠正確表達(dá)信息的可視化,而信原則又由3個(gè)部分組成。

第一,控制謊言因子于合適范圍

有朋友可能還不太懂這是什么意思?下面我舉一個(gè)簡(jiǎn)單的例子吧。其實(shí),我們生活中,有很多眼見(jiàn)不為實(shí)的案例,像下圖所示,第一眼看去,你是不是認(rèn)為上圖的都是盤(pán)根交錯(cuò)的”曲線”?但其實(shí),它們都是直線,只不過(guò)擺放位置有一些小技巧。

而要做到信,首先我們需要控制可視化圖表中的謊言因子(Lie Factor),下面先闡述一下謊言因子的概念與提出。

謊言因子的概念由德國(guó)慕尼黑工業(yè)大學(xué)Rüdiger Westermann教授提出,是用來(lái)衡量可視化中所表達(dá)的數(shù)據(jù)量與數(shù)據(jù)之間的夸張程度的度量方法,其計(jì)算公式如下:

  • 當(dāng)LF=1時(shí),我們認(rèn)為圖表沒(méi)有對(duì)數(shù)據(jù)實(shí)時(shí)進(jìn)行扭曲,是一個(gè)可信的可視化設(shè)計(jì)
  • 在實(shí)際當(dāng)中,應(yīng)當(dāng)確保各部分圖形元素的 LF 在 [0.95, 1.05] 范圍內(nèi),否則,所產(chǎn)生的圖 表認(rèn)為已經(jīng)喪失了基本可信度

下面,我們實(shí)操一下,用謊言因子計(jì)算公式,對(duì)下圖數(shù)據(jù)可視化圖表進(jìn)行評(píng)估。

第二,數(shù)據(jù)展示結(jié)合上下文

當(dāng)謊言因子得到控制后,下一步我們還要注意,不能將數(shù)據(jù)的展示脫離其上下文,此處我們還是舉一個(gè)例子。如下所示,是警察對(duì)超速嚴(yán)格執(zhí)法前后,因交通事故死亡人數(shù)的變化。

左圖給人造成了死亡人人數(shù)急劇下降的錯(cuò)誤印象,而實(shí)際上,如右圖所示,雖然嚴(yán)格執(zhí)法起到了一定作用,但是對(duì)于死亡人數(shù)的影響并非那么立竿見(jiàn)影。

第三,展示數(shù)據(jù)變化而非圖形和設(shè)計(jì)元素的變化

下圖,我們能夠看到右邊部分在設(shè)計(jì)時(shí)明顯被可以放大了(設(shè)計(jì)元素變化),這雖然有效的突出了右邊部分?jǐn)?shù)據(jù)信息,但卻破壞了圖表的誠(chéng)實(shí)性,數(shù)據(jù)已然失真,使得右邊部分和左邊部分高度代表單位不統(tǒng)一,那么也就無(wú)法進(jìn)行有效對(duì)比了。

四、結(jié)語(yǔ)

本期筆者為大家?guī)?lái)了數(shù)據(jù)可視化設(shè)計(jì)的第一基礎(chǔ)原則——信,相信大家有所掌握,另外2個(gè)基礎(chǔ)原則,我將在下期文章中陸續(xù)為大家揭秘。

 

本文由 @小陳同學(xué)ing. 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 老師,你真牛。

    來(lái)自北京 回復(fù)