在生活中，人們可以在某種程度上依靠天生的方向感給自己定位，但是這些幫助我們?cè)谡鎸?shí)世界中找到方向的大腦機(jī)制，在信息空間中卻根本起不到作用。因此在產(chǎn)品設(shè)計(jì)過(guò)程中導(dǎo)航設(shè)計(jì)是非常重要的。

產(chǎn)品的導(dǎo)航設(shè)計(jì)又被稱(chēng)為框架設(shè)計(jì)，設(shè)計(jì)的是以什么樣的具體形式將分類(lèi)好的內(nèi)容展現(xiàn)給用戶(hù)。好的導(dǎo)航設(shè)計(jì)能組織好用戶(hù)最常用的行為，同時(shí)讓這些界面元素被用戶(hù)用最容易的方式獲取和使用。那么好的導(dǎo)航設(shè)計(jì)要滿足哪些要求呢？

首先必須給用戶(hù)一種在應(yīng)用內(nèi)不同頁(yè)面跳轉(zhuǎn)的方法。由于我們不可能把每個(gè)頁(yè)面都一股腦的拋在用戶(hù)眼前，所以導(dǎo)航設(shè)計(jì)必須能自然而然的促進(jìn)或引導(dǎo)用戶(hù)的跳轉(zhuǎn)行為。

其 次導(dǎo)航設(shè)計(jì)必須能清晰的向用戶(hù)傳達(dá)出跳轉(zhuǎn)入口和所包含的內(nèi)容之間的關(guān)系。僅僅提供一個(gè)跳轉(zhuǎn)入口的列表是不夠的。入口按鈕之間相互之間有什么關(guān)系？ 是否有功能的側(cè)重點(diǎn)？它們之間的相關(guān)差異在哪？這些傳達(dá)出來(lái)的信息對(duì)于用戶(hù)理解一個(gè)產(chǎn)品，更快的上手使用一個(gè)產(chǎn)品是非常必要的。

最后導(dǎo)航設(shè)計(jì)必須能結(jié)構(gòu)化的傳達(dá)出它的內(nèi)容和用戶(hù)當(dāng)前瀏覽頁(yè)面之間的關(guān)系，簡(jiǎn)單的來(lái)說(shuō)也就是幫助用戶(hù)去理解哪個(gè)跳轉(zhuǎn)入口可以最好的支持他們的任務(wù)或他們想要達(dá)到的目標(biāo)。

在了解完導(dǎo)航設(shè)計(jì)的作用和基本要求之后，我們來(lái)看看目前市面上有哪些比較流行的導(dǎo)航設(shè)計(jì)，他們之間又有哪些優(yōu)缺點(diǎn)，適用于哪種類(lèi)型的產(chǎn)品。

一、Tab式導(dǎo)航

Tab式導(dǎo)航是目前移動(dòng)端市場(chǎng)上最被廣泛使用的導(dǎo)航設(shè)計(jì)，諸如微信、大眾點(diǎn)評(píng)、攜程等APP使用的都是Tab式導(dǎo)航。

優(yōu)點(diǎn)

1、主要功能突出，不需要用戶(hù)尋找，易于被發(fā)現(xiàn)使用。

2、可以輕松在各個(gè)主要入口頻繁跳轉(zhuǎn)使用，減少用戶(hù)的點(diǎn)擊次數(shù)。用戶(hù)也不容易迷失不知所措，即時(shí)在很深的流程環(huán)節(jié)中也能快速跳轉(zhuǎn)返回首頁(yè)。

缺點(diǎn)

1、產(chǎn)品的核心功能過(guò)多時(shí)，如果都放在tab導(dǎo)航上會(huì)顯得框架過(guò)于笨重，一般4-5個(gè)為宜，過(guò)多的話明顯不利于用戶(hù)的切換，也將降低界面體驗(yàn)友好度。

2、沉浸式的體驗(yàn)不足，底部露出了與當(dāng)前頁(yè)面無(wú)關(guān)的跳轉(zhuǎn)入口，容易誘發(fā)打斷用戶(hù)的當(dāng)前使用行為。只不過(guò)目前很多內(nèi)容體驗(yàn)型或電商消費(fèi)型應(yīng)用往往會(huì)在用戶(hù)下拉瀏覽時(shí)自動(dòng)隱藏底部導(dǎo)航，以此解決沉浸式體驗(yàn)不足的缺點(diǎn)。

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

抽屜式導(dǎo)航是指菜單藏在當(dāng)前頁(yè)面后，點(diǎn)擊入口后就像抽屜一樣拉出菜單。2011年剛出現(xiàn)的時(shí)候曾非常的風(fēng)靡，F(xiàn)acebook就采用過(guò)該種導(dǎo)航。但現(xiàn)在采用的頻率較低，仍在使用的應(yīng)用如QQ、滴滴出行、郵箱大師。抽屜式導(dǎo)航比較適合核心功能突出且較為單一的產(chǎn)品。

