蒙特微網(wǎng)站建設(shè)多年,在為客戶提供移動(dòng)端手機(jī)網(wǎng)站(微網(wǎng)站)建設(shè)中,當(dāng)我們想要讓移動(dòng)網(wǎng)站的用戶導(dǎo)航更加直觀時(shí),會(huì)遇到這樣的挑戰(zhàn):需要展示的內(nèi)容太多,移動(dòng)端屏幕尺寸太小。所以適應(yīng)移動(dòng)端界面瀏覽的頁(yè)面設(shè)計(jì)中使用菜單圖標(biāo)是個(gè)很好的選擇。
在移動(dòng)電商平臺(tái)設(shè)計(jì)中的最新趨勢(shì)是使用“漢堡包圖標(biāo)”來(lái)展示分類(lèi)菜單,這或許能增強(qiáng)主頁(yè)的擴(kuò)展性,實(shí)現(xiàn)主頁(yè)和菜單之間的跳轉(zhuǎn)。盡管移動(dòng)端正在日益普及,互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣桌面網(wǎng)頁(yè)的分布方式,認(rèn)為左上角是logo的位置,無(wú)引導(dǎo)性把“漢堡包菜單”圖標(biāo)放到logo的左側(cè)是一個(gè)很大的禁忌。我們需要做到的是:
1、 正確擺放菜單圖標(biāo)位置;
需要讓用戶得知菜單圖標(biāo)是可點(diǎn)擊元素,區(qū)別于品牌logo、其他導(dǎo)航元素(購(gòu)買(mǎi)、登錄)等。
例如IRWIN,品牌LOGO在左側(cè),右側(cè)是菜單圖標(biāo)與搜索搭配
美團(tuán)的菜單圖標(biāo)+全部分類(lèi),與全城、智能排序搜索條件元素并排
2、怎么樣快速告訴用戶從哪里開(kāi)始操作瀏覽更多;
利用圖形與文字結(jié)合,先將首次訪問(wèn)的用戶的注意力吸引到菜單鍵上,得知它是用來(lái)控制分類(lèi)導(dǎo)航,可點(diǎn)擊操作展開(kāi)瀏覽更多類(lèi)目。
如手機(jī)淘寶的菜單圖標(biāo)+類(lèi)目,如下圖
Buckle的菜單圖標(biāo)+start here,如下圖
Ross Simons菜單圖標(biāo)加號(hào)+與menu,如下圖
2、 將菜單圖標(biāo)的導(dǎo)航作用發(fā)揮到極致
靈活利用菜單圖標(biāo),除了將菜單圖標(biāo)用作整站導(dǎo)航之外,還可以拓展到其他導(dǎo)航元素,例如milwaukee的菜單圖標(biāo)+PRODUCTS搭配展示產(chǎn)品類(lèi)目

微網(wǎng)站建設(shè)蒙特團(tuán)隊(duì)和開(kāi)發(fā)技術(shù)以及后期的售后維保,相比同行業(yè)都是非常成熟的,如果你也看好蒙特,請(qǐng)撥打我們的咨詢熱線洽談15158184365.
蒙特微網(wǎng)站建設(shè)多年,在為客戶提供移動(dòng)端手機(jī)網(wǎng)站(微網(wǎng)站)建設(shè)中,當(dāng)我們想要讓移動(dòng)網(wǎng)站的用戶導(dǎo)航更加直觀時(shí),會(huì)遇到這樣的挑戰(zhàn):需要展示的內(nèi)容太多,移動(dòng)端屏幕尺寸太小。所以適應(yīng)移動(dòng)端界面瀏覽的頁(yè)面設(shè)計(jì)中使用菜單圖標(biāo)是個(gè)很好的選擇。
在移動(dòng)電商平臺(tái)設(shè)計(jì)中的最新趨勢(shì)是使用“漢堡包圖標(biāo)”來(lái)展示分類(lèi)菜單,這或許能增強(qiáng)主頁(yè)的擴(kuò)展性,實(shí)現(xiàn)主頁(yè)和菜單之間的跳轉(zhuǎn)。盡管移動(dòng)端正在日益普及,互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣桌面網(wǎng)頁(yè)的分布方式,認(rèn)為左上角是logo的位置,無(wú)引導(dǎo)性把“漢堡包菜單”圖標(biāo)放到logo的左側(cè)是一個(gè)很大的禁忌。我們需要做到的是:
1、 正確擺放菜單圖標(biāo)位置;
需要讓用戶得知菜單圖標(biāo)是可點(diǎn)擊元素,區(qū)別于品牌logo、其他導(dǎo)航元素(購(gòu)買(mǎi)、登錄)等。
例如IRWIN,品牌LOGO在左側(cè),右側(cè)是菜單圖標(biāo)與搜索搭配
美團(tuán)的菜單圖標(biāo)+全部分類(lèi),與全城、智能排序搜索條件元素并排
2、怎么樣快速告訴用戶從哪里開(kāi)始操作瀏覽更多;
利用圖形與文字結(jié)合,先將首次訪問(wèn)的用戶的注意力吸引到菜單鍵上,得知它是用來(lái)控制分類(lèi)導(dǎo)航,可點(diǎn)擊操作展開(kāi)瀏覽更多類(lèi)目。
如手機(jī)淘寶的菜單圖標(biāo)+類(lèi)目,如下圖
Buckle的菜單圖標(biāo)+start here,如下圖
Ross Simons菜單圖標(biāo)加號(hào)+與menu,如下圖
2、 將菜單圖標(biāo)的導(dǎo)航作用發(fā)揮到極致
靈活利用菜單圖標(biāo),除了將菜單圖標(biāo)用作整站導(dǎo)航之外,還可以拓展到其他導(dǎo)航元素,例如milwaukee的菜單圖標(biāo)+PRODUCTS搭配展示產(chǎn)品類(lèi)目

微網(wǎng)站建設(shè)蒙特團(tuán)隊(duì)和開(kāi)發(fā)技術(shù)以及后期的售后維保,相比同行業(yè)都是非常成熟的,如果你也看好蒙特,請(qǐng)撥打我們的咨詢熱線洽談15158184365.