“漢堡菜單”成為了移動(dòng)電商平臺(tái)設(shè)計(jì)中的最新趨勢，用它可以展示分類菜單，這毫無疑問的就增強(qiáng)了主頁的擴(kuò)展性，簡單的實(shí)現(xiàn)了主頁和菜單之間的跳轉(zhuǎn)。漢堡菜單是一個(gè)約定成俗的好點(diǎn)子，但問題是如何將它應(yīng)用到你的設(shè)計(jì)中去。

　　移動(dòng)網(wǎng)站制作要做的事：告訴用戶從哪里開始

　　將首次訪問的訪客注意力吸引到菜單鍵上。即使訪客不知道漢堡菜單的作用，他們知道這是一個(gè)很好的起點(diǎn)或者一個(gè)菜單按鈕，并且很快會(huì)發(fā)現(xiàn)它是用來控制分類導(dǎo)航的。

　　移動(dòng)網(wǎng)站制作不能做的事：分不清漢堡菜單和網(wǎng)站logo

　　盡管移動(dòng)應(yīng)用在迅速發(fā)展，把漢堡菜單放到logo的左側(cè)是一個(gè)很大的禁忌，因?yàn)榛ヂ?lián)網(wǎng)用戶已經(jīng)習(xí)慣桌面網(wǎng)頁的分布方式，認(rèn)為左上角是logo的位置。

　　移動(dòng)網(wǎng)站制作不能做的事：太多留白

　　眼球追蹤研究將顯示用戶的大部分注意力的都在圖片的部分，而不是浮動(dòng)神秘的漢堡菜單。把菜單圖標(biāo)遠(yuǎn)遠(yuǎn)的放在右側(cè)和把它放在logo左側(cè)一樣危險(xiǎn)。

　　移動(dòng)網(wǎng)站制作需要做的事：將分類圖標(biāo)和其他導(dǎo)航元素組織好

　　將漢堡菜單設(shè)計(jì)成導(dǎo)航菜單的一部分，很容易就能被用戶識(shí)別出它是可操作的。另外，也有將漢堡菜單和搜索放在一起。

　　充分考慮pc網(wǎng)站中一些約定俗成的設(shè)計(jì)習(xí)慣，對(duì)我們選擇圖標(biāo)順有重大參考價(jià)值。例如，右上側(cè)這個(gè)位置是傳統(tǒng)的放置登錄和購物車的位置。如果把漢堡菜單放到賬戶和購物車的左側(cè)，或者把它和搜索放在一起，或許會(huì)更好。

　　假如選擇把漢堡菜單和搜索放在一起，那么把它放在搜索的左側(cè)可能會(huì)更直觀，畢竟，垂直類的菜單約定俗成的出現(xiàn)在左側(cè)。

　　移動(dòng)網(wǎng)站制作需要做的事：標(biāo)注圖標(biāo)

　　設(shè)計(jì)師——我聽到你在哭泣，但是標(biāo)注圖標(biāo)可以更好的闡明這些圖標(biāo)是做什么的。例如，漢堡菜單上增加“菜單”兩個(gè)字。

　　如果你覺得這太擁擠了，你可以直接把“菜單”兩個(gè)字設(shè)計(jì)在按鍵上，直到漢堡菜單成為約定俗成的菜單圖標(biāo)。

　　菜單按鍵上的加號(hào)大喊著“展開我”。這種放在搜索框左側(cè)的方式要比和購物袋圖標(biāo)放在一起，或者是放在搜索框右側(cè)更加有效。但事實(shí)上，如果沒有適當(dāng)?shù)脑O(shè)計(jì)，任何導(dǎo)航圖標(biāo)都可能被忽視。

　　一如既往，用戶測試和A/B測或者多變量測試可以告訴你，你的設(shè)計(jì)是否有效。測試導(dǎo)航應(yīng)該是移動(dòng)優(yōu)化策略中的首要任務(wù)之一，使空間使用的有效性與移動(dòng)網(wǎng)站架構(gòu)清晰相互均衡。移動(dòng)網(wǎng)站制作就在這里，蒙特人期待與您心與心的交流15158184365！