編輯導(dǎo)語：人類文明的進(jìn)程，從圖像過渡到文字，現(xiàn)如今又存在符號(hào)代替文字的趨勢。圖標(biāo)與文字，該作何選擇，值得深思。本文從這一條準(zhǔn)則：“用戶是否容易理解”出發(fā)，分析多個(gè)層面的設(shè)計(jì)，一起來看看。

“為了更好的傳遞信息，是采用文字還是圖標(biāo)作為按鈕呢？”

關(guān)于這一問題，無論是在知乎還是人人，所給出答案絕大部分都是偏向于選擇“圖標(biāo)”，并且理由也十分的統(tǒng)一：生動(dòng)、易理解、易傳播……

雖然，圖標(biāo)在具體使用的過程中，確實(shí)有很多的優(yōu)點(diǎn)，但因?yàn)閳D標(biāo)的這些優(yōu)點(diǎn)，就將文字忽視，就顯得有些許的片面。

無論是文字還是圖標(biāo)，其都有自身的特點(diǎn)。至于到底應(yīng)該如何選擇，我們只需要遵循一條準(zhǔn)則即可：“用戶是否容易理解”，而這一準(zhǔn)則在具體應(yīng)用時(shí)，需要我們從不同的層面進(jìn)行更為全面的思考。

一、通過現(xiàn)象看本質(zhì)——信息

從本質(zhì)層來看，文字與圖標(biāo)的本質(zhì)是相同的，都是“信息”，而當(dāng)我們對(duì)于“用戶是否容易理解”這一準(zhǔn)則，進(jìn)行本質(zhì)性判斷時(shí)，所要關(guān)注的重點(diǎn)不在于具體表達(dá)方式的選擇，而是需要對(duì)于不同表達(dá)方式背后的“信息”做出判斷。

那么什么樣的信息，更容易被用戶所理解接受？

我們?cè)谂袛鄷r(shí)，應(yīng)該遵循什么樣的標(biāo)準(zhǔn)么？

1. 熟悉

人腦對(duì)于單個(gè)圖標(biāo)、字詞的認(rèn)知過程，是一個(gè)對(duì)比對(duì)照的過程。需要認(rèn)知的信息是實(shí)驗(yàn)組，而存儲(chǔ)在人腦長時(shí)記憶區(qū)中的已有信息則是對(duì)照組。通過試驗(yàn)組與對(duì)照組的比較，大腦就會(huì)對(duì)于當(dāng)前的信息作出判斷，一般判斷的結(jié)果會(huì)有三種:忽視、替代、補(bǔ)足。

2. 忽視

大腦在比較之后，發(fā)現(xiàn)長時(shí)記憶區(qū)中，沒有與之相匹配或相類似的信息。面對(duì)這種情況，大腦就會(huì)很自然的忽視掉該信息，自動(dòng)選擇跳過。

3. 替代

大腦在比較之后，發(fā)現(xiàn)長時(shí)記憶區(qū)中有與之相同的信息。這時(shí)人腦就會(huì)直接將二者進(jìn)行關(guān)聯(lián)替換，替換完畢后我們就有了對(duì)于該信息的認(rèn)識(shí)。

4. 補(bǔ)足

大腦在對(duì)比后，發(fā)現(xiàn)該信息只是一種“類似”的信息，沒有辦法直接進(jìn)行替換。

這時(shí)大腦就會(huì)啟用長時(shí)記憶區(qū)中已有的圖式，對(duì)于這一“類似”信息中模糊的地方進(jìn)行補(bǔ)足。

根據(jù)人腦對(duì)于信息的處理過程，我們很容易看出信息的同步率越高，人腦所花費(fèi)的認(rèn)知精力就越少，信息也就越容易被理解。

所以，在設(shè)計(jì)按鈕時(shí)，為了可以讓用戶更容易的理解我們所想要傳達(dá)的信息，我們應(yīng)該盡可能保證所要認(rèn)知的信息與人腦中已有信息之間的高度匹配。

5. 準(zhǔn)確、無歧義

在對(duì)于信息進(jìn)行評(píng)判時(shí)，最基本的就是要保證信息傳遞的準(zhǔn)確性，保證用戶在接收到該信息時(shí)，在認(rèn)知上不會(huì)產(chǎn)生歧義。

如以下三個(gè)圖標(biāo)：

三個(gè)圖標(biāo)所想要傳達(dá)的信息，都為點(diǎn)擊之后回到主頁。前兩個(gè)圖標(biāo)，可以讓用戶很容易get到所要傳達(dá)的信息點(diǎn)，而第三個(gè)圖標(biāo)，雖然在表現(xiàn)樣式上很簡潔，但所傳達(dá)的信息不夠清晰準(zhǔn)確。

用戶需要調(diào)用腦中已有的圖式，對(duì)該信息進(jìn)行加工處理，而最終經(jīng)過加工處理的信息，很可能與最初所要傳遞的信息不一樣，造成用戶理解上的歧義。

這個(gè)是“起點(diǎn)讀書”書庫頁的頂部菜單。如果只單純頂部菜單，沒有與之相對(duì)應(yīng)的頁面。對(duì)于“膠囊”這一按鈕，大家是否能理解其所要傳達(dá)的信息點(diǎn)？那如果按鈕與對(duì)應(yīng)頁面結(jié)合起來呢？

