前言


寫這篇文章最初的想法是來自我看過的一篇關於漢字與英文閱讀習慣差異的文章,可惜現在想起來的時候已經找不到那篇文章了(有知道的人請務必私信我)。

圖型菜單與文字菜單

在做瀏覽器測評的時候下載了firefox,一直都在用chrome的我第一眼就被主界面的圖形菜單給吸引住了,包括右鍵菜單也是讓我感覺耳目一新,但後來慢慢使用的過程中發現並沒有想象中的那麼好用。

主要是因為使用過程中這些圖形菜單讓我感覺操作變慢了,需要看比較長的時間才能找到自己想要找的選項,後來仔細分析對比了一下,我發現圖形跟文字主要是識別節奏有區別的,識別主要分三個階段:

第一階段:區域識別階段

這個階段主要是將頁面信息分區域,主要是受菜單里分隔線的引導,菜單里的選項的具體圖形在腦海里還是比較模糊

第二階段:形狀識別階段

這個階段大腦會比較清晰看到菜單裏面選項的形狀,但具體文字以及圖標還是一個模糊的階段

文字菜單的識別工作在這個時候已經完成了一大半,主要是由於我們從小到大就一直在訓練文字識別能力

所以我們看到選項大概的長度以及其中的一兩個文字很快就可以聯想到選項的內容,可以很快得找到自己想要的選項,而不用每一個選項的文字都看完了才能理解透

而圖形菜單在這個階段,由於圖形更加突出,當我們又沒辦法對於大小類似的十個圖標很快地進行具體識別,所以這個階段還是沒辦法識別出具體選項

第三階段:文字圖標識別完成

圖形菜單在這個階段識別完成,而文字菜單在這個階段把最後的10%給完成掉。。

總結

文字相對於圖形來說,可以更快的通過選項以及第一個字的聯想來識別出選項。

而圖形菜單無法通過大概的形狀去區分開每一個選項,並且軟件的很多操作都是抽象的,沒辦法用一個具象的圖標去很好地表達出來,這就導致了圖形菜單選項識別速度會比較慢。

實際應用


實際上前文的對比還是有一定局限性的,瀏覽器主界面菜單有這樣的特點:

  1. 使用頻率不高
  2. 選項相對來說較多(10個或以上)
  3. 【圖形菜單】實際上剛剛說到的圖形菜單也還是有文字,只是圖形會佔比較大一部分而已
  4. 【圖形菜單】純圖形無文字的菜單有些選項並不能及時地給予用戶足夠的反饋,例如複製,收藏一類的選項,不結合其它操作是很難產生效果的

舉個反例大家很快就能理解了,安卓手機上的三大金剛鍵,選項少,操作頻率高,並且反饋及時充分,用圖形菜單選項就完全沒有問題了

以文字為主,圖形為輔的表現形式有時候反而會加強了文字選項的特徵,達到更快識別的目的。例如各種解壓軟件在右鍵菜單里的選項,一眼掃過去就可以找到解壓或者壓縮的選項,當然這裏其實還包括了選項分類的思路在裏面。

結束


大概就是這樣子啦。。

 

作者:kemchenj

來源:http://www.jianshu.com/p/b499173c7419