導(dǎo)航方式的好壞嚴(yán)重影響著一個產(chǎn)品的體驗，好的導(dǎo)航方式能夠快速引導(dǎo)用戶完成任務(wù)，不會讓用戶迷失屿讽。

一屿储、標(biāo)簽式導(dǎo)航

標(biāo)簽式導(dǎo)航可以說現(xiàn)在是很大部分的app都會使用的導(dǎo)航之一贿讹，因為它很好的將各個功能進(jìn)行了清楚的劃分，而且用戶在使用過程中够掠，只需要簡單的操作就會進(jìn)入到自己想進(jìn)的界面民褂。能夠讓用戶直接看到自己產(chǎn)品的主要功能。

但是我們建議在使用這種導(dǎo)航的同時祖屏，我們要克制自己的數(shù)量助赞，標(biāo)簽欄導(dǎo)航（底部），一般不會超過5個袁勺。比如微信雹食、企鵝、網(wǎng)易云音樂等期丰。

同時在標(biāo)簽式的導(dǎo)航此基礎(chǔ)上也演化了很多類似的的導(dǎo)航方式群叶。

如下圖，第一種是傳統(tǒng)的標(biāo)簽式導(dǎo)航钝荡，第二種是在中間添加了一個類似【+】的圖標(biāo)街立，用來盛放更多的功能。第三種是除了底部的標(biāo)簽導(dǎo)航外埠通，在頁面的頂部做了一個二級的滾動導(dǎo)航赎离，第四種則是底部是正常的標(biāo)簽導(dǎo)航，頂部也多了二級滾動導(dǎo)航端辱。

那么對于標(biāo)簽式的導(dǎo)航的優(yōu)點和缺點是什么呢梁剔？

優(yōu)點：能讓用戶快速找到相應(yīng)的功能虽画，學(xué)習(xí)成本低，快速表達(dá)產(chǎn)品自身的主要功能有哪些荣病，對于開發(fā)而言則是開發(fā)的成本想對較低码撰。

缺點：占據(jù)了部分空間，尤其在小屏幕上比較明顯个盆。

二脖岛、列表式導(dǎo)航

列表式的導(dǎo)航，在現(xiàn)在的應(yīng)用設(shè)計發(fā)展中颊亮，越來越多承載的是級次功能的收納與說明的責(zé)任柴梆。當(dāng)然也是很常見的。

列表式的導(dǎo)航编兄，條理清晰轩性，但是功能的次重感不是很強(qiáng)烈，數(shù)量也會相對龐大一些狠鸳，用戶在尋找的時候會花費一些時間揣苏。但現(xiàn)在的列表式導(dǎo)航，不再是所有進(jìn)行向下排列了件舵，也會根據(jù)列表的類型進(jìn)行分類卸察，然后再進(jìn)行分類，這里注意的是铅祸，排列需求（類型和功能雙方面進(jìn)行考慮）坑质。而且有的產(chǎn)品會在列表的上方添加搜索框，以便用戶快速到達(dá)临梗。

那么對于列表式的導(dǎo)航的優(yōu)點和缺點是什么呢涡扼？

優(yōu)點：能夠容納相對較多的解釋說明信息，讓用戶知道這個功能具體是做什么的盟庞。符合用戶從上倒下的瀏覽習(xí)慣吃沪。開發(fā)成本也比較容易。

缺點：數(shù)目過多的時候什猖，用戶找起來比較頭疼票彪。當(dāng)用戶進(jìn)入時，用戶想用其他功能不狮，則需要完全退出才能進(jìn)入下一個功能降铸，相對封閉，不夠流通摇零。

三推掸、九宮格導(dǎo)航

九宮格導(dǎo)航在現(xiàn)在的主流的應(yīng)用，被用作主要導(dǎo)航的已經(jīng)不多見，一般出現(xiàn)在旅游類的app中终佛，或者作為次級導(dǎo)航俊嗽，存在于二級頁面或者當(dāng)前頁面的下部雾家，主要作用就是引導(dǎo)用戶進(jìn)入一個新的功能區(qū)铃彰。

