有人說(shuō)導(dǎo)航只是即是便利用戶操作的小東西罷了，沒(méi)那么奇特。是的，對(duì)于小眾的商品來(lái)說(shuō)，確實(shí)沒(méi)那么神，因?yàn)樯衲阋部床怀鰜?lái)。去看看Facebook為何把抽屜式導(dǎo)航改成標(biāo)簽導(dǎo)航，就知道導(dǎo)航對(duì)一個(gè)App的影響有多大了。

導(dǎo)航分許多種類，如標(biāo)簽導(dǎo)航、抽屜式導(dǎo)航、九宮格導(dǎo)航、混合組合導(dǎo)航、列表式導(dǎo)航、Tab導(dǎo)航、平鋪導(dǎo)航等等。之前在海淘科技的讀書筆記中也有提到過(guò)三類導(dǎo)航：平鋪類、標(biāo)簽類、列表類。

現(xiàn)在用到更多的導(dǎo)航本來(lái)是標(biāo)簽導(dǎo)航，它隨處可見(jiàn)，相信現(xiàn)在大部分的App用的導(dǎo)航都是標(biāo)簽辦法的。所以，是不是知道今日要說(shuō)啥了?嗯，即是標(biāo)簽導(dǎo)航。

理清商品結(jié)構(gòu)

相信許多計(jì)劃師在計(jì)劃導(dǎo)航時(shí)，一上來(lái)就初步Y(jié)Y自己的導(dǎo)航要放啥，因?yàn)檫@個(gè)時(shí)分他從前被標(biāo)簽辦法的導(dǎo)航洗腦了，認(rèn)為自己的App就應(yīng)該用標(biāo)簽導(dǎo)航。然后持續(xù)YY商品的功用，自己理出個(gè)最適宜的，放上去就好了。

本來(lái)不然。做好一個(gè)導(dǎo)航要思索的疑問(wèn)本來(lái)非常多，還要思索商品后期展開(kāi)的延展性。必需定好全部商品的結(jié)構(gòu)，把最基地的功用放在第一層頁(yè)面，再根據(jù)商品的深度來(lái)計(jì)劃導(dǎo)航的方法。

咱們作為交互計(jì)劃師，需要掌握商品的全體架構(gòu)，這不只僅是商品司理的作業(yè)。所以在前期咱們要支付許多盡力，才干把一個(gè)商品的線框圖畫好。

標(biāo)簽導(dǎo)航的優(yōu)劣勢(shì)

先來(lái)看個(gè)圖：

不要看上面的列表，就看下面的標(biāo)簽。是不是特別熟諳?許多App都是用這類標(biāo)簽式導(dǎo)航來(lái)引導(dǎo)用戶切換功用。

那它的優(yōu)勢(shì)是啥呢?

1. 簡(jiǎn)略高效，操作便利

下面的四個(gè)功用可以迅速切換，用戶在運(yùn)用的過(guò)程中不會(huì)迷失方向，且簡(jiǎn)略清楚，層級(jí)了解。

2. 非常好的用戶體會(huì)

試想一下，一般在運(yùn)用App時(shí)，用戶更多的會(huì)怎么運(yùn)用手機(jī)?雙手仍是單手呢?必定都有。所以單手運(yùn)用手機(jī)的用戶碰到的App是標(biāo)簽導(dǎo)航時(shí)，可以更便利的操作，不需要必定得運(yùn)用另一只手。而某些導(dǎo)航假設(shè)不用兩只手是沒(méi)辦法操作的。

3. 迅速了解App首要功用

一般來(lái)說(shuō)，用戶第一次運(yùn)用商品，會(huì)重視這個(gè)App有啥功用，它能幫忙自己完結(jié)啥任務(wù)。所以標(biāo)簽導(dǎo)航可以極好地幫忙用戶了解商品的首要功用，讓用戶看到的第一眼就知道自己能做啥。

然后再來(lái)看看優(yōu)勢(shì)：

1. 功用不能過(guò)多

有些商品功用過(guò)多，可是卻又都是必要的，不能做刪減。而一旦逾越五個(gè)，就不適宜用標(biāo)簽導(dǎo)航。因?yàn)闃?biāo)簽導(dǎo)航不適宜做滑動(dòng)，所以功用多了可點(diǎn)擊區(qū)域(熱區(qū))就變小了，操作上會(huì)有必定影響。

2. 占用必定屏幕尺寸

標(biāo)簽導(dǎo)航占用了屏幕下方不少的位置，所以有些App就不適宜用標(biāo)簽導(dǎo)航，比如閱覽類的App。先不說(shuō)一屏內(nèi)少了許多字展現(xiàn)，就說(shuō)在滑動(dòng)的時(shí)分不留神點(diǎn)到了其他功用是不是很煩?

標(biāo)簽導(dǎo)航的延展

有的人會(huì)問(wèn)，假設(shè)我的商品很想用標(biāo)簽導(dǎo)航，可是又逾越了5個(gè)功用，那有辦法處理么?看個(gè)圖:

當(dāng)你的主功用逾越5個(gè)又必定要運(yùn)用標(biāo)簽導(dǎo)航的話，那知乎的這個(gè)處理計(jì)劃很適宜你(最右邊的功用是“更多”)。

還有一類狀況是:主功用是標(biāo)簽導(dǎo)航，非必須功用也是標(biāo)簽導(dǎo)航。有沒(méi)有聽(tīng)著很亂?持續(xù)看圖:

主功用是“新聞”，非必須功用是頂部的“要聞”、“NBA”等等，假設(shè)在某個(gè)主功用中，你的非必須功用許多，就可以運(yùn)用這類辦法來(lái)處理這個(gè)疑問(wèn)。還有許多類似的，標(biāo)簽導(dǎo)航能處理不少疑問(wèn)，可是前面說(shuō)過(guò)，必定要留心計(jì)劃，理清商品結(jié)構(gòu)，不要一上來(lái)就隨意定個(gè)導(dǎo)航辦法。

小結(jié)

今日詳盡的講了對(duì)于標(biāo)簽類導(dǎo)航的幾個(gè)學(xué)問(wèn)點(diǎn)，希望可以幫忙我們?cè)谧鳂I(yè)中非常好的運(yùn)用。近來(lái)出的文章大多是傾向交互、商品的。也許有些人初入這個(gè)行業(yè)，往常還觸及不到這類作業(yè)，設(shè)計(jì)也不是一朝一夕練成的，還需不斷努力。