最近25學堂看到很多設(shè)計媒體都爆出了盡量避免使用漢堡包菜單和漢堡圖標。讓我看完之后，也覺得非常有理有據(jù)。但是這個漢堡包菜單適不適合只有各位設(shè)計師在自己的項目中去體驗和各自用戶的反饋來知道。不是隨便幾個普遍的問題或者個案可以回答的。

也許很多APP設(shè)計師新手還不知道什么是漢堡菜單和漢堡圖標。我們先來看下圖：

只要有三條橫杠的這樣的圖標。我們簡稱漢堡圖標。

移動設(shè)計的專業(yè)術(shù)語如下：漢堡菜單 (hamburger menus)，也叫做左滑菜單 (left nav flyouts)，或者叫抽屜菜單 (drawer menus)，或者叫做 basements，或者叫做 slide out menus... 總之就是長著三條線，通常出現(xiàn)在屏幕左上角，導航欄左邊位置，用于代替 tab bar 的菜單，兼顧導航的功用。

25學堂的小編相信大伙對這個圖標不陌生吧！也有很多人在自己的移動APP項目里面 使用了這樣的漢堡圖標。

我們來看下知乎里面一位牛人是這樣點評APP漢堡圖標的優(yōu)缺點。

使用APP漢堡圖標優(yōu)點：

這是個懶惰得無須用腦的設(shè)計，只需要把所有的視圖切換按鈕，所有你想給人看不想給人看的東西放在這個漢堡圖標點擊之后出現(xiàn)的一個匯總視圖里面即可，不擔心對象太多，就讓它可以滾動。并不要過于考慮，總之全部堆砌在一起就行了。那么好處是什么？當然有好處，節(jié)省了寶貴的屏幕空間，屏幕下端固定出現(xiàn)的一條 tab bar 現(xiàn)在只需要導航欄的一個按鈕就可以取代。

使用APP漢堡圖標的缺點：

太多了。通常我們說一個好的交互界面最重要兩點是，讓使用者在一個視圖里面可以看見自己在哪里 (tells where you are)，還可以去哪里 (shows you where else you can go)，但漢堡菜單非常直接了當?shù)匕堰@兩件事情都搞砸了。所有的門都隱藏在另外一個沒有名字的門后面。

也有不少媒體報道稱越來越多的研究及測試表明，側(cè)邊欄菜單，也就是我們俗稱的漢堡包菜單，很可能是一種弊大于利的設(shè)計模式。

問題所在

1、可發(fā)現(xiàn)性較低

2、效率較低

3、與系統(tǒng)的導航模式?jīng)_突

4、不夠一目了然

漢堡圖標得到采用和推崇，還是因為設(shè)計師（更多時候是客戶）沒有完全遵循移動優(yōu)先的設(shè)計方法。他們想要一個“常規(guī)”站點，卻把它硬塞進外孫女的手機中。

漢堡圖標的反對者往往用“菜單”二字代替它，他們這么做完全不得要領(lǐng)。不論是否形似，漢堡圖標如今已經(jīng)達到了它的含義，但用戶理解這個按鈕是干什么的，并沒有解決最大的問題，它隱藏了導航，隱藏了用戶的選擇，這是相當嚴重的自殘。

簡單說，漢堡圖標是一種象征，象征著我們在一心一意全方位擁抱移動優(yōu)先的道路上，集體失敗了。

總之：移動APP漢堡菜單的價值有些被過分夸大放大了。僅僅適用于極少數(shù)只需要單一視圖 (single view) 便能夠很好工作的應(yīng)用。譬如說 Maps，但這時候是不是一定要使用漢堡菜單？難道不可以三個小點，或者一個 ‘i’ 按鈕？或者 nav bar 或者 tool bar 控件上的其它按鈕？或者其它信息組織形式？這時候一個適用范圍并不十分廣泛的 “標準” 漢堡菜單，只會局限思維。

那么我們到底如何合理有效的使用app的漢堡菜單呢？

第一種用法：它的內(nèi)容界面只有一級結(jié)構(gòu)，不再有下級界面，無需一層層的前后導航，因此不會發(fā)生導航?jīng)_突的情況。比如界面搜索切換。

第二種用法：傳統(tǒng)的tab欄是漢堡菜單的最簡單直接的替代方案。

第三種用法：拆分APP的結(jié)構(gòu)和目錄，細化這些菜單。如果我們的APP功能比較復雜，菜單比較多，漢堡圖標將會是表現(xiàn)菜單的最佳形式。

還是老毛的那句話比較真理：“具體問題，具體分析”

移動APP漢堡菜單和APP漢堡圖標有利也有弊。就看各位一定APP大師們?nèi)绾蝸碓O(shè)計好它。

因為如今的漢堡式菜單很多被濫用了。

優(yōu)秀的app都極為專注，他們通過遠比網(wǎng)頁嚴苛的用戶測試進化。要打造app一樣的體驗，我們得簡化網(wǎng)站，再簡化，然后再多簡化一點點。如果有必要，將建筑結(jié)構(gòu)打散成可管理的小片，近似于迷你站點。當我們?yōu)橛脩粽宫F(xiàn)一組簡單的選擇，復雜菜單的問題再也不會出現(xiàn)了。

當然25學堂也希望有新的表現(xiàn)形式出現(xiàn)?？梢酝昝赖慕鉀Q漢堡菜單帶來的弊端。

最后，我們也只有用開放的心態(tài)去擁抱移動優(yōu)先的方式，不僅將它用于設(shè)計，也用于我們的內(nèi)容和信息結(jié)構(gòu)，讓移動漢堡菜單和漢堡圖標才會成為APP設(shè)計的歷史。