淺談圖型菜單與文字菜單

前言###


寫(xiě)這篇文章最初的想法是來(lái)自我看過(guò)的一篇關(guān)于漢字與英文閱讀習(xí)慣差異的文章,可惜現(xiàn)在想起來(lái)的時(shí)候已經(jīng)找不到那篇文章了(有知道的人請(qǐng)務(wù)必私信我)。

圖型菜單與文字菜單###


firefox菜單
firefox右鍵菜單

在做瀏覽器測(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í)別階段#####
Paste_Image.png

這個(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):

  1. 使用頻率不高
  2. 選項(xiàng)相對(duì)來(lái)說(shuō)較多(10個(gè)或以上)
  3. 【圖形菜單】實(shí)際上剛剛說(shuō)到的圖形菜單也還是有文字,只是圖形會(huì)占比較大一部分而已
  4. 【圖形菜單】純圖形無(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é)束###


大概就是這樣子啦。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評(píng)論 4 61
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,333評(píng)論 25 708
  • 現(xiàn)在我要說(shuō)一說(shuō)中秋節(jié)的一部一定要錯(cuò)過(guò)的電影,沒(méi)錯(cuò),就是《大話西游3》。(ps:我以下所說(shuō)的有嚴(yán)重劇透的嫌疑,請(qǐng)還想...
    愛(ài)德華的漫長(zhǎng)歲月閱讀 1,404評(píng)論 0 1
  • 啣山腳下青瓦舍,陳家莊上土籬笆。 門(mén)前榆樹(shù)迎風(fēng)榮,婷婷如蓋似傘打。 屋后柳絳隨雨興,纖纖弄柔舒新芽。 晨在樹(shù)梢鳥(niǎo)鳴...
    啣山放翁閱讀 214評(píng)論 0 4
  • 沒(méi)有想好文章的題材取什么,再三猶豫斟酌間,忽然看到了自己的網(wǎng)名,覺(jué)得應(yīng)該會(huì)挺有意思,于是即興寫(xiě)了這篇感想。 當(dāng)初為...
    f7a71a842738閱讀 811評(píng)論 0 0