最近在設(shè)計一款安卓的app抄邀,忠于安卓5.1的設(shè)計規(guī)范以及對產(chǎn)品原型一些主要功能上的妥協(xié)冲泥,我選擇了使用側(cè)邊欄抽屜式導(dǎo)航瓷患。
一查剖、優(yōu)缺點
優(yōu)點:突出核心功能囱嫩,將其他的功能隱藏掉洞辣。
缺點:
1.不易發(fā)現(xiàn)胚吁,導(dǎo)航性差
2.效率低效
3.與平臺(iOS)原生導(dǎo)航模式?jīng)_突
4.并不是一目了然
Luis Abreu在他的一篇文章“為什么要避免使用漢堡包菜單”中一語中的的指出漢堡包菜單的問題延窜,全文分析得很透徹恋脚,具體可以看(http://daichuanqing.com/index.php/archives/6241)
二腺办、為什么抽屜式導(dǎo)航衰退
我自己討厭抽屜式導(dǎo)航,認(rèn)為大部分APP會使用抽屜式導(dǎo)航糟描,是為了突出核心功能怀喉,將其他不重要的功能隱藏掉,以此來增加頁面的簡潔感與美觀度船响。而抽屜式導(dǎo)航當(dāng)中的內(nèi)容對于用戶來說點擊率是非常低的躬拢。
而且隨著手機屏幕越來越大的趨勢,現(xiàn)在手機屏幕尺寸大多在4——6英寸中間见间,具體調(diào)查數(shù)據(jù)如下聊闯。
而下面這張圖,非常直觀明了的告訴了我們米诉,為什么抽屜式導(dǎo)航衰退了菱蔬。因為,一個需要被經(jīng)常操作的入口,現(xiàn)在拴泌,處在了操作盲區(qū)魏身,左上角的區(qū)域顯然是不常用區(qū)域。
三蚪腐、主流導(dǎo)航:底部導(dǎo)航欄
底部導(dǎo)航欄這是最常見和實用的箭昵,盡管會占據(jù)一些屏幕空間,但它的好處確實足夠多:
·可見性強:全都在你的屏幕上
·結(jié)構(gòu)清晰:最多只能五個標(biāo)簽
·交互方便:只需點一下回季,搞定
但這對icon的要求會很高宙枷,它必須要易于理解,最好底部用文字說明茧跋。
微博慰丛,微信,QQ瘾杭,淘寶诅病,intagram,美團,足記等app都是使用底部導(dǎo)航。
其他形式的導(dǎo)航還有:頂部導(dǎo)航粥烁,滑動導(dǎo)航贤笆,bag和下拉導(dǎo)航......
四、側(cè)邊欄抽屜式導(dǎo)航不好么
但是事實真的是側(cè)邊欄抽屜式導(dǎo)航不好么讨阻,為什么google推出material design5.0的設(shè)計規(guī)范里專門提出一欄來說drawer呢芥永。(而且我最愛的知乎也是側(cè)邊欄抽屜式導(dǎo)航!6鬯薄)
下面我們看下material design 的官方文檔:http://www.google.com/design/spec/patterns/navigation-drawer.html
官方規(guī)范描述如下:
導(dǎo)航抽屜面板,從當(dāng)前界面的左邊劃出埋涧,顯示應(yīng)用程序的主要導(dǎo)航選項。
用戶可以把導(dǎo)航抽屜在屏幕上劃動來從屏幕的左邊緣或通過觸摸操作欄上的應(yīng)用程序圖標(biāo)奇瘦。
隨著導(dǎo)航抽屜的擴展,它覆蓋的是內(nèi)容而不是操作欄棘催。抽屜完全擴展時,操作欄調(diào)整其內(nèi)容通過替換當(dāng)前的操作欄標(biāo)題與上下文的應(yīng)用程序名稱和刪除所有操作視圖導(dǎo)航下面的抽屜里。溢出菜單設(shè)置的標(biāo)準(zhǔn)動作條目和幫助仍然可見耳标。
也就是說醇坝,安卓官方設(shè)計規(guī)范中認(rèn)為drawer應(yīng)該是同時支持滑動與圖標(biāo)點擊兩種呼出觸發(fā)動作,這也很適用于安卓手機大部分的大屏幕次坡。同時這樣的呼出手勢呼猪,一定程度上也是很順手的。
隨著大屏手機的出現(xiàn)砸琅,實體鍵盤的減少宋距,虛擬鍵盤會越來越常見。所以如果安卓采用和iOS一樣的底部導(dǎo)航的話明棍,會出現(xiàn)雙重底部bar的樣子乡革,特別惡心寇僧。所以安卓5.0采取的解決方案是:導(dǎo)航放在屏幕上的 tab欄并且可以左右切換摊腋,加上可以拉出的側(cè)邊欄抽屜式導(dǎo)航沸版。
這種呼出的交互方式是對 drawer在大屏手機中的不足的改善。同樣Navigation drawer的存在于android應(yīng)用中的既是必要的也是一種趨勢兴蒸。
隨著安卓應(yīng)用市場的設(shè)計規(guī)范化视粮,側(cè)邊抽屜欄式會越來越常見,也會逐漸成為用戶的一項用戶習(xí)慣橙凳。但建議重要的內(nèi)容還是獨立出來置于主頁面蕾殴,側(cè)邊欄目前還只適合次級重要的功能。
最最最重要的事:使用哪種類型的導(dǎo)航一定要具體還是要結(jié)合自己的產(chǎn)品進(jìn)行分析岛啸。