優(yōu)點(diǎn)

1、給內(nèi)容頁(yè)足夠的空間，讓用戶(hù)專(zhuān)注在當(dāng)前的頁(yè)面或需求目標(biāo)，提高頁(yè)面沉浸式的體驗(yàn)。2、拓展性較好，側(cè)邊欄可以提供更多的功能入口的展示空間。

缺點(diǎn)

1、用戶(hù)的學(xué)習(xí)成本較高，剛?cè)胧质褂脮r(shí)很難發(fā)現(xiàn)抽屜式的導(dǎo)航。

2、其他主要功能的入口因此被隱藏起來(lái)了不夠突出，難以被用戶(hù)察覺(jué)。

3、主要入口的切換需要二次點(diǎn)擊，第一次先點(diǎn)擊出抽屜式導(dǎo)航，然后再找到想要的功能，用戶(hù)的點(diǎn)擊較多且路徑較深。

三、跳板式導(dǎo)航

跳板式導(dǎo)航有被稱(chēng)作九宮格式導(dǎo)航，將各個(gè)入口都平鋪展示在頁(yè)面上，該種導(dǎo)航適合功能較多且功能之間較為獨(dú)立的產(chǎn)品。目前純粹的跳板式導(dǎo)航其實(shí)較少，大多與Tab式導(dǎo)航復(fù)合使用。常見(jiàn)的應(yīng)用比如美圖秀秀、典典養(yǎng)車(chē)、支付寶等。

優(yōu)點(diǎn)

1、可以清晰的展現(xiàn)各個(gè)入口。

2、可以一次性展現(xiàn)更多的入口。

例如對(duì)于支付寶這種功能較多且繁雜的應(yīng)用，采用跳板式導(dǎo)航可以讓用戶(hù)第一時(shí)間快速發(fā)現(xiàn)找到手機(jī)充值、轉(zhuǎn)賬、生活繳費(fèi)等常用功能，而不用多次點(diǎn)擊跳轉(zhuǎn)。

缺點(diǎn)

1、重點(diǎn)功能不夠突出。

2、各個(gè)入口之間的跳轉(zhuǎn)不夠靈活。如果某個(gè)功能的層級(jí)路徑較深時(shí)，用戶(hù)不能快速跳轉(zhuǎn)到自己忽然想要完成的任務(wù)頁(yè)面。

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

列表式導(dǎo)航將入口或內(nèi)容按照列表的樣式依次展現(xiàn)在頁(yè)面之上，列表式導(dǎo)航比較適合內(nèi)容型產(chǎn)品作為主導(dǎo)航或者一般性產(chǎn)品作為輔助導(dǎo)航。比如網(wǎng)易新聞某類(lèi)標(biāo)簽下的內(nèi)容頁(yè)，簡(jiǎn)書(shū)的消息頁(yè)面，IOS的設(shè)置頁(yè)面。

優(yōu)點(diǎn)

1、內(nèi)容的層次較為清晰。

2、一次性可加載展現(xiàn)的內(nèi)容條數(shù)較多。

缺點(diǎn)

1、內(nèi)容過(guò)多時(shí)，無(wú)法突出重點(diǎn)。因此目前很多內(nèi)容型產(chǎn)品如“豌豆莢一覽”會(huì)在重點(diǎn)或熱門(mén)內(nèi)容上加上一個(gè)小火焰的紅色標(biāo)記來(lái)突出。2、靈活性不高。

-End-

在一個(gè)移動(dòng)產(chǎn)品的設(shè)計(jì)過(guò)程中，我們往往會(huì)選擇一個(gè)導(dǎo)航作為主體框架，其他導(dǎo)航作為輔助設(shè)計(jì)。如果一開(kāi)始覺(jué)得自身拿捏不準(zhǔn)的話，Tab式導(dǎo)航是風(fēng)險(xiǎn)度最低，學(xué)習(xí)成本最低，最容易被大眾所接受的移動(dòng)導(dǎo)航。

一個(gè)好的移動(dòng)產(chǎn)品導(dǎo)航最重要的檢驗(yàn)標(biāo)準(zhǔn)為是否能清晰的告訴用戶(hù)“他們?cè)谀睦铩币约啊八麄兡苋ツ睦铩薄?/strong>選擇什么導(dǎo)航作為主體框架切記不能盲目跟風(fēng)選擇，要根據(jù)自身產(chǎn)品的類(lèi)型是什么以及功能之間的關(guān)系結(jié)構(gòu)是怎樣等條件來(lái)做決定。