前言###
寫(xiě)這篇文章最初的想法是來(lái)自我看過(guò)的一篇關(guān)于漢字與英文閱讀習(xí)慣差異的文章,可惜現(xiàn)在想起來(lái)的時(shí)候已經(jīng)找不到那篇文章了(有知道的人請(qǐng)務(wù)必私信我)。
圖型菜單與文字菜單###
在做瀏覽器測(cè)評(píng)的時(shí)候下載了firefox,一直都在用chrome的我第一眼就被主界面的圖形菜單給吸引住了,包括右鍵菜單也是讓我感覺(jué)耳目一新,但后來(lái)慢慢使用的過(guò)程中發(fā)現(xiàn)并沒(méi)有想象中的那么好用。
主要是因?yàn)槭褂眠^(guò)程中這些圖形菜單讓我感覺(jué)操作變慢了,需要看比較長(zhǎng)的時(shí)間才能找到自己想要找的選項(xiàng),后來(lái)仔細(xì)分析對(duì)比了一下,我發(fā)現(xiàn)圖形跟文字主要是識(shí)別節(jié)奏有區(qū)別的,識(shí)別主要分三個(gè)階段:
第一階段:區(qū)域識(shí)別階段#####
這個(gè)階段主要是將頁(yè)面信息分區(qū)域,主要是受菜單里分隔線的引導(dǎo),菜單里的選項(xiàng)的具體圖形在腦海里還是比較模糊
第二階段:形狀識(shí)別階段#####
這個(gè)階段大腦會(huì)比較清晰看到菜單里面選項(xiàng)的形狀,但具體文字以及圖標(biāo)還是一個(gè)模糊的階段
文字菜單的識(shí)別工作在這個(gè)時(shí)候已經(jīng)完成了一大半,主要是由于我們從小到大就一直在訓(xùn)練文字識(shí)別能力
所以我們看到選項(xiàng)大概的長(zhǎng)度以及其中的一兩個(gè)文字很快就可以聯(lián)想到選項(xiàng)的內(nèi)容,可以很快得找到自己想要的選項(xiàng),而不用每一個(gè)選項(xiàng)的文字都看完了才能理解透
而圖形菜單在這個(gè)階段,由于圖形更加突出,當(dāng)我們又沒(méi)辦法對(duì)于大小類似的十個(gè)圖標(biāo)很快地進(jìn)行具體識(shí)別,所以這個(gè)階段還是沒(méi)辦法識(shí)別出具體選項(xiàng)
第三階段:文字圖標(biāo)識(shí)別完成#####
圖形菜單在這個(gè)階段識(shí)別完成,而文字菜單在這個(gè)階段把最后的10%給完成掉。。
總結(jié)#####
文字相對(duì)于圖形來(lái)說(shuō),可以更快的通過(guò)選項(xiàng)以及第一個(gè)字的聯(lián)想來(lái)識(shí)別出選項(xiàng)。
而圖形菜單無(wú)法通過(guò)大概的形狀去區(qū)分開(kāi)每一個(gè)選項(xiàng),并且軟件的很多操作都是抽象的,沒(méi)辦法用一個(gè)具象的圖標(biāo)去很好地表達(dá)出來(lái),這就導(dǎo)致了圖形菜單選項(xiàng)識(shí)別速度會(huì)比較慢。
實(shí)際應(yīng)用###
實(shí)際上前文的對(duì)比還是有一定局限性的,瀏覽器主界面菜單有這樣的特點(diǎn):
- 使用頻率不高
- 選項(xiàng)相對(duì)來(lái)說(shuō)較多(10個(gè)或以上)
- 【圖形菜單】實(shí)際上剛剛說(shuō)到的圖形菜單也還是有文字,只是圖形會(huì)占比較大一部分而已
- 【圖形菜單】純圖形無(wú)文字的菜單有些選項(xiàng)并不能及時(shí)地給予用戶足夠的反饋,例如復(fù)制,收藏一類的選項(xiàng),不結(jié)合其它操作是很難產(chǎn)生效果的
舉個(gè)反例大家很快就能理解了,安卓手機(jī)上的三大金剛鍵,選項(xiàng)少,操作頻率高,并且反饋及時(shí)充分,用圖形菜單選項(xiàng)就完全沒(méi)有問(wèn)題了
以文字為主,圖形為輔的表現(xiàn)形式有時(shí)候反而會(huì)加強(qiáng)了文字選項(xiàng)的特征,達(dá)到更快識(shí)別的目的。例如各種解壓軟件在右鍵菜單里的選項(xiàng),一眼掃過(guò)去就可以找到解壓或者壓縮的選項(xiàng),當(dāng)然這里其實(shí)還包括了選項(xiàng)分類的思路在里面。
結(jié)束###
大概就是這樣子啦。。