本文主要翻譯自“Don't Make These Mobile Menu Mistakes”
漢堡三線圖標(biāo)(又稱抽屜)
“三條杠”的漢堡菜單圖標(biāo)是現(xiàn)在相當(dāng)常用的導(dǎo)航方式?,F(xiàn)在主要流行的使用方式有兩種,一種是path的打開側(cè)邊欄,如下圖。
另一種是新浪微博的菜單。
那么在使用漢堡圖標(biāo)時(shí)要注意些什么呢
要:告訴你的用戶從哪里開始
Buckle向新用戶標(biāo)識(shí)出了菜單按鍵,并很好的吸引了他們的注意力。盡管用戶不知道按鈕后面是什么,但他們知道這是繼續(xù)體驗(yàn)的一個(gè)好的開始,之后他們會(huì)發(fā)現(xiàn)漢堡菜單通向了分類導(dǎo)航。
不要:讓漢堡菜單和logo混淆
下面幾個(gè)的漢堡菜單看起來像是logo
不要:大量留白
下圖中的圖片會(huì)吸引人的視線注意,落單靠右的漢堡菜單非常不起眼
要:將漢堡圖標(biāo)和其他導(dǎo)航按鈕放在一起
歸組
常用的:將漢堡菜單和搜索放在一起
放置漢堡按鈕時(shí)要注意一些習(xí)慣用法。
e-bag將漢堡按鈕放在最右上角,但在慣例里用戶會(huì)在這個(gè)位置尋找登錄和注冊(cè)。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
將漢堡按鈕放在搜索框左邊更好,因?yàn)橐话阍谧筮呎归_菜單
要:標(biāo)識(shí)你的按鈕
在可行的情況下標(biāo)識(shí)你的按鈕
直接標(biāo)注menu
最后,原文寫于2013年,因此關(guān)于一些習(xí)俗、慣例方面的設(shè)計(jì)并不完全適用于現(xiàn)在的設(shè)計(jì)。