最近在設計一款安卓的app,忠于安卓5.1的設計規(guī)范以及對產品原型一些主要功能上的妥協,我選擇了使用側邊欄抽屜式導航。
一、優(yōu)缺點
優(yōu)點:突出核心功能,將其他的功能隱藏掉。
缺點:
1.不易發(fā)現,導航性差
2.效率低效
3.與平臺(iOS)原生導航模式沖突
4.并不是一目了然
Luis Abreu在他的一篇文章“為什么要避免使用漢堡包菜單”中一語中的的指出漢堡包菜單的問題,全文分析得很透徹,具體可以看(http://daichuanqing.com/index.php/archives/6241)
二、為什么抽屜式導航衰退
我自己討厭抽屜式導航,認為大部分APP會使用抽屜式導航,是為了突出核心功能,將其他不重要的功能隱藏掉,以此來增加頁面的簡潔感與美觀度。而抽屜式導航當中的內容對于用戶來說點擊率是非常低的。
而且隨著手機屏幕越來越大的趨勢,現在手機屏幕尺寸大多在4——6英寸中間,具體調查數據如下。

而下面這張圖,非常直觀明了的告訴了我們,為什么抽屜式導航衰退了。因為,一個需要被經常操作的入口,現在,處在了操作盲區(qū),左上角的區(qū)域顯然是不常用區(qū)域。

三、主流導航:底部導航欄
底部導航欄這是最常見和實用的,盡管會占據一些屏幕空間,但它的好處確實足夠多:
·可見性強:全都在你的屏幕上
·結構清晰:最多只能五個標簽
·交互方便:只需點一下,搞定
但這對icon的要求會很高,它必須要易于理解,最好底部用文字說明。
微博,微信,QQ,淘寶,intagram,美團,足記等app都是使用底部導航。
其他形式的導航還有:頂部導航,滑動導航,bag和下拉導航......
四、側邊欄抽屜式導航不好么
但是事實真的是側邊欄抽屜式導航不好么,為什么google推出material design5.0的設計規(guī)范里專門提出一欄來說drawer呢。(而且我最愛的知乎也是側邊欄抽屜式導航?。。?/p>
下面我們看下material design 的官方文檔:http://www.google.com/design/spec/patterns/navigation-drawer.html
官方規(guī)范描述如下:
導航抽屜面板,從當前界面的左邊劃出,顯示應用程序的主要導航選項。
用戶可以把導航抽屜在屏幕上劃動來從屏幕的左邊緣或通過觸摸操作欄上的應用程序圖標。
隨著導航抽屜的擴展,它覆蓋的是內容而不是操作欄。抽屜完全擴展時,操作欄調整其內容通過替換當前的操作欄標題與上下文的應用程序名稱和刪除所有操作視圖導航下面的抽屜里。溢出菜單設置的標準動作條目和幫助仍然可見。
也就是說,安卓官方設計規(guī)范中認為drawer應該是同時支持滑動與圖標點擊兩種呼出觸發(fā)動作,這也很適用于安卓手機大部分的大屏幕。同時這樣的呼出手勢,一定程度上也是很順手的。
隨著大屏手機的出現,實體鍵盤的減少,虛擬鍵盤會越來越常見。所以如果安卓采用和iOS一樣的底部導航的話,會出現雙重底部bar的樣子,特別惡心。所以安卓5.0采取的解決方案是:導航放在屏幕上的 tab欄并且可以左右切換,加上可以拉出的側邊欄抽屜式導航。
這種呼出的交互方式是對 drawer在大屏手機中的不足的改善。同樣Navigation drawer的存在于android應用中的既是必要的也是一種趨勢。
隨著安卓應用市場的設計規(guī)范化,側邊抽屜欄式會越來越常見,也會逐漸成為用戶的一項用戶習慣。但建議重要的內容還是獨立出來置于主頁面,側邊欄目前還只適合次級重要的功能。
最最最重要的事:使用哪種類型的導航一定要具體還是要結合自己的產品進行分析。