百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

數據可視化的設計原則,做好數據可視化必看

發布時間:2021-12-28 17:15:15

如今數據可視化在各領域都變成離不開的話題,對我們的工作生活也起著非常重要的作用。今天UIPower為大家分享的是「數據可視化」。


一、為什么使用數據可視化?

如果不能通過有效的方式理解和使用大數據,那么每天產生的數據可能就沒有什么用處。無論身處什么行業,不管是互聯網、傳統產業、或者經濟領域,再到醫療保健和服務行業的各方面,數據可視化都發揮著重要作用。

UIPower案列-UIpower

通過將各種信息轉換為圖表,內容變得更易理解和使用。?

二、數據可視化圖表類型

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

UIPower案列-UIpower

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

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

UIPower案列-UIpower

當需要展示的項目太多時,單一的圖表有可能會變得混亂或出現遮擋,這些形式對體驗來說并不友好。利用小倍圖或面板圖,一系列圖表都遵循相同的視覺格式,顯示不同的數據。

3、長度-條形圖

UIPower案列-UIpower

長度可以有效地展示定量信息,因為可以根據長度的伸縮體現具體的數據值。方向-趨勢圖

4、方向-趨勢圖

UIPower案列-UIpower

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

5、角度-餅圖

UIPower案列-UIpower

角度通過提供比例感來進行數據間的比較。有研究表明,角度比長度或位置信息更難評估,但是通過合理運用也能發揮最大的效用。

6、區域-氣泡圖

UIPower案列-UIpower

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

7、體積-3D條形圖

UIPower案列-UIpower

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

8、色彩飽和度-熱圖

UIPower案列-UIpower

顏色飽和度是指單一色調的純度。顏色純度的增加可以直觀地視為數值的變化,往往用來表示數據的范圍但很難評估一個精確的結果。

三、數據可視化的設計原則

1、明確目的

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

在項目開始前花時間明確目的和優先級會讓最終的結果更有用,并防止浪費時間創建不必要的可視化效果。

2、了解受眾

如果數據可視化不是為了與目標受眾進行清晰溝通而設計的,那么它是無用的??梢暬瘧撆c受眾的專業知識兼容,允許他們輕松快速地查看和處理數據。

3、使用視覺效果正確展示數據

由于存在很多不同類型的圖表,所以決定哪種類型最適合可視化呈現本身就是一門藝術。正確的圖表不僅讓數據更容易理解,而且能以最準確的方式呈現數據。要做出正確的選擇,就要考慮需要傳達什么樣類型的數據,以及要傳達給誰。



四、將格式塔原理應用于數據可視化

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

1、相似性

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

UIPower案列-UIpower

▲?與左側的圖表顏色相比,右側的條形圖都是藍色的??紤]到Y軸只有一個變量(成本/收入),只用一個顏色來表示更有道理。

使用同一種顏色的條形圖能夠更容易理解數據,避免因使用不同顏色造成額外認知壓力。

2、接近性

接近性比相似性更有效,因為視線會根據元素之間的接近程度來感知元素的關聯。

UIPower案列-UIpower

▲?圖表的目的是比較三個季度內各個國家的銷售額。雖然在一個季度內比較每個國家的銷售額很直觀,但將國家作為Y軸,數據展示可能會產生歧義。

UIPower案列-UIpower

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

3、包圍法則

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

UIPower案列-UIpower

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

了解用戶感知和認知過程的關鍵要素是設計優秀數據可視化的重要組成部分。目前,從趨勢上看,數據可視化已經廣泛應用到各個行業。

好的數據可視化,可以將多維抽象的數據以圖形的模式展現在人們眼前,實現人與信息數據的交互,以降低數據的理解分析難度,幫助用戶更加高效地駕馭數據、獲取數據背后的價值。





{转码词},{转码词1},{转码词2},{转码词3}