【設(shè)計(jì)干貨分享】標(biāo)簽式導(dǎo)航的設(shè)計(jì)思路

有人說導(dǎo)航只是即是便利用戶操作的小東西罷了，沒那么奇特。是的，對(duì)于小眾的商品來說，確實(shí)沒那么神，因?yàn)樯衲阋部床怀鰜?。去看看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)航等等。之前在創(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)

相信許多計(jì)劃師在計(jì)劃導(dǎo)航時(shí)，一上來就初步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è)最適宜的，放上去就好了。

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

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

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

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

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

1. 簡略高效，操作便利

下面的四個(gè)功用可以迅速切換，用戶在運(yùn)用的過程中不會(huì)迷失方向，且簡略清楚，層級(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è)不用兩只手是沒辦法操作的。

3. 迅速了解App首要功用

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

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

1. 功用不能過多

有些商品功用過多，可是卻又都是必要的，不能做刪減。而一旦逾越五個(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。先不說一屏內(nèi)少了許多字展現(xiàn)，就說在滑動(dòng)的時(shí)分不留神點(diǎn)到了其他功用是不是很煩?

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

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

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

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

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

小結(jié)

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

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

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

廣告

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