建站
咨詢
售后
建站咨詢
新聞中心
當(dāng)我們想要讓移動網(wǎng)站的用戶導(dǎo)航更加直觀時(shí)，會遇到這樣的挑戰(zhàn)：內(nèi)容太多，空間太小。
我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、貢山ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的貢山網(wǎng)站制作公司
移動電商平臺設(shè)計(jì)中的***趨勢是使用“漢堡包圖標(biāo)”來展示分類菜單，這或許能增強(qiáng)主頁的擴(kuò)展性，實(shí)現(xiàn)主頁和菜單之間的跳轉(zhuǎn)。
可切換的菜單鍵是一種很好的把導(dǎo)航合并到每個(gè)頁面中去的方式?？紤]到移動端搜索需求的增長，并且43%的手機(jī)上的郵箱是打開的(數(shù)據(jù)來源Litmus)，因此維護(hù)那些直接進(jìn)入到你的網(wǎng)站內(nèi)頁和不熟悉你的移動網(wǎng)站的用戶是至關(guān)重要的。 這種漢堡包菜單是一個(gè)好點(diǎn)子——且約定俗成的，但問題是如何將它應(yīng)用到你的設(shè)計(jì)中去。
要做的事：告訴用戶從哪里開始
Buckle可以識別到***訪問的訪客并將他們的注意力吸引到菜單鍵上。即使訪客不知道漢堡包菜單的作用，他們知道這是一個(gè)很好的起點(diǎn)，并且很快會發(fā)現(xiàn)它是用來控制分類導(dǎo)航的。
不能做的事：分不清“漢堡包”菜單和網(wǎng)站logo
盡管移動端正在日益普及，互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣桌面網(wǎng)頁的分布方式，認(rèn)為左上角是logo的位置，把“漢堡包菜單”放到logo的左側(cè)是一個(gè)很大的禁忌。
***訪問的用戶，如何得知“DISCOUNT DANCE SUPPLY”是導(dǎo)航，而不是品牌logo。
Forever 21 logo右側(cè)的導(dǎo)航是很容易理解的，但是左側(cè)的漢堡包菜單看起來不像是可點(diǎn)擊的元素。
Ditto Spanx，看看這個(gè)網(wǎng)站，你該明白了。
#p#
不能做的事：太多留白
我賭你一杯雙倍大份的焦糖瑪奇朵，眼球追蹤研究將顯示用戶的大部分注意力的都在圖片的部分，而不是浮動神秘的漢堡包菜單。把菜單圖標(biāo)遠(yuǎn)遠(yuǎn)的放在右側(cè)和把它放在logo左側(cè)一樣危險(xiǎn)。
需要做的事：將分類圖標(biāo)和其他導(dǎo)航元素組織好
Softchoice的漢堡包菜單作為導(dǎo)航菜單的一部分，用戶很容易就識別出它是可操作的。
另外，Lowe’s 把漢堡包菜單和搜索放在一起。
當(dāng)你決定圖標(biāo)的順序時(shí)，請牢記桌面網(wǎng)頁中一些約定俗成的慣例。eBags的漢堡包菜單在右上側(cè)，這個(gè)位置是傳統(tǒng)的放置登錄和購物車的位置。 把漢堡包菜單放到賬戶和購物車的左側(cè)，或者把它和搜索放在一起， eBags或許會更好。
Green Mountain 把漢堡包菜單和搜索放在一起，但是把它放在搜索的左側(cè)可能會更直觀，畢竟，垂直類的菜單約定俗成的出現(xiàn)在左側(cè)，而“搜索”按鍵則出現(xiàn)在搜索框的右側(cè)。
需要做的事：標(biāo)注圖標(biāo)
設(shè)計(jì)師——我聽到你在哭泣，但是標(biāo)注圖標(biāo)可以更好的闡明這些圖標(biāo)是做什么的。例如，CVS漢堡包菜單上增加了“菜單”兩個(gè)字。
如果你覺得這太擁擠了，你可以直接把“菜單”兩個(gè)字設(shè)計(jì)在按鍵上，直到漢堡包菜單成為約定俗成的菜單圖標(biāo)。
注意：Harry and David的搜索圖標(biāo)可能會和PayPal的logo混淆，因?yàn)镻ayPal的logo看起來類似一個(gè)搜索框。
Ross Simons菜單按鍵上的加號大喊著“展開我”。這種放在搜索框左側(cè)的方式要比和購物袋圖標(biāo)放在一起，或者是放在搜索框右側(cè)更加有效。
但是Ross Simons 的購物袋圖標(biāo)是和logo混在一起的，而且混的有點(diǎn)過了。事實(shí)上，如果沒有適當(dāng)?shù)脑O(shè)計(jì)，任何導(dǎo)航圖標(biāo)都可能被忽視。
一如既往，用戶測試和A/B測或者多變量測試可以告訴你，你的設(shè)計(jì)是否有效。測試導(dǎo)航應(yīng)該是移動優(yōu)化策略中的首要任務(wù)之一，使空間使用的有效性與移動網(wǎng)站架構(gòu)清晰相互均衡。
網(wǎng)站名稱：不要在移動端菜單設(shè)計(jì)中犯這些錯(cuò)誤
當(dāng)前鏈接：http://www.5511xx.com/article/cccesgc.html
