導(dǎo)航設(shè)計(jì)發(fā)展到現(xiàn)在不再是簡單起到引導(dǎo)的作用，而是更多的將產(chǎn)品的各個(gè)功能有效、沒有停頓、的串聯(lián)起來，讓用戶在使用過程中不再疑惑自己身處何方。

下面我就和大家介紹8種超實(shí)用的導(dǎo)航。

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

標(biāo)簽式導(dǎo)航可以說現(xiàn)在是很大部分的app都會(huì)使用的導(dǎo)航之一，因?yàn)樗芎玫膶⒏鱾€(gè)功能進(jìn)行了清楚的劃分，而且用戶在使用過程中，只需要簡單的操作就會(huì)進(jìn)入到自己想進(jìn)的界面。能夠讓用戶直接看到自己產(chǎn)品的主要功能。但是我們建議在使用這種導(dǎo)航的同時(shí)，我們要克制自己的數(shù)量，標(biāo)簽欄導(dǎo)航（底部），一般不會(huì)超過5個(gè)。比如微信、企鵝、網(wǎng)易云音樂等。

同時(shí)在此基礎(chǔ)上也演化了很多類似的的導(dǎo)航方式。

在上圖大家可以看到，有的產(chǎn)品因?yàn)楣δ芫酆喜涣?，但又不想舍棄，就?huì)做成將中間的功能作為一個(gè)集合，點(diǎn)擊則會(huì)出現(xiàn)更多的功能，像微博，今日頭條都是這樣進(jìn)行設(shè)計(jì)的。今日頭條不僅采用了底部標(biāo)簽欄的方式，而且也附加了頂部的標(biāo)簽作為耳機(jī)導(dǎo)航，這樣做的好處是用戶能夠更快的找到自己想要的信息。

對(duì)于標(biāo)簽欄的總結(jié)：優(yōu)點(diǎn)-1能夠讓用戶快速掌握產(chǎn)品的主要功能。2、用戶能夠快速找到自己想要的信息。3、學(xué)習(xí)成本低。4、開發(fā)成本低廉。

缺點(diǎn)-1、占用了部分界面的空間，在小屏上尤為明顯。

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

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

列表式的導(dǎo)航，條理清晰，但是功能的次重感不是很強(qiáng)烈，數(shù)量也會(huì)相對(duì)龐大一些，用戶在尋找的時(shí)候會(huì)花費(fèi)一些時(shí)間。但現(xiàn)在的列表式導(dǎo)航，不再是所有進(jìn)行向下排列了，也會(huì)根據(jù)列表的類型進(jìn)行分類，然后再進(jìn)行分類，這里注意的是，排列需求（類型和功能雙方面進(jìn)行考慮）

那么它的優(yōu)點(diǎn)：1、能夠容納相對(duì)較多的解釋說明信息，讓用戶知道這個(gè)功能具體是做什么的。2、符合用戶從上倒下的瀏覽習(xí)慣。3、開發(fā)成本也比較容易。

缺點(diǎn)：1、樹木過多的時(shí)候，用戶找起來比較頭疼。2、當(dāng)用戶進(jìn)入時(shí)，用戶想用其他功能，則需要完全退出才能進(jìn)入下一個(gè)功能，相對(duì)封閉，不夠流通。

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

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

比如支付寶中的九宮格，美圖秀秀，。

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

缺點(diǎn)：1、重點(diǎn)功能不突出。2、各個(gè)功能入口跳轉(zhuǎn)不夠靈活，當(dāng)進(jìn)入較深層級(jí)時(shí)，需要一步步退出，才能進(jìn)入下一個(gè)功能入口。

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

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

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

缺點(diǎn)：1、在起初是不太讓用戶發(fā)現(xiàn)的，加大了用戶的學(xué)習(xí)成本。2、打斷了用戶對(duì)當(dāng)前任務(wù)的一致性。

值得注意的是，在采用這類導(dǎo)航的同時(shí)，要保證過度動(dòng)畫的簡潔 和高效。

五、下拉導(dǎo)航

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

如圖可見，

缺點(diǎn)：1、它會(huì)遮擋用戶正在操作的內(nèi)容，當(dāng)內(nèi)容較為繁復(fù)的時(shí)候，則顯得優(yōu)點(diǎn)腫脹。優(yōu)點(diǎn)：1、節(jié)省了頁面空間，操作便捷，無需跳出當(dāng)前頁面來進(jìn)行選擇。

六、輪播導(dǎo)航

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

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

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

缺點(diǎn)就是：結(jié)構(gòu)單一，也相對(duì)比較占用空間。

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

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

總結(jié)

一個(gè)好的導(dǎo)航，能夠極大限度的激活產(chǎn)品的活力，為產(chǎn)品帶來流暢的用戶體驗(yàn)，能讓用戶感受到產(chǎn)品的態(tài)度。因此我們?cè)谧鰧?dǎo)航設(shè)計(jì)的時(shí)候要充分考慮產(chǎn)品的使用場(chǎng)景，來進(jìn)行選擇使用。

現(xiàn)在的產(chǎn)品也都不再局限于單個(gè)導(dǎo)航的選擇，往往選擇多個(gè)導(dǎo)航去滿足不同場(chǎng)景額需求，導(dǎo)航之間，除了一些非?！八腊濉钡慕缦蓿囊苍谌诤吓c交替。我們交互設(shè)計(jì)師，在這其中也要做到融會(huì)貫通，這樣才會(huì)為用戶提供更好的用戶體驗(yàn)。