著陸頁(yè)策劃設(shè)計(jì)環(huán)節(jié),經(jīng)常會(huì)用到信息圖,來(lái)表達(dá)繁瑣的信息內(nèi)容。
信息圖——讓更多信息可視化
互聯(lián)網(wǎng)時(shí)代信息爆炸,注意力稀缺。在有限的時(shí)間和空間內(nèi),著陸頁(yè)需求努力傳遞足夠的信息,并讓用戶(hù)理解。要想信息被快速理解,需要了解人類(lèi)大腦處理信息的工作方式。
人類(lèi)大腦用圖像處理信息
人類(lèi)大腦天生使用圖像處理信息。多數(shù)情況下,“文字”需要翻譯成“圖像”才能被大腦處理。而文字所傳遞的信息有具象的,也有抽象的。
注:某些理論認(rèn)為人的右腦負(fù)責(zé)處理圖像信息,左腦負(fù)責(zé)處理文字信息。如果果真如此,那么至少在文字發(fā)明之前,左右腦應(yīng)該不會(huì)如此分工。尚無(wú)證據(jù)表明文字的使用改變了人類(lèi)大腦的工作方式。
具象信息翻譯成圖像相對(duì)容易。例如,看到“香蕉”兩個(gè)字時(shí),大腦中會(huì)出現(xiàn) “香蕉”的畫(huà)面,可能是“一根撥開(kāi)的香蕉”,也可能是“一串香蕉”,或是“長(zhǎng)在樹(shù)上的香蕉”,具體取決于個(gè)體視覺(jué)經(jīng)驗(yàn)。大多數(shù)人看到“香蕉”兩個(gè)字時(shí),在大腦中呈現(xiàn)出的畫(huà)面不會(huì)有本質(zhì)上的差異,但是會(huì)存在差異。
而翻譯抽象信息時(shí)會(huì)有較大的不確定性。因?yàn)槌橄笮畔⑹菑囊幌盗芯呦蟮氖挛镏锌偨Y(jié)提煉或簡(jiǎn)化剝離出來(lái)的概念,并不明確對(duì)應(yīng)某個(gè)具體的事物。所以不同的人在將抽象信息翻譯成圖像時(shí)可能會(huì)出現(xiàn)較大的差異。即使是同一個(gè)人,在不同的場(chǎng)景和心理狀態(tài)下,翻譯成圖像往往也是模糊的或不固定的。
例如,當(dāng)看到“小”或“大”這兩個(gè)字時(shí),大腦中的圖像可能是:“芝麻”和“西瓜”,甚至是一座“模糊的山”,而另一時(shí)刻或另一個(gè)人,大腦中則出現(xiàn)的圖像可能是“一粒塵埃”和“整個(gè)宇宙”,亦或是一個(gè)“小圓圈”和一個(gè)“大圓圈”。所以文字傳遞抽象信息時(shí),就會(huì)給大腦理解信息增加難度。
這也是為什么抽象的事物通常比具象的難以理解的原因,而現(xiàn)代人類(lèi)使用的多數(shù)“文字”本身就是抽象的結(jié)果。
如果把文字要表達(dá)的信息,無(wú)論是具象,還是抽象,盡可能事先翻譯成圖像,就會(huì)減少大腦理解信息所需要的腦力和時(shí)間,從而能大大提高信息傳達(dá)的效率。例如,上一節(jié)的圖表,就是在利用這個(gè)原理。
再看圖表的魅力
通過(guò)下面的案例,再次回顧一下,圖表的神奇魅力。
首先看表格,你能用1秒鐘的時(shí)間,從下表中找出網(wǎng)民數(shù)量最多的省份嗎?

各省網(wǎng)民規(guī)模數(shù)據(jù)表格
如果不能,試試改用圖表,再用1秒找找看。如下圖所示:

各省網(wǎng)民規(guī)模的柱狀圖表
顯然,多數(shù)人1秒鐘之內(nèi)可以找到網(wǎng)民最多的省份。而數(shù)據(jù)量越大,圖表優(yōu)勢(shì)越明顯。如下圖所示:

數(shù)據(jù)量增大時(shí)圖表的優(yōu)勢(shì)更明顯
改用圖表后,一眼就能看出來(lái)網(wǎng)民最多的省份。但是,如果想同時(shí)知道某個(gè)省份的網(wǎng)民數(shù)量的準(zhǔn)確數(shù)字該怎么辦?只需將圖表改造成帶數(shù)據(jù)標(biāo)記圖表,就可以了。如下圖所示:

帶數(shù)據(jù)標(biāo)記的柱狀圖表
下面嘗試把更多信息轉(zhuǎn)化成圖像,實(shí)現(xiàn)可視化。例如,上圖中表示網(wǎng)民規(guī)模的長(zhǎng)方形,可以直接用人形圖標(biāo)來(lái)表示,更加形象直觀。如下圖所示。

用人形圖標(biāo)替代長(zhǎng)方形
使用人形圖標(biāo)減少了,大腦把“長(zhǎng)方形”轉(zhuǎn)化為“人”的圖像所要花的腦力和時(shí)間。
信息圖讓更多信息可視化
這種“努力把陳述的事實(shí)、數(shù)據(jù)以及其他信息轉(zhuǎn)化為圖像的呈現(xiàn)形式”叫信息圖。信息圖借助圖像提高人對(duì)信息的理解速度和深度。如將上例中表格所包含的更多信息轉(zhuǎn)化為圖像,得到的信息圖,可如下圖所示。

基于《各省網(wǎng)民規(guī)模數(shù)據(jù)表格》制作的信息圖
這張信息圖將“網(wǎng)民”、“中國(guó)各省”、“前4名省份及具體排序”等信息進(jìn)一步轉(zhuǎn)化為圖像。通過(guò)這張圖,在較短時(shí)間內(nèi)用戶(hù)可以輕松獲得更多信息。例如“網(wǎng)民規(guī)模最大的前4個(gè)省份全部分布在我國(guó)沿海?!?/p>
注:數(shù)據(jù)來(lái)源中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心(CNNIC)2016年1月份發(fā)布的第37次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》部分省份數(shù)據(jù)未引用,但不影響前4名排序。
下面是信息圖在著陸頁(yè)上應(yīng)用的案例。如下圖所示,是除雪鏟著陸頁(yè)上的信息圖。

除雪鏟著陸頁(yè)上的信息圖
該圖揭示了輪式人工除雪鏟與普通除雪工具在處理普通積雪與夯實(shí)積雪兩種情況下的人工效率對(duì)比。
下圖是某互聯(lián)網(wǎng)養(yǎng)車(chē)企業(yè)著陸頁(yè)上的信息圖,該圖展示了其全球采購(gòu)的正品配件品牌信息。

著陸頁(yè)上展示的全球采購(gòu)的正品配件品牌信息圖
這個(gè)案例中,可以轉(zhuǎn)化為圖像的信息還有很多。例如,“配件”、“產(chǎn)地”(如能展示相關(guān)國(guó)家國(guó)旗會(huì)更加直觀)等。
另外設(shè)計(jì)上,需注意保持“品牌標(biāo)志”清晰可識(shí)別,因?yàn)檫@張信息圖的主旨是想通過(guò)展示這些品牌贏得用戶(hù)信任。而用戶(hù)之所以會(huì)信任,是因?yàn)槊總€(gè)品牌背后都有一些“動(dòng)人的故事”。