提升數(shù)據(jù)可視化的7個(gè)實(shí)用技巧

5 評(píng)論 10542 瀏覽 80 收藏 7 分鐘

對(duì)于數(shù)據(jù)可視化,在設(shè)計(jì)原理上其實(shí)是相通的,都是為了更好的傳達(dá)信息。所以,同樣的,關(guān)注核心信息,剔除信息雜質(zhì),能使數(shù)據(jù)表信息的傳達(dá)更有效。

良好的數(shù)據(jù)可視化就是清晰,有效地傳達(dá)信息,而不會(huì)分散用戶注意力。本文將會(huì)介紹一些小細(xì)節(jié),幫助你做好數(shù)據(jù)可視化。

一、避免使用鮮艷的顏色

明亮鮮艷的顏色就像是把所有的字母都大寫想要強(qiáng)調(diào)一樣,你的聽眾感覺你在對(duì)他們大聲推銷。而當(dāng)有很多人在大喊大叫時(shí),通常是很難集中注意力聽他在說什么。

單調(diào)的顏色,反而能很好地用于數(shù)據(jù)可視化,因?yàn)樗鼈兛梢宰屇愕淖x者理解你的數(shù)據(jù),而不至于被數(shù)據(jù)淹沒。

當(dāng)你想要強(qiáng)調(diào)數(shù)據(jù)時(shí),可以使用更亮的顏色。比如:你的公司與競(jìng)爭(zhēng)對(duì)手相比較時(shí),或者你可以在現(xiàn)有顏色基礎(chǔ)上加深顏色。

多彩的顏色效果就像把文字全部大寫一樣

二、避免使用餅圖

盡管它們很受歡迎,但餅圖并不是一種可視化數(shù)據(jù)的有效方法,為什么?

因?yàn)槟愕拇竽X很難確定每塊餡餅的相對(duì)大小(Stephen Few詳細(xì)介紹了這個(gè)問題,鏈接在:https://www.perceptualedge.com/articles/visual_business_intelligence/save_the_pies_for_dessert.pdf),多使用條形圖, 它能使受眾更容易理解和比較數(shù)據(jù)的相對(duì)大小。

Tip:按降序或升序?qū)?shù)據(jù)進(jìn)行排序,能更輕松地比較數(shù)據(jù)。

餅圖不是可視化數(shù)據(jù)的有效方式, 請(qǐng)嘗試使用條形圖

三、避免數(shù)據(jù)噪音

正如“數(shù)據(jù)界的達(dá)芬奇”Edward Tufte 所說:

圖表上的每一點(diǎn)信息都應(yīng)該有存在的理由。

把不重要的東西減到最少或者去掉,這包括減弱或移除圖形線、改變軸線、圖形線的顏色,以及用淺灰色描繪電子表格行。使得“數(shù)據(jù)比率”可以達(dá)到一個(gè)很高的水平,聽眾會(huì)更容易明白其中的數(shù)據(jù)情況。

Tip:如果有人評(píng)價(jià)你的圖表華而不實(shí),你只需要優(yōu)化數(shù)據(jù)比率就好了。

隱藏或減弱非數(shù)據(jù)項(xiàng)能使數(shù)據(jù)脫穎而出

四、使用簡(jiǎn)單易讀的字體

有些時(shí)候,排版可以提升視覺效果,增加額外的情感和洞察力。但數(shù)據(jù)可視化不包括在內(nèi),堅(jiān)持使用簡(jiǎn)單的無襯線字體(通常是Excel等程序中的默認(rèn)字體)。無襯線字體,即是那些文字邊緣沒有小腳的字體。

不用使用手寫體,以及其他會(huì)分散數(shù)據(jù)可視化注意力的字體

五、使用表格數(shù)字字體

表格間距賦予所有的數(shù)字相同的寬度,使它們排列時(shí)更容易能彼此對(duì)齊,大多數(shù)流行字體都內(nèi)置了表格。

不確定字體是否正確?

就看小數(shù)點(diǎn)(或任何數(shù)字)是否對(duì)齊就行。

使用一個(gè)表格數(shù)字字體,這樣每個(gè)數(shù)字間都保持對(duì)齊(像右邊的那個(gè)),比較起來更容易。

六、使用相同細(xì)節(jié)和精度的數(shù)字

添加的細(xì)節(jié)和數(shù)字越多,大腦處理的時(shí)間就越長(zhǎng)。想想你想要用你的數(shù)據(jù)傳達(dá)什么,以及最有效的方式是什么?

每一個(gè)額外的數(shù)字都需要大腦去理解

七、使用基礎(chǔ)圖形

一個(gè)很好的經(jīng)驗(yàn)法則是,如果你不能高效理解,你的讀者或聽眾可能也難理解。因此,堅(jiān)持使用基礎(chǔ)圖形:直方圖、條形圖、維恩圖、散點(diǎn)圖和線形圖。

譯者注:關(guān)于這些數(shù)據(jù)圖的區(qū)別以及使用方法,我這里就不作展開說了,有興趣的可以自己去網(wǎng)上翻翻。每種圖形都用它的特點(diǎn)和使用場(chǎng)景,還蠻有意思的。

以下是我在網(wǎng)上搜集的圖形示例:

直方圖

條形圖

維恩圖

散點(diǎn)圖

線形圖

 

原文作者:Becca Selah

原文:https://uxdesign.cc/data-visualization-hacks-75d56d5bfa66

譯者:彩云Sky,公眾號(hào):彩云譯設(shè)計(jì)

本文由 @彩云Sky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Pixabay,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 作者說盡量避免餅圖使用,我覺得不合理!餅圖在占比類的數(shù)據(jù)分析中是非常試用的,餅圖能非常直觀的看出具體某個(gè)區(qū)域在總體中的占比情況!其他圖形反而沒那么適合!

    來自廣東 回復(fù)
    1. 贊同你說的

      來自北京 回復(fù)
    2. 我的看法是,如果餅圖被切割的非常多,很多分類之間的占比就很難分清了。

      來自廣東 回復(fù)
    3. 我也這么認(rèn)為

      回復(fù)