在APP開(kāi)發(fā)中如何正確的使用側(cè)邊欄導(dǎo)航

側(cè)邊欄導(dǎo)航(又稱(chēng)漢堡包菜單)是在APP開(kāi)發(fā)中比較常見(jiàn)的導(dǎo)航形式之一，側(cè)邊欄導(dǎo)航有它的優(yōu)勢(shì)，也有他的缺點(diǎn)。在APP開(kāi)發(fā)中如何使用得不好，也有可能弊大于利。

側(cè)邊欄導(dǎo)航有哪些劣勢(shì)呢？比如：不易發(fā)現(xiàn)；更低效；與平臺(tái)原生導(dǎo)航模式?jīng)_突；并不是一目了然等等。

 

一、不易發(fā)現(xiàn)

　　“不在眼中的，就不會(huì)想到。”

　　在這個(gè)模式的默認(rèn)狀態(tài)，側(cè)拉菜單和里面所有的內(nèi)容都是隱藏的。

　　人們需要首先需要辨別側(cè)拉菜單按鈕是可以點(diǎn)擊的——公司都認(rèn)為應(yīng)該使用一個(gè)菜單或者工具圖標(biāo)來(lái)表示，他們也確實(shí)感覺(jué)有必要這么做——但是在應(yīng)用使用時(shí)可能就不是這個(gè)情況了，因?yàn)橹黜?yè)顯承載了主要的功能。

 

二、不那么有效

　　盡管用戶(hù)了解并看重這一特征，但是這個(gè)模式帶來(lái)了一種導(dǎo)航認(rèn)知摩擦，因?yàn)樗仁谷藗兿却蜷_(kāi)菜單，然后才能看到其中的條目。

 

三、在iOS這樣的平臺(tái)上，側(cè)拉菜單在沒(méi)有與標(biāo)準(zhǔn)導(dǎo)航模式?jīng)_突下是無(wú)法實(shí)現(xiàn)的。

左邊的導(dǎo)航欄按鈕需要保留一個(gè)菜單按鈕，但是我們也得讓用戶(hù)有回去的方法。設(shè)計(jì)師要么承認(rèn)上圖中存在的導(dǎo)航欄內(nèi)容過(guò)載問(wèn)題——甚至沒(méi)有給標(biāo)題留下空間，要么迫使用戶(hù)點(diǎn)擊好幾次來(lái)進(jìn)入下圖顯示的列表。

 

四、不一目了然

　　因?yàn)閷?dǎo)航僅在用戶(hù)想要進(jìn)入應(yīng)用其他部分時(shí)才可見(jiàn)，所以使得對(duì)特定內(nèi)容信息的呈現(xiàn)更加困難。

　　你可能會(huì)在側(cè)拉菜單按鈕旁邊放置一個(gè)象征消息的圖標(biāo)。這個(gè)并不實(shí)用，因?yàn)檫@需要你去處理更多的圖標(biāo)，并且作為設(shè)計(jì)師來(lái)說(shuō)可能要被迫去增加一個(gè)通用圖標(biāo)，而不是弱化圖標(biāo)含義。

 

解決方法

關(guān)于問(wèn)題本身寫(xiě)了很多，但是具體解決方法大家其實(shí)還不清楚。什么時(shí)候該使用它呢?

極少數(shù)情況下這種模式有用，但是一般性的原則還是盡量避免使用。如果主屏下面沒(méi)有子頁(yè)面的層級(jí)導(dǎo)航存在，所以這可以使用，信息可以簡(jiǎn)單地呈現(xiàn)出來(lái)。但是即使是在這種情景下，可以看到用戶(hù)界面仍然信息過(guò)載了，應(yīng)用的信息架構(gòu)需要重新考慮了。