教你3招:讓人10秒讀懂你的圖表
要如何成功快速傳達(dá)你想要表達(dá)的信息?如何在圖表中去除“雜亂冗余”?本文將從視覺(jué)認(rèn)知上,告訴你如何擺脫雜亂的圖表。
“一分鐘介紹你自己”
“一句話介紹你的產(chǎn)品”
“電梯理論-30秒推銷你的產(chǎn)品”
職場(chǎng)小白:對(duì)啊,我想說(shuō)的就是這個(gè)意思啊”、“領(lǐng)導(dǎo)你等下,我后面就說(shuō)了?!?/p>
相信大家肯定多少經(jīng)歷或了解過(guò)以上的一些情形,這個(gè)社會(huì)、職場(chǎng)時(shí)時(shí)刻刻都在告訴我們“講重點(diǎn)”、“別廢話”。收起你的所有信息,因?yàn)槟阍诶速M(fèi)時(shí)間。
作為運(yùn)營(yíng)工作者,數(shù)據(jù)結(jié)論的呈現(xiàn)常常占據(jù)了工作的重要部分。
那要如何成功快速傳達(dá)你想要表達(dá)的信息?如何在圖表中去除“雜亂冗余”?
本文將從視覺(jué)認(rèn)知上,告訴你如何擺脫雜亂的圖表。
一、了解格式塔原則,幫你去除雜亂
格式塔理論:指的是知覺(jué)的最終結(jié)果,是我們在心不在焉與沒(méi)有引入反思的現(xiàn)象學(xué)狀態(tài)時(shí)的知覺(jué),它的幾種原則被應(yīng)用在心理、哲學(xué)、美學(xué)和科學(xué)等。我們無(wú)需了解它到底是什么,讓我們來(lái)看看它的幾項(xiàng)原則對(duì)于圖表設(shè)計(jì)的意義。
原則1:臨近原則
我們傾向于認(rèn)為物理上臨近的物體屬于同一個(gè)群里。
以下兩個(gè)圖中:左圖,我們更傾向于從上往下看,因?yàn)樯舷聝蓚€(gè)點(diǎn)在位置上是更靠近點(diǎn),感覺(jué)告訴我們它們是一個(gè)類別;而右圖,我們習(xí)慣則是從左往右看。
應(yīng)用到表格的設(shè)計(jì)中(見(jiàn)下圖),當(dāng)我們希望觀看者去比較一周中粉絲數(shù)的差異變化,我們可以采用左圖的方式;而若希望觀看者去了解每一天我們的粉絲數(shù)、注冊(cè)數(shù)、會(huì)員數(shù)及當(dāng)中的轉(zhuǎn)化,我們可以采用右圖形式。
原則2:相似原則
擁有相似顏色、形狀、大小或方向的物體會(huì)被視作相關(guān)或從屬一個(gè)群體。
當(dāng)我們?cè)诋媹D時(shí),相鄰大小的曲線、數(shù)字標(biāo)簽,我們可以通過(guò)調(diào)整位置、標(biāo)記顏色的方式去進(jìn)行歸類,使得觀看者一眼就能明白。
原則3:包圍原則
物理上包圍在一起的物體從屬于同一個(gè)群里。
以上為20180110凌晨統(tǒng)計(jì)的本月每日的會(huì)員量, 為了明顯的看出在20180110,20180111,20180112三天的會(huì)員量預(yù)測(cè)值的走勢(shì)及數(shù)量,用淺色的背景進(jìn)行了一個(gè)視覺(jué)的區(qū)分。
?
原則4:閉合原則
閉合的概念指的是:人們?cè)跐撘庾R(shí)中,希望能夠簡(jiǎn)化并符合腦海中已經(jīng)存在的結(jié)構(gòu)。因此人們傾向于將一系列個(gè)體元素看作一個(gè)可識(shí)別的形狀,即使有部分缺失,我們的視覺(jué)也會(huì)幫助填充。
如下圖,我們的視覺(jué)告訴我們這是個(gè)圓,然后才是每一個(gè)線段個(gè)體。
從下面兩張圖的變化來(lái)看,即使B圖在A圖的基礎(chǔ)上去掉了“邊框”、“左方Y(jié)軸坐標(biāo)”,但B圖在保證信息傳達(dá)的基礎(chǔ)上,在數(shù)據(jù)的數(shù)值及變化上更為突出了。
A圖
B圖
這是因?yàn)?,我們的意識(shí)中,B圖仍然是一個(gè)獨(dú)立圖表,無(wú)需框單獨(dú)表明,且若Y軸的作用幾乎為0,放置在這只是為了說(shuō)明是一個(gè)折線圖的坐標(biāo)軸,不如直接刪除。
原則5:連續(xù)原則
當(dāng)我們觀察物體時(shí),盡管沒(méi)有顯式的路徑,我們的眼睛傾向于尋找最平穩(wěn)的路徑并自然地創(chuàng)造出連續(xù)性。
連續(xù)原則與閉合原則類似,去掉不必要的元素會(huì)使數(shù)據(jù)更為突出。
原則6:連接原則
我們傾向于將物理連接的物體視作一個(gè)群體,連接的原則通常比相似顏色、大小、形狀有更強(qiáng)的關(guān)聯(lián)價(jià)值。
下圖就非常明顯:
而應(yīng)用在圖表中,左圖僅有顏色的區(qū)分,右圖將同類數(shù)據(jù)用線段進(jìn)行了連接,顯得更能說(shuō)明數(shù)據(jù)的變化趨勢(shì)。
二、慎用“對(duì)齊”與“留白”
我們或許在處理一個(gè)表格時(shí),最后一步就是習(xí)慣把文字內(nèi)容進(jìn)行居中,從整體的視覺(jué)而言是對(duì)稱了。但其實(shí)對(duì)于閱讀效率而言,經(jīng)常是降低的。
為什么這么說(shuō)?
因?yàn)樵跓o(wú)其他視覺(jué)的提示時(shí),一般觀看者會(huì)從頁(yè)面或屏幕的左上方開始,按“之”字形移動(dòng)視線并消化信息。而若進(jìn)行居中后,文字的左邊或右邊沒(méi)有了明確的界線,視覺(jué)在上下,左右切換時(shí),就沒(méi)有了一個(gè)標(biāo)準(zhǔn)點(diǎn)。因此在涉及表格和圖形時(shí),可以考慮將文字內(nèi)容按左上角對(duì)齊方式。
另外根據(jù)一項(xiàng)研究(2005年Wigdor和Balakrishnan的研究)表明:
閱讀45度角傾斜的文字時(shí),速度比閱讀正常方向排列的平均慢25%,閱讀90%傾斜的平均慢205%,所以慎用文字的旋轉(zhuǎn)、對(duì)齊,也盡量避免將文字進(jìn)行縱向排列。
別害怕在你的頁(yè)面上留白,當(dāng)我們已確定想要表達(dá)的結(jié)論完成時(shí),千萬(wàn)別有“頁(yè)面上還剩下一些空間,所以我們加點(diǎn)數(shù)據(jù)吧”的想法。
試想,當(dāng)你的數(shù)據(jù)報(bào)告中新的一頁(yè)只出現(xiàn)了一行字“此處沒(méi)有餅圖!”,會(huì)是什么效果?
相信這是一個(gè)讓所以觀看者都聚集到你的思路中的方法,但并不代表留白只有這一種用法,以上的方式可能更適合用在如“老羅手機(jī)發(fā)布會(huì)”等等場(chǎng)合。
有策略地使用留白,也會(huì)為你的信息傳達(dá)帶來(lái)同樣大的效果。缺少留白,就和演講者缺少停頓一樣,讓觀看者感到不適,壓抑,無(wú)法接受更多信息。
對(duì)比留白,例舉一些準(zhǔn)則:
- 避免把文字和圖表放置到邊界。不要因?yàn)橛X(jué)得一頁(yè)ppt中只有一張圖,而把圖拉伸撐滿整個(gè)空間。如果有一件事非常重要,請(qǐng)大膽地讓它成為頁(yè)面當(dāng)中的唯一內(nèi)容。
- 避免在關(guān)聯(lián)的內(nèi)容上進(jìn)行過(guò)多留白。如格式塔-臨近原則,別讓每一個(gè)觀看者恨不得跑到顯示屏上用食指追蹤,分析數(shù)據(jù)的關(guān)聯(lián)性的沖動(dòng)。
三、正確使用“對(duì)比”
Colin Ware的類比(InformationVisualization : Perception for Design,2004)中說(shuō)到,從滿是鴿子的天空中找出老鷹很簡(jiǎn)單,但是如果天空中鳥的種類越來(lái)越多時(shí),找出老鷹就變得越來(lái)越難。
如果你想讓你凸顯的數(shù)據(jù)和結(jié)論一目了然,讓就讓加強(qiáng)它的與眾不同,減弱其他數(shù)據(jù)結(jié)論的差異。
A圖
B圖
B圖中,為了突出“金融銀行”行業(yè)用戶在不同年齡段段分布變化,可以將其他行業(yè)的差異性減弱,以不同灰度進(jìn)行表示,著重以顏色進(jìn)行差異化。
1秒掃視上方條形圖,我們可以清晰看出,金融銀行的用戶在26-30分布最多,其次為31-40,而可以預(yù)估平均金融銀行的用戶評(píng)價(jià)年齡為30歲左右。而相比A圖,如要達(dá)到B圖的目的,可能需要耗費(fèi)一倍多的時(shí)間。
除此之外,不用非常規(guī)性字體也是減少?gòu)?fù)雜的方式。在較為正式的報(bào)告中,應(yīng)盡量使用“微軟雅黑”、“等線”等字體,避免使用“楷體”及一些特殊字體。
最后,試著用以上的“格式塔原則”、“對(duì)齊、留白”、“對(duì)比”的方法,讓你的報(bào)告更清晰易懂吧。
本文由 @?運(yùn)營(yíng)盲探原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
干貨干貨