雖然說該頁面的主要功能，是短篇小說、短篇故事的展示，但是用“膠囊”這一概念來對(duì)短篇小說、故事進(jìn)行抽象性概括。這已經(jīng)超出了用戶對(duì)于“膠囊”這一概念的一般性認(rèn)知，所以用戶需要花更多的精力，去調(diào)用腦中已有的圖式去補(bǔ)全“膠囊”與短篇故事、小說之間的關(guān)系，徒增了用戶的理解成本。

二、具體問題具體分析——圖標(biāo)與文字

從現(xiàn)象層來看，圖標(biāo)與信息就是信息的兩種不同表現(xiàn)方式。兩個(gè)表現(xiàn)方式都各自有各自的特點(diǎn)，所以在設(shè)計(jì)過程中，應(yīng)根據(jù)具體的場景去選擇合適的表現(xiàn)方式。

1. 圖標(biāo)

圖標(biāo)作為現(xiàn)在使用較多的信息表現(xiàn)方式，具有以下幾個(gè)特點(diǎn)：

1）節(jié)約空間

同等空間下，圖標(biāo)所傳遞的信息量會(huì)更大。而移動(dòng)設(shè)備的屏幕大小，本身就存在著限制。所以同等空間下，為了信息傳遞的準(zhǔn)確性，可以優(yōu)先考慮圖標(biāo)這種信息傳遞方式。

2）快速定位

圖標(biāo)圖像更容易吸引用戶的目光，讓用戶可以在短時(shí)間內(nèi)定位到圖標(biāo)所在的位置。

3）易理解

大腦更容易處理圖像信息，更符合人的認(rèn)知規(guī)律。

注意事項(xiàng)：

①是否有普遍的共識(shí)

圖標(biāo)需要是用戶有普遍共識(shí)的圖標(biāo)。不同國家、不同文化背景，用戶對(duì)于同樣的圖標(biāo)的認(rèn)知可能會(huì)有所不同，而通過對(duì)于用戶常年累月的使用習(xí)慣訓(xùn)練，有些圖標(biāo)已經(jīng)在一定范圍內(nèi)的用戶心中產(chǎn)生了共識(shí)。

如以下幾個(gè)圖標(biāo)：

以上幾個(gè)圖標(biāo)在文字輸入這一場景下，在用戶心中已經(jīng)形成了共識(shí)，所以在設(shè)計(jì)的時(shí)候，就可以直接選擇對(duì)應(yīng)的圖標(biāo)進(jìn)行使用，不用擔(dān)心用戶是否能夠理解。

②圖標(biāo)清晰準(zhǔn)確——防止信息缺失

在普遍共識(shí)的基礎(chǔ)上，還需要保證圖標(biāo)所傳遞信息的準(zhǔn)確性，防止因信息缺失造成的用戶理解歧義的產(chǎn)生。

③圖標(biāo)簡潔——防止信息冗余

充斥大量信息的圖標(biāo)，不一定就可以保證信息傳遞的準(zhǔn)確性。冗余出來的信息，很可能導(dǎo)致用戶的過度理解，從而產(chǎn)生歧義。

單純的定位圖標(biāo)其實(shí)已經(jīng)可以傳達(dá)出“定位”這一含義，而徒增一個(gè)地點(diǎn)信息圖標(biāo)，不僅不易于用戶理解，反而可能增加用戶的理解成本，讓用戶在理解過程中，進(jìn)行多余的發(fā)揮。

2. 文字

1）準(zhǔn)確性

文字相較于圖標(biāo)，其最大的特點(diǎn)，就是信息傳遞的準(zhǔn)確性高。

人腦在認(rèn)知文字時(shí)，首先會(huì)將其轉(zhuǎn)化為腦中與之對(duì)應(yīng)的圖案，然后再進(jìn)行理解記憶。

雖然每個(gè)個(gè)體腦中的圖案可能存在差別，但這些圖案本身對(duì)于個(gè)體來說，卻是唯一的，這種唯一的確定性，就保證了文字信息傳遞的準(zhǔn)確性。

2）缺少美感

文字相對(duì)于圖案來說，傳遞的信息量少。如果過多的使用文字，就會(huì)顯得相對(duì)比較死板，缺少一定的美感。

3）不具有普遍性

各個(gè)地方因文化的不同，文字也會(huì)有所不同。

不同文化背景的用戶，在短時(shí)間內(nèi)并不能理解其他文化背景下的文字。

所以在做出海產(chǎn)品時(shí)，對(duì)于文字的使用要謹(jǐn)慎，需要做好本地化的迭代。

3. 文字+圖標(biāo)

在設(shè)計(jì)按鈕時(shí)，最理想的狀態(tài)，就是使用單純的圖標(biāo)或文字，就可以將信息清晰明了的傳遞給用戶，但在實(shí)際情況下，往往很難達(dá)到。

所以在實(shí)際的設(shè)計(jì)中，可以將圖標(biāo)與文字進(jìn)行結(jié)合。用圖標(biāo)更生動(dòng)的傳遞信息，用文字對(duì)于圖標(biāo)進(jìn)行解釋說明。

參考文獻(xiàn)：

1. 如何強(qiáng)化圖標(biāo)設(shè)計(jì)的細(xì)節(jié)？我總結(jié)了12個(gè)關(guān)鍵點(diǎn)！
2. 我該使用圖標(biāo)還是文字？
3. 文字信息在界面設(shè)計(jì)中的運(yùn)用

本文由 @珞小土 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議