教你3招:讓人10秒讀懂你的圖表

2 評論 5640 瀏覽 32 收藏 11 分鐘

要如何成功快速傳達你想要表達的信息?如何在圖表中去除“雜亂冗余”?本文將從視覺認知上,告訴你如何擺脫雜亂的圖表。

“一分鐘介紹你自己”

“一句話介紹你的產品”

“電梯理論-30秒推銷你的產品”

職場小白:對啊,我想說的就是這個意思啊”、“領導你等下,我后面就說了?!?/p>

相信大家肯定多少經歷或了解過以上的一些情形,這個社會、職場時時刻刻都在告訴我們“講重點”、“別廢話”。收起你的所有信息,因為你在浪費時間。

作為運營工作者,數據結論的呈現常常占據了工作的重要部分。

那要如何成功快速傳達你想要表達的信息?如何在圖表中去除“雜亂冗余”?

本文將從視覺認知上,告訴你如何擺脫雜亂的圖表。

一、了解格式塔原則,幫你去除雜亂

格式塔理論:指的是知覺的最終結果,是我們在心不在焉與沒有引入反思的現象學狀態時的知覺,它的幾種原則被應用在心理、哲學、美學和科學等。我們無需了解它到底是什么,讓我們來看看它的幾項原則對于圖表設計的意義。

原則1:臨近原則

我們傾向于認為物理上臨近的物體屬于同一個群里。

以下兩個圖中:左圖,我們更傾向于從上往下看,因為上下兩個點在位置上是更靠近點,感覺告訴我們它們是一個類別;而右圖,我們習慣則是從左往右看。

應用到表格的設計中(見下圖),當我們希望觀看者去比較一周中粉絲數的差異變化,我們可以采用左圖的方式;而若希望觀看者去了解每一天我們的粉絲數、注冊數、會員數及當中的轉化,我們可以采用右圖形式。

原則2:相似原則

擁有相似顏色、形狀、大小或方向的物體會被視作相關或從屬一個群體。

當我們在畫圖時,相鄰大小的曲線、數字標簽,我們可以通過調整位置、標記顏色的方式去進行歸類,使得觀看者一眼就能明白。

原則3:包圍原則

物理上包圍在一起的物體從屬于同一個群里。

以上為20180110凌晨統計的本月每日的會員量, 為了明顯的看出在20180110,20180111,20180112三天的會員量預測值的走勢及數量,用淺色的背景進行了一個視覺的區分。

?

原則4:閉合原則

閉合的概念指的是:人們在潛意識中,希望能夠簡化并符合腦海中已經存在的結構。因此人們傾向于將一系列個體元素看作一個可識別的形狀,即使有部分缺失,我們的視覺也會幫助填充。

如下圖,我們的視覺告訴我們這是個圓,然后才是每一個線段個體。

從下面兩張圖的變化來看,即使B圖在A圖的基礎上去掉了“邊框”、“左方Y軸坐標”,但B圖在保證信息傳達的基礎上,在數據的數值及變化上更為突出了。

A圖

B圖

這是因為,我們的意識中,B圖仍然是一個獨立圖表,無需框單獨表明,且若Y軸的作用幾乎為0,放置在這只是為了說明是一個折線圖的坐標軸,不如直接刪除。

原則5:連續原則

當我們觀察物體時,盡管沒有顯式的路徑,我們的眼睛傾向于尋找最平穩的路徑并自然地創造出連續性。

連續原則與閉合原則類似,去掉不必要的元素會使數據更為突出。

原則6:連接原則

我們傾向于將物理連接的物體視作一個群體,連接的原則通常比相似顏色、大小、形狀有更強的關聯價值。

下圖就非常明顯:

而應用在圖表中,左圖僅有顏色的區分,右圖將同類數據用線段進行了連接,顯得更能說明數據的變化趨勢。

二、慎用“對齊”與“留白”

我們或許在處理一個表格時,最后一步就是習慣把文字內容進行居中,從整體的視覺而言是對稱了。但其實對于閱讀效率而言,經常是降低的。

為什么這么說?

因為在無其他視覺的提示時,一般觀看者會從頁面或屏幕的左上方開始,按“之”字形移動視線并消化信息。而若進行居中后,文字的左邊或右邊沒有了明確的界線,視覺在上下,左右切換時,就沒有了一個標準點。因此在涉及表格和圖形時,可以考慮將文字內容按左上角對齊方式。

另外根據一項研究(2005年Wigdor和Balakrishnan的研究)表明:

閱讀45度角傾斜的文字時,速度比閱讀正常方向排列的平均慢25%,閱讀90%傾斜的平均慢205%,所以慎用文字的旋轉、對齊,也盡量避免將文字進行縱向排列。

別害怕在你的頁面上留白,當我們已確定想要表達的結論完成時,千萬別有“頁面上還剩下一些空間,所以我們加點數據吧”的想法。

試想,當你的數據報告中新的一頁只出現了一行字“此處沒有餅圖!”,會是什么效果?

相信這是一個讓所以觀看者都聚集到你的思路中的方法,但并不代表留白只有這一種用法,以上的方式可能更適合用在如“老羅手機發布會”等等場合。

有策略地使用留白,也會為你的信息傳達帶來同樣大的效果。缺少留白,就和演講者缺少停頓一樣,讓觀看者感到不適,壓抑,無法接受更多信息。

對比留白,例舉一些準則:

  1. 避免把文字和圖表放置到邊界。不要因為覺得一頁ppt中只有一張圖,而把圖拉伸撐滿整個空間。如果有一件事非常重要,請大膽地讓它成為頁面當中的唯一內容。
  2. 避免在關聯的內容上進行過多留白。如格式塔-臨近原則,別讓每一個觀看者恨不得跑到顯示屏上用食指追蹤,分析數據的關聯性的沖動。

三、正確使用“對比”

Colin Ware的類比(InformationVisualization : Perception for Design,2004)中說到,從滿是鴿子的天空中找出老鷹很簡單,但是如果天空中鳥的種類越來越多時,找出老鷹就變得越來越難。

如果你想讓你凸顯的數據和結論一目了然,讓就讓加強它的與眾不同,減弱其他數據結論的差異。

A圖

B圖

B圖中,為了突出“金融銀行”行業用戶在不同年齡段段分布變化,可以將其他行業的差異性減弱,以不同灰度進行表示,著重以顏色進行差異化。

1秒掃視上方條形圖,我們可以清晰看出,金融銀行的用戶在26-30分布最多,其次為31-40,而可以預估平均金融銀行的用戶評價年齡為30歲左右。而相比A圖,如要達到B圖的目的,可能需要耗費一倍多的時間。

除此之外,不用非常規性字體也是減少復雜的方式。在較為正式的報告中,應盡量使用“微軟雅黑”、“等線”等字體,避免使用“楷體”及一些特殊字體。

最后,試著用以上的“格式塔原則”、“對齊、留白”、“對比”的方法,讓你的報告更清晰易懂吧。

 

本文由 @?運營盲探原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 干貨干貨

    來自廣東 回復