有人說導(dǎo)航只是即是便利用戶操作的小東西罷了，沒那么奇特。是的，對于小眾的商品來說，確實沒那么神，因為神你也看不出來。去看看Facebook為何把抽屜式導(dǎo)航改成標(biāo)簽導(dǎo)航，就知道導(dǎo)航對一個App的影響有多大了。

導(dǎo)航分許多種類，如標(biāo)簽導(dǎo)航、抽屜式導(dǎo)航、九宮格導(dǎo)航、混合組合導(dǎo)航、列表式導(dǎo)航、Tab導(dǎo)航、平鋪導(dǎo)航等等。之前在創(chuàng)新互聯(lián)的讀書筆記中也有提到過三類導(dǎo)航：平鋪類、標(biāo)簽類、列表類。

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

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

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

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

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

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

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

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

1. 簡略高效，操作便利

下面的四個功用可以迅速切換，用戶在運用的過程中不會迷失方向，且簡略清楚，層級了解。

2. 非常好的用戶體會

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

3. 迅速了解App首要功用

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

然后再來看看優(yōu)勢：

1. 功用不能過多

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

2. 占用必定屏幕尺寸

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

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

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

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

還有一類狀況是:主功用是標(biāo)簽導(dǎo)航，非必須功用也是標(biāo)簽導(dǎo)航。有沒有聽著很亂?

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

小結(jié)

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

當(dāng)前名稱：【設(shè)計干貨分享】標(biāo)簽式導(dǎo)航的設(shè)計思路
本文路徑：http://m.2m8n56k.cn/news10/172260.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、小程序開發(fā)、微信小程序、網(wǎng)站設(shè)計、服務(wù)器托管、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)