如何做好數(shù)據(jù)可視化設計玩讳?這些必備原則一定要先看熏纯!

大家好粤策,我是Clippp叮盘。今天為大家分享的是「數(shù)據(jù)可視化」柔吼。在之前分享了關(guān)于圖表設計的文章嚷堡,沒看過的小伙伴點這里快速回顧????讓數(shù)據(jù)更有趣蝌戒!全面總結(jié)圖表設計的思路和方法

可以和今天這篇文章串聯(lián)起來一起看北苟,共同豐富數(shù)據(jù)可視化的設計知識友鼻。

有效地傳達數(shù)據(jù)一直具有挑戰(zhàn)性彩扔,數(shù)據(jù)可視化是講述數(shù)據(jù)故事的好方法虫碉,幫助我們理解更復雜的數(shù)據(jù)關(guān)系敦捧。

一、為什么使用數(shù)據(jù)可視化习瑰?

如果不能通過有效的方式理解和使用大數(shù)據(jù)甜奄,那么每天產(chǎn)生的數(shù)據(jù)可能就沒有什么用處贺嫂。

無論身處什么行業(yè)第喳,不管是互聯(lián)網(wǎng)曲饱、傳統(tǒng)產(chǎn)業(yè)珠月、或者經(jīng)濟領域驻谆,再到醫(yī)療保健和服務行業(yè)的各方面庆聘,數(shù)據(jù)可視化都發(fā)揮著重要作用伙判。

通過將各種信息轉(zhuǎn)換為圖表象对,內(nèi)容變得更易理解和使用。?

二宴抚、數(shù)據(jù)可視化圖表類型

共同的比例定位-條形圖勒魔、散點圖

因為共享一個共同的空間參考系統(tǒng),所以位置是最容易識別和評估空間元素的特征菇曲。

使用相同的比例和軸-小倍圖

當需要展示的項目太多時冠绢,單一的圖表有可能會變得混亂或出現(xiàn)遮擋,這些形式對體驗來說并不友好常潮。

利用小倍圖或面板圖弟胀,一系列圖表都遵循相同的視覺格式,顯示不同的數(shù)據(jù)。

長度-條形圖

長度可以有效地展示定量信息邮利,因為可以根據(jù)長度的伸縮體現(xiàn)具體的數(shù)據(jù)值方庭。

方向-趨勢圖

方向很容易被我們識別,可以使用折線圖和趨勢圖來顯示隨時間變化的數(shù)據(jù)。

角度-餅圖

角度通過提供比例感來進行數(shù)據(jù)間的比較亚隙。有研究表明羞延,角度比長度或位置信息更難評估荠呐,但是通過合理運用也能發(fā)揮最大的效用。

區(qū)域-氣泡圖

區(qū)域面積的相對大小與線的長度相比更難比較鳄橘。區(qū)域具有水平和豎直兩個的數(shù)據(jù)比較,需要花費更多時間來處理和解釋。

體積-3D條形圖

體積是指在二維空間中使用3D對象炸裆,當比較兩個相同維度的形狀時,可以更精確地感知3D對象。

色彩飽和度-熱圖

顏色飽和度是指單一色調(diào)的純度浪漠。顏色純度的增加可以直觀地視為數(shù)值的變化,往往用來表示數(shù)據(jù)的范圍但很難評估一個精確的結(jié)果。

三、數(shù)據(jù)可視化的設計原則

明確目的

數(shù)據(jù)可視化應該解答重要的戰(zhàn)略問題,提供真正的價值并幫解決實際問題,例如可以用于跟蹤性能、監(jiān)控用戶行為和測量流程的有效性。

在項目開始前花時間明確目的和優(yōu)先級會讓最終的結(jié)果更有用蕴坪,并防止浪費時間創(chuàng)建不必要的可視化效果径玖。

了解受眾

如果數(shù)據(jù)可視化不是為了與目標受眾進行清晰溝通而設計的,那么它是無用的。可視化應該與受眾的專業(yè)知識兼容归粉,允許他們輕松快速地查看和處理數(shù)據(jù)盏浇。

使用視覺效果正確展示數(shù)據(jù)

由于存在很多不同類型的圖表班挖,所以決定哪種類型最適合可視化呈現(xiàn)本身就是一門藝術(shù)渔期。

