提升可視化效果的經驗總結

我們一般根據數據可視化的目的,數據關係和數據特徵,去選擇合適的圖表類型。當我們確定了要使用哪些圖表進行數據可視化後,就進入可視化作品的設計階段。從大方向上來說,影響數據可視化最終效果的因素,可以分爲兩個層面:非數據層面 和 數據層面

  • 非數據層面
    包括 整體佈局,例如圖表排列分佈等;圖表的輔助元素,例如圖表背景,網格線,外邊框等;交互方式的設計等
  • 數據層面
    例如 數據分佈不均勻,存在極端數據值;某維度屬性值過多,信息繁雜不夠聚焦;不同層級的數據量級差異較大;數據條目較多等

下面會從以上談到的兩個層面,來總結提升可視化效果的一些經驗,從而是數據信息的傳達更聚焦、有效,可視化作品的效果更好

非數據層面

1. 佈局要強調最重要的數據信息,將用戶注意力集中在可視化結果的最重要區域

在進行某一主題的可視化作品設計時,我們需要通過根據用戶關注的重點數據,對可視化結果的重要性和優先級進行排序。通過對可視化空間的合理佈局設計,將用戶的注意力集中到可視化結果中最重要的一個或幾個區域上。

通常情況下,用戶的視覺中心,是位於整個頁面的上方和中心區域。如果只有一個重點,放在最顯眼的位置,如果有幾個重點,儘量集中放置,吸引視覺焦點。除了通過位置來吸引用戶的視覺焦點,還可以通過突出的顏色編碼來抓用戶的注意力。

2. 圖表設計要隱藏不必要元素,弱化輔助元素

在我們繪製圖表時,需要去掉無意義的背景色填充和顏色區分,弱化網格線,突出真正重要的數據信息。輔助元素雖然能輔助使用者理解圖表信息,但是過多的元素呈現在一張圖表上時,視覺上會顯得雜亂,主次不分,從而干擾到圖表最想要表達的信息。對於這類元素,應該儘量弱化隱藏。

3. 交互操作要具有直觀性、易理解性

  1. 爲了讓可視化作品的更簡潔美觀,爲了突出主要信息,圖表一般會隱藏一些元素,例如數據標記,數據標籤
  2. 一些數據所具有的特徵,會導致圖表信息展示不全或無法一次性展示
  3. 人們查看數據的習慣,一般是先看總體和趨勢,再看局部和細節

基於以上三點,要求可視化產品,需要給使用者提供一系列的交互手段,來讓用戶按照自己的意圖和關注點去探索數據

常見的交互方式
  • 移動和縮放
    當前空間只能顯示有限數據時,或者需要關注局部數據時,可以使用移動和縮放。
    對於移動而言,如果當前顯示空間沒有把數據展示完全,需要把後一條數據顯示一部分,讓使用者知道後面還有數據,指引用戶使用移動操作。
    對於縮放而言,其目的一般是爲了在更大的空間去看局部的細節數據,一般需要移動操作配合。

  • 懸停和點擊
    懸停的目的,是爲了查看某個對象的詳細信息,通常會以彈窗或者[圖例+數據]的形式展現。
    點擊的目的,通常是爲了數據下鑽,在這種情況下,需要通過設計傳達給使用者可以進行交互的信息,讓使用者知道此處可點擊,如鼠標懸停時箭頭變手型,對象顏色變化或者文字指引等。

  • 圖表間的聯動
    多圖表聯動,是可視化中比較常見的一種交互方式,圖表聯動的前提條件是,多個圖表的指標含有共同的維度屬性,所以當聚焦於某個圖表的某一維度下的屬性值時,其他圖表會聯動變化。

數據層面

1.當數據項較多時,需要精簡數據項,突出重點

- 比例型分類數據,分類項建議保持在5~7個
當需要按照某一個維度進行分組時,若該維度的屬性值數目較多,那麼就需要對屬性值進行重新的歸類和分組,通常的做法是,保留佔比或實際值TOP5的分類項,剩餘分類歸爲[其他]。

- 柱狀圖數據條過多時,保留頭部和尾部
當需要用柱狀圖來對數據進行排行時,若數據條目較多,此時建議保留頭部和尾部,中間的可以以省略號帶過來或者摺疊起來,放大時再展開。頭部和尾部的具體數目,可以依據具體需要來定,比如前5名和後5名、前10名和後3名等。

2.對於趨勢圖,若趨勢不明顯時,座標軸數值可以不從0開始

當數據差異較小,導致折線的波動範圍比較小,走勢起伏不明顯,此時如果爲了更清楚的看到數據的波動情況,座標軸起始數值可以不從0開始,但是此時需要在頁面提示使用者,否則使用者會誤以爲波動很大。
這種做法雖然可以讓使用者更清晰的看出變化趨勢和波動規律,但是會給使用者帶來額外的理解成本,也有誇大差異的嫌疑,因此不建議經常使用。

另外需要注意,柱狀圖的座標軸起點,必須從0開始,否則柱形圖的高度就不能代表數據間的差異。

3.當排行數據的類別名稱較長時,可以用條形圖替換柱狀圖

當類別名稱太長時,用柱狀圖會看不清類別名,即便斜放,也與使用者的視覺習慣不符,所以可以考慮使用條形圖,將類別名放與左側,或者放在條柱之間的空隙裏。

4.座標軸需要做對應的單位轉化

圖表座標軸的數值,受數據的大小影響,當數據較大時,一方面將座標軸數值單位轉化爲我們熟知的K,W,M,億需要一定的反應時間,另一方面,較大的數值如果不轉化,會佔用有限的可視化空間。因此,建議在一個數據可視化平臺內部,需要建立一套公共的單位轉化規則,保證圖表座標軸單位轉化規則的一致性。

注意:一個圖表中,座標軸的數值單位需要保持一致,一般是以最大數值的單位作爲整個座標軸的統一單位。

閱讀文章:《七天數據可視化之旅》第六天:提升可視化效果的Tips

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章