在APP開發中如何正确的(de)使用(yòng)側邊欄導航

側邊欄導航(又稱漢堡包菜單)是在APP開發中比較常見的(de)導航形式之一，側邊欄導航有它的(de)優勢，也(yě)有他(tā)的(de)缺點。在APP開發中如何使用(yòng)得(de)不好，也(yě)有可(kě)能弊大(dà)于利。

側邊欄導航有哪些劣勢呢(ne)？比如：不易發現；更低效；與平台原生導航模式沖突；并不是一目了(le)然等等。

 

一、不易發現

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

　　在這(zhè)個(gè)模式的(de)默認狀态，側拉菜單和(hé)裏面所有的(de)内容都是隐藏的(de)。

　　人(rén)們需要首先需要辨别側拉菜單按鈕是可(kě)以點擊的(de)——公司都認爲應該使用(yòng)一個(gè)菜單或者工具圖标來(lái)表示，他(tā)們也(yě)确實感覺有必要這(zhè)麽做(zuò)——但是在應用(yòng)使用(yòng)時(shí)可(kě)能就不是這(zhè)個(gè)情況了(le)，因爲主頁顯承載了(le)主要的(de)功能。

 

二、不那麽有效

　　盡管用(yòng)戶了(le)解并看重這(zhè)一特征，但是這(zhè)個(gè)模式帶來(lái)了(le)一種導航認知摩擦，因爲它迫使人(rén)們先打開菜單，然後才能看到其中的(de)條目。

 

三、在iOS這(zhè)樣的(de)平台上，側拉菜單在沒有與标準導航模式沖突下(xià)是無法實現的(de)。

左邊的(de)導航欄按鈕需要保留一個(gè)菜單按鈕，但是我們也(yě)得(de)讓用(yòng)戶有回去的(de)方法。設計師要麽承認上圖中存在的(de)導航欄内容過載問題——甚至沒有給标題留下(xià)空間，要麽迫使用(yòng)戶點擊好幾次來(lái)進入下(xià)圖顯示的(de)列表。

 

四、不一目了(le)然

　　因爲導航僅在用(yòng)戶想要進入應用(yòng)其他(tā)部分(fēn)時(shí)才可(kě)見，所以使得(de)對(duì)特定内容信息的(de)呈現更加困難。

　　你可(kě)能會在側拉菜單按鈕旁邊放置一個(gè)象征消息的(de)圖标。這(zhè)個(gè)并不實用(yòng)，因爲這(zhè)需要你去處理(lǐ)更多(duō)的(de)圖标，并且作爲設計師來(lái)說可(kě)能要被迫去增加一個(gè)通(tōng)用(yòng)圖标，而不是弱化(huà)圖标含義。

 

解決方法

關于問題本身寫了(le)很多(duō)，但是具體解決方法大(dà)家其實還(hái)不清楚。什(shén)麽時(shí)候該使用(yòng)它呢(ne)?

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