相信大家經(jīng)常在手機(jī)網(wǎng)站上看到漢堡式菜單設(shè)計(jì)。對(duì)于從事網(wǎng)站設(shè)計(jì)的人員來講,對(duì)于漢堡式菜單設(shè)計(jì)都非常熟悉。但對(duì)于一些用戶來說,可能還不知道什么叫漢堡式菜單設(shè)計(jì),其實(shí)就是我們常講的側(cè)邊欄菜單。它們通常是三行堆積在一起,形狀類似于一個(gè)漢堡,因?yàn)檎加每臻g少,所以常被作為一個(gè)網(wǎng)站設(shè)計(jì)功能納入網(wǎng)站菜單。
漢堡菜單加上彈出式的側(cè)邊欄在iOS和 Android 平臺(tái)上都是極為常見的導(dǎo)航設(shè)計(jì)模式。雖然有數(shù)據(jù)表明,漢堡菜單和默認(rèn)隱藏的側(cè)邊欄導(dǎo)航在打開率上并不如常見的顯性導(dǎo)航,但是
上海網(wǎng)站設(shè)計(jì) 銀狐公司認(rèn)為它在體驗(yàn)上有獨(dú)特的優(yōu)勢(shì),讓整個(gè)界面更加簡(jiǎn)約、整潔,干擾性更小。用戶點(diǎn)擊漢堡菜單,側(cè)邊欄導(dǎo)航從側(cè)面滑出顯示,用戶可選擇他們想要點(diǎn)擊的選項(xiàng)。
上海網(wǎng)站設(shè)計(jì) 經(jīng)過實(shí)踐證明漢堡菜單和側(cè)邊欄的搭配特別適用于響應(yīng)式的網(wǎng)頁設(shè)計(jì),舉個(gè)例子,Android 平臺(tái)的 Gmail 官方應(yīng)用,YouTube 和 Facebook,均是沿用了這樣的設(shè)計(jì)。隱藏式的側(cè)邊欄導(dǎo)航,在很大程度上讓用戶更加專注于主要的界面內(nèi)容,讓界面更加整潔。雖然打開率不如顯性導(dǎo)航,但是在很多情況下,這種隱藏性的設(shè)計(jì)更符合實(shí)際需求。