正確的圖表不僅讓數(shù)據(jù)更容易理解盹舞,而且能以最準確的方式呈現(xiàn)數(shù)據(jù)。要做出正確的選擇取募,就要考慮需要傳達什么樣類型的數(shù)據(jù),以及要傳達給誰弄痹。

四凭疮、將格式塔原理應用于數(shù)據(jù)可視化

格式塔原理基于這樣一個觀點:人腦試圖簡化和組織由許多元素組成的復雜圖像或設計右蕊,下意識地將這些部分安排到一個有組織的系統(tǒng)中,從而創(chuàng)造一個整體,而不僅僅是一系列不同的元素堕花。

相似性

相似的顏色壕曼、相似的形狀腮郊、相似的尺寸和相似的方向等具有共同視覺特性的元素过咬,都可以視為一個群體衔掸。

▲?與左側(cè)的圖表顏色相比,右側(cè)的條形圖都是藍色的斗幼「ⅲ考慮到Y(jié)軸只有一個變量(成本/收入)蜕窿,只用一個顏色來表示更有道理。

使用同一種顏色的條形圖能夠更容易理解數(shù)據(jù)呆馁,避免因使用不同顏色造成額外認知壓力桐经。

接近性

接近性比相似性更有效,因為視線會根據(jù)元素之間的接近程度來感知元素的關(guān)聯(lián)浙滤。

▲?圖表的目的是比較三個季度內(nèi)各個國家的銷售額阴挣。雖然在一個季度內(nèi)比較每個國家的銷售額很直觀,但將國家作為Y軸纺腊,數(shù)據(jù)展示可能會產(chǎn)生歧義畔咧。

▲?修改后的圖表更清楚地表達了這一點。在這種情況下揖膜,信息的優(yōu)先級將集中在可視化目標即銷售額上面誓沸,因為這些數(shù)據(jù)更具接近性。

包圍法則

包圍法則被一組對象圍繞著次氨,這些對象在其周圍形成了可見的邊界蔽介,例如線條,色塊或顏色煮寡。它導致對象看起來在與其余對象不同的區(qū)域中分開放置虹蓄。

▲?藍灰色陰影區(qū)域內(nèi)的三個條形圖似乎是整體中比較特殊的一部分,這種表現(xiàn)形式引導用戶將注意力集中在圖表中的某一組對象上幸撕。

最后

了解用戶感知和認知過程的關(guān)鍵要素是設計優(yōu)秀數(shù)據(jù)可視化的重要組成部分薇组。

慢慢來比較快,希望對你有幫助~


1坐儿、聊聊卡片式設計的運用

2律胀、案例分析:柵格系統(tǒng)的布局設計

3、如何設計深色模式貌矿?這3點因素需要考慮

4炭菌、深度解析:服務藍圖的應用邏輯設計

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市逛漫,隨后出現(xiàn)的幾起案子黑低,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件克握,死亡現(xiàn)場離奇詭異蕾管,居然都是意外死亡,警方通過查閱死者的電腦和手機菩暗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進店門掰曾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人停团,你說我怎么就攤上這事旷坦。” “怎么了客蹋?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵塞蹭,是天一觀的道長孽江。 經(jīng)常有香客問我讶坯,道長,這世上最難降的妖魔是什么岗屏? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任辆琅,我火速辦了婚禮,結(jié)果婚禮上这刷,老公的妹妹穿的比我還像新娘婉烟。我一直安慰自己,他們只是感情好暇屋,可當我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布似袁。 她就那樣靜靜地躺著,像睡著了一般咐刨。 火紅的嫁衣襯著肌膚如雪昙衅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天定鸟,我揣著相機與錄音而涉,去河邊找鬼。 笑死联予,一個胖子當著我的面吹牛啼县,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播沸久,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼季眷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了卷胯?” 一聲冷哼從身側(cè)響起子刮,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎诵竭,沒想到半個月后话告,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體兼搏,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年沙郭,在試婚紗的時候發(fā)現(xiàn)自己被綠了佛呻。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡病线,死狀恐怖吓著,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情送挑,我是刑警寧澤绑莺,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站惕耕,受9級特大地震影響纺裁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜司澎,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一欺缘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧挤安,春花似錦谚殊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至围肥,卻和暖如春剿干,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背虐先。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工怨愤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蛹批。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓撰洗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親腐芍。 傳聞我的和親對象是個殘疾皇子差导,可洞房花燭夜當晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內(nèi)容