有人說導(dǎo)航只是即是便利用戶操作的小東西罷了,沒那么奇特。是的,對于小眾的商品來說,確實沒那么神,因為神你也看不出來。去看看Facebook為何把抽屜式導(dǎo)航改成標簽導(dǎo)航,就知道導(dǎo)航對一個App的影響有多大了。
導(dǎo)航分許多種類,如標簽導(dǎo)航、抽屜式導(dǎo)航、九宮格導(dǎo)航、混合組合導(dǎo)航、列表式導(dǎo)航、Tab導(dǎo)航、平鋪導(dǎo)航等等。之前在海淘科技的讀書筆記中也有提到過三類導(dǎo)航:平鋪類、標簽類、列表類。
現(xiàn)在用到更多的導(dǎo)航本來是標簽導(dǎo)航,它隨處可見,相信現(xiàn)在大部分的App用的導(dǎo)航都是標簽辦法的。所以,是不是知道今日要說啥了?嗯,即是標簽導(dǎo)航。
相信許多計劃師在計劃導(dǎo)航時,一上來就初步Y(jié)Y自己的導(dǎo)航要放啥,因為這個時分他從前被標簽辦法的導(dǎo)航洗腦了,認為自己的App就應(yīng)該用標簽導(dǎo)航。然后持續(xù)YY商品的功用,自己理出個最適宜的,放上去就好了。
本來不然。做好一個導(dǎo)航要思索的疑問本來非常多,還要思索商品后期展開的延展性。必需定好全部商品的結(jié)構(gòu),把最基地的功用放在第一層頁面,再根據(jù)商品的深度來計劃導(dǎo)航的方法。
咱們作為交互計劃師,需要掌握商品的全體架構(gòu),這不只僅是商品司理的作業(yè)。所以在前期咱們要支付許多盡力,才干把一個商品的線框圖畫好。
先來看個圖:
不要看上面的列表,就看下面的標簽。是不是特別熟諳?許多App都是用這類標簽式導(dǎo)航來引導(dǎo)用戶切換功用。
那它的優(yōu)勢是啥呢?
1. 簡略高效,操作便利
下面的四個功用可以迅速切換,用戶在運用的過程中不會迷失方向,且簡略清楚,層級了解。
2. 非常好的用戶體會
試想一下,一般在運用App時,用戶更多的會怎么運用手機?雙手仍是單手呢?必定都有。所以單手運用手機的用戶碰到的App是標簽導(dǎo)航時,可以更便利的操作,不需要必定得運用另一只手。而某些導(dǎo)航假設(shè)不用兩只手是沒辦法操作的。
3. 迅速了解App首要功用
一般來說,用戶第一次運用商品,會重視這個App有啥功用,它能幫忙自己完結(jié)啥任務(wù)。所以標簽導(dǎo)航可以極好地幫忙用戶了解商品的首要功用,讓用戶看到的第一眼就知道自己能做啥。
然后再來看看優(yōu)勢:
1. 功用不能過多
有些商品功用過多,可是卻又都是必要的,不能做刪減。而一旦逾越五個,就不適宜用標簽導(dǎo)航。因為標簽導(dǎo)航不適宜做滑動,所以功用多了可點擊區(qū)域(熱區(qū))就變小了,操作上會有必定影響。
2. 占用必定屏幕尺寸
標簽導(dǎo)航占用了屏幕下方不少的位置,所以有些App就不適宜用標簽導(dǎo)航,比如閱覽類的App。先不說一屏內(nèi)少了許多字展現(xiàn),就說在滑動的時分不留神點到了其他功用是不是很煩?
標簽導(dǎo)航的延展
有的人會問,假設(shè)我的商品很想用標簽導(dǎo)航,可是又逾越了5個功用,那有辦法處理么?看個圖:
當(dāng)你的主功用逾越5個又必定要運用標簽導(dǎo)航的話,那知乎的這個處理計劃很適宜你(最右邊的功用是“更多”)。
還有一類狀況是:主功用是標簽導(dǎo)航,非必須功用也是標簽導(dǎo)航。有沒有聽著很亂?持續(xù)看圖:
主功用是“新聞”,非必須功用是頂部的“要聞”、“NBA”等等,假設(shè)在某個主功用中,你的非必須功用許多,就可以運用這類辦法來處理這個疑問。還有許多類似的,標簽導(dǎo)航能處理不少疑問,可是前面說過,必定要留心計劃,理清商品結(jié)構(gòu),不要一上來就隨意定個導(dǎo)航辦法。
今日詳盡的講了對于標簽類導(dǎo)航的幾個學(xué)問點,希望可以幫忙我們在作業(yè)中非常好的運用。近來出的文章大多是傾向交互、商品的。也許有些人初入這個行業(yè),往常還觸及不到這類作業(yè),設(shè)計也不是一朝一夕練成的,還需不斷努力。