優(yōu)點：1、能夠清晰的展現(xiàn)每個功能芯咧。2牙捉、能夠一次性展示更多入口。

缺點：1敬飒、重點功能不突出邪铲。2、各個功能入口跳轉(zhuǎn)不夠靈活无拗，當(dāng)進(jìn)入較深層級時带到，需要一步步退出，才能進(jìn)入下一個功能入口英染。

四揽惹、抽屜式導(dǎo)航

抽屜式導(dǎo)航一般適用于，只有一個主要功能四康，其功能要么不重要要么開啟次數(shù)很少的應(yīng)用搪搏。類似于qq 、滴滴打車闪金、網(wǎng)易郵箱（此圖來自網(wǎng)絡(luò)）等疯溺。

優(yōu)點：1、節(jié)省了很多空間哎垦，使得產(chǎn)品變得輕量起來囱嫩。2、能夠很好的將主要功能與次要功能分開漏设。

缺點：1墨闲、在起初是不太讓用戶發(fā)現(xiàn)的，加大了用戶的學(xué)習(xí)成本愿题。2损俭、打斷了用戶對當(dāng)前任務(wù)的一致性。值得注意的是潘酗，在采用這類導(dǎo)航的同時杆兵，要保證過度動畫的簡潔 和高效。

五仔夺、下拉導(dǎo)航

下拉導(dǎo)航現(xiàn)在一般存在于條件的篩選琐脏。例如美團(tuán) 百度 等。

優(yōu)點：1、節(jié)省了頁面空間日裙，操作便捷吹艇，無需跳出當(dāng)前頁面來進(jìn)行選擇。

缺點：1昂拂、它會遮擋用戶正在操作的內(nèi)容受神，當(dāng)內(nèi)容較為繁復(fù)的時候，則顯得優(yōu)點腫脹格侯。

六鼻听、輪播導(dǎo)航

輪播導(dǎo)航一般存在于頁面內(nèi)，可以滑動的導(dǎo)航條联四，或者其他形式撑碴。

輪播的導(dǎo)航形式和九宮格相差不多，不過他的排列方式是單向的朝墩，要么是橫向醉拓，要么是豎列排布。一般采用這種導(dǎo)航方式收苏，他的內(nèi)容功能大致類似亿卤。

優(yōu)點：用戶能夠快速通過這種導(dǎo)航方式，瀏覽這一個類別的信息倒戏，不會迷失怠噪。

缺點：結(jié)構(gòu)單一，也相對比較占用空間杜跷。

七傍念、隱喻式導(dǎo)航

隱喻式導(dǎo)航一般用于游戲中，用來指導(dǎo)用戶進(jìn)行做任務(wù)（專業(yè)性質(zhì)和產(chǎn)品情節(jié)比較嚴(yán)重葛闷。）

也比如是信用用更新時的一些提醒憋槐，指導(dǎo)用戶如何使用，或者功能搬到了新地方淑趾。

總結(jié)

一個好的導(dǎo)航阳仔，能夠極大限度的激活產(chǎn)品的活力，為產(chǎn)品帶來流暢的用戶體驗扣泊，能讓用戶感受到產(chǎn)品的態(tài)度近范。因此我們在做導(dǎo)航設(shè)計的時候要充分考慮產(chǎn)品的使用場景，來進(jìn)行選擇使用延蟹。

現(xiàn)在的產(chǎn)品也都不再局限于單個導(dǎo)航的選擇评矩，往往選擇多個導(dǎo)航去滿足不同場景額需求，導(dǎo)航之間阱飘，除了一些非吵舛牛“死板”的界限虱颗，慢慢的也在融合與交替。

個人微信公眾號：海鮮君的設(shè)計物語