要如何成功快速傳達(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)則：

1. 避免把文字和圖表放置到邊界。不要因?yàn)橛X(jué)得一頁(yè)ppt中只有一張圖，而把圖拉伸撐滿整個(gè)空間。如果有一件事非常重要，請(qǐng)大膽地讓它成為頁(yè)面當(dāng)中的唯一內(nèi)容。
2. 避免在關(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é)議