一直以來25學堂受到大家的批評和建議。希望25學堂繼續多分享一些有實際APP操作案例分析的設計干貨。
于是乎，學堂看到了微信公眾號：呆呆U理（UDai-bl）的一篇文章《標簽式導航的設計要點》，覺得作者分析的非常有道理，剛好給大家詳細了解一下如何來設計好APP導航，而且是APP導航里面一種，標簽式導航。
關于APP導航設計的博文，25學堂之前分享了很多，比如：
從今天開始，25學堂小編就來跟大家一一詳細講解每一個導航設計的優缺點。
今天分享的是第一個APP導航：標簽式導航，也是我們最常見的最常用的導航。
第一個案例就是麗人麗妝APP的首頁：
上面的標簽、和底部的五個標簽以及中間五個圖標的導航，其實都是屬于APP標簽式導航范疇。
到今天為止，很多App都是用這類標簽式導航來引導用戶切換功能。當然，25學堂也在 APP底部導航設計，是最好的手機APP導航設計方式 詳細的分析過了。
在這里，我們在回顧一下標簽式導航設計的優缺點：
APP標簽式導航的優點
1、簡單高效，操作方便。
下面的四個功能可以快速切換，用戶在使用的過程中不會迷失方向，且簡單清晰，層級明確。
2、更好的用戶體驗
試想一下，一般在使用App時，用戶更多的會怎么使用手機？雙手還是單手呢？肯定都有。所以單手使用手機的用戶碰到的App是標簽導航時，可以更方便的操作，不需要一定得使用另一只手。而某些導航如果不用兩只手是沒辦法操作的。
3、快速了解App主要功能
一般來說，用戶第一次使用產品，會關注這個App有什么功能，它能幫助自己完成什么任務。所以標簽導航可以很好地幫助用戶了解產品的主要功能，讓用戶看到的第一眼就知道自己能做什么。
APP標簽式導航的缺點：
1、功能不能過多
有些產品功能過多，但是卻又都是必要的，不能做刪減。而一旦超過五個，就不適合用標簽導航。因為標簽導航不適合做滑動，所以功能多了可點擊區域(熱區)就變小了，操作上會有一定影響。
2、占用一定屏幕尺寸
標簽導航占用了屏幕下方不少的位置，所以有些App就不適合用標簽導航，比如閱讀類的App。先不說一屏內少了很多字展示，就說在滑動的時候不小心點到了其他功能是不是很煩？
再回到麗人麗妝APP首頁的那個案例，在搜索框下面，還有五個次級的標簽式導航，而且交互方式通過滑動來實現切換的。這類交互特效在APP設計當中也變得很常見。快速切換找到用戶想要的需求點。
作為一名APP設計師也好，還是APP產品經理，在開始設計APP的時候，一定要定好整個產品的框架，把最核心的功能放在第一層頁面，再根據產品的深度來設計導航的模式。
上面，我們已經從麗人麗妝APP首頁看到了標簽式導航的一些常見用法。
如果當底部導航超過了五個，怎么辦呢？
第一：換別的導航方式，比如馱式導航或者抽屜導航。
第二：重新歸類。衡量一下產品的層級，把某些相關的放在 “更多” 或者 “發現”里面。
如下圖：很早時期的微信界面，這樣的導航設計不受歡迎。
知乎APP里面，也采用了這樣的的導航，在最后一個菜單那里是更多。
第三：標簽導航可以用你創新的方式表現出來。只要符合用戶體驗操作習慣就行。
比如類似下圖當中紅色框框里面的導航：
這些也算是標簽式導航的變形，另外一種設計方式。
第二個創新的底部標簽式導航設計案例：
這樣的底部標簽式導航設計會降低APP的PV和UV，提高了用戶使用成本。如何折中處理這樣的設計案例。
在數據統計方面來看：
點擊的置底的導航欄和滑動的頂部導航欄是差不多的，在大屏手機上更方便用戶滑動去切換頁面界面。
不過25學堂的小編還是建議把底部標簽式導航固定在下面更符合用戶習慣。
還有很多類似的APP導航設計，標簽導航能解決不少問題，但是前面說過，一定要注意規劃，理清產品框架，不要一上來就隨便定個導航形式。
希望以上這些觀點可以讓你對APP標簽式導航有一定的了解和掌握。
以后知道怎么去應用這些APP導航知識。
Tags: 移動設計 產品設計
文章來源：http://www.25xt.com/appdesign/13271.html