什麼時候使用漢堡包菜單設計

漢堡包菜單，也叫側邊欄菜單。它由三個堆疊線條（你能夠形象的想象成漢堡包中上下的兩個麪包和中間的肉）的圖標用於表示菜單。點擊圖標時，會顯示可用的導航選項。不少設計師寫的有關漢堡包菜單設計的文章，都不看好這種設計。總結其缺點，主要體如今：1.可發現性較低；2.效率較低；3.與系統的導航模式衝突；4.不夠一目瞭然。你們若是感興趣的話，能夠搜索相關文章詳細瞭解一下。但究其根本，並非圖標自己，而是隱藏在圖標後面導航選項。

儘管如此，在某些狀況下，漢堡包菜單設計多是一個不錯的選擇。

如：漢堡包菜單做爲輔助導航

因爲漢堡包菜單的主要缺點是其低可發現性，所以不推薦將其使用爲主導航菜單。可是，在設計輔助導航選項時，這種模式多是一個合適的解決方案。若是主導航選項在屏幕上以CTA按鈕（即用戶響應行動或叫用戶行爲召喚）或其餘形式展示，在輔助導航中使用漢堡包菜單設計會是一個好的方法。

下面以Uber主屏幕做爲例子：

地圖和搜索（Uber屏幕的兩個重要導航元素）始終是可見的。

因爲主屏幕的全部內容都是爲了打車，因此諸如歷史記錄和設置等次要選項能夠隱藏在漢堡菜單的後面(這些功能在每一個人打開應用程序時不太可能都去使用)。這個漢堡包圖標不會分散用戶打車的注意力，並且仍然容許他們訪問裏面的輔助功能。

在這種特殊狀況下：

導航元素越少意味着當用戶與應用程序交互時受到的干擾就越少。並且，最小化導航使用戶的注意力集中在打車上。

通常來講，在你選擇是否使用漢堡包菜單時，請考慮「80%規則」。也就是，你想要隱藏在漢堡圖標後面的導航選項會低於正常使用的80%嗎? 若是你的答案是確定的，那麼把它們放在漢堡菜單裏就沒問題了。

結論：

雖然隱藏的導航一般不利於用戶體驗，但任何設計決策都必須對應用程序的目標情景進行綜合考慮。換句話說，沒有「好」或「壞」的設計模式。最重要的是使用情景。

原文做者：Nick Babich

原文連接：http://babich.biz/hamburger-good-ux/

更多設計類相關乾貨（文章及經驗教程），盡在：UI/UX專業博客