新聞發(fā)布
管理系統(tǒng)根據產品層級的深度和廣度，選擇適合的導航模式，是產品設計中的關鍵一環(huán)。與大家共勉。
寫在前面：看了很多總結導航的文章，其實都基本雷同，但是都覺得不夠細致，也不是從我們常用的產品去分析的，因此云智用自己的思路重新分析了一遍，某些段落來自引用，比如拇指熱區(qū)，某些來自我讀過的文章，但大部分的分析來自我的原創(chuàng)。這篇文章應該說是站在巨人的肩膀上，自己的一些淺見。
任何APP的組織信息都需要以某種導航框架固定起來，就像是建筑工人拔地而起的高樓大廈一樣，地基非常重要，之后你想要蓋多少層樓、每層樓有多少間房，都在地基的基礎上構成。而一個新的產品也是這樣，合適的導航框架，決定了產品之后的延伸和擴展。
不同的產品需求和商業(yè)目標決定了不同的導航框架的設計模式。而交互設計的第一步，就是決定導航的框架設計，框架確定后，才能開始逐漸豐富血肉。
首先，我們要為組織信息分層，在這一步驟，一定要做好信息層級的扁平化，不能把所有的組織信息都鋪出來，這樣做只會讓用戶心煩意亂找不到想要的重要操作，也不能把層級做的很深，用戶沒有那么多耐心跟你玩躲貓貓。一定要將做核心、穩(wěn)固、根本的功能要素放在第一層頁面，其他得內容收在第二層、第三層、甚至更深。
之后，根據層級的深度和廣度來確定導航的設計模式。不要覺得這有多難，移動端的屏幕尺寸就這么大，操作方式也無非就是點擊、滑動、長按這些。因此導航模式一般也就分為以下7種（當然你可以在這七種的基礎上互相組合）接下來我們可以具體分析一下這七種導航模式。
一、標簽式導航
也就是我們平時說的tab式導航，是移動應用中普遍、常用的導航模式，適合在相關的幾類信息中間頻繁的調轉。這類信息優(yōu)先級較高、用戶使用頻繁，彼此之間相互獨立，通過標簽式導航的引導，用戶可以迅速的實現頁面之間的切換且不會迷失方向，簡單而高效。需要注意的是標簽式導航根據邏輯和重要性控制在5個以內，多余5個用戶難以記憶而且容易迷失。
而標簽式導航還細分為底部tab式導航、頂部tab式導航、底部tab的擴展導航這三種。
1、底部tab式導航
如果此時你觀察一下自己手機中常用的APP你就會發(fā)現QQ、微信、淘寶、微博、美團、京東等全部都是底部tab式導航
這是符合拇指熱區(qū)操作的一種導航模式，那么什么是拇指熱區(qū)呢？當你走在路上、單手持握手機并操作;站在公交車上，一手拉扶手，另一只手操作等等這些場景時，你常用的操作就是右手單手持握并操作手機，因此，對于手機來說，為觸摸進行交互設計，主要針對的就是拇指。
但在手機操作中，拇指的可控范圍有限，缺乏靈活度。尤其是在如今的大屏手機上，拇指的可控范圍還不到整個屏幕的三分之一——主要集中在屏幕底部、與拇指相對的另外一邊。當用右手持握手機的時候（左撇子畢竟是少數，我們還是要為主流用戶設計，拇指的熱區(qū)如下圖所示）
隨著手機屏幕越來越大，內容顯示變多了，但是單手操作變難了。這也就是為什么，工具欄和導航條一般都在手機界面的下邊緣，而將導航放置在屏幕底部即拇指熱區(qū)，這樣的方式為單手持握時拇指操作帶來了更大的舒適性。
將導航放置在屏幕底部也不僅僅關乎到拇指操作的舒適性，還關系到另一個問題：如果放在上面，用手指操作時，會擋住閱讀的視線。如果控件在底部，不管手怎么移動，至少不會擋住主要內容，從而給予清晰的視角。呈遞內容的屏幕在上方，控制按鍵在下方。
這也是為什么我是個果粉的原因，iPhone把一個需要按壓的home鍵放在手機底部比Android手機將三個觸摸式物理按鍵放在底部高明多了，這些接近屏幕邊緣的物理按鍵擠在一起，手指非常不便于操作。（華為甚至直接將3個物理按鍵放在了屏幕里），尤其是在我玩游戲的時候總會誤觸發(fā)這3個物理按鍵，造成無意退出，非常不爽。如果再將導航也放置在底部，只能對舒適性說拜拜了（市面上的主流Android手機）
2、頂部tab式導航
Android的物理按鍵已經放在底部了，為了不產生堆疊，很多Android應用運用了頂部tab式導航，這是一種妥協下的行為。（下圖為微信Android和iOS圖）
而如今，在妥協物理按鍵和拇指操作舒適中，微信Android版拋棄了頂部導航的方式，和IOS保持了一致
當然頂部導航也不是那么一無是處，QQ音樂和酷我音樂現在用的就是頂部Tab式導航，為了更好的瀏覽基本信息（歌手、歌曲名）、以及支持快捷操作（播放/暫停）播放器需要固定在底部,那么頂部tab導航不失為一個好選擇（如下圖）
還有騰訊新聞和網易新聞這種新聞類APP，由于內容、分類較多，運用頂部和底部雙tab導航，而切換頻率高的tab放在頂部，這是為什么呢？因為新聞在每個tab都是沉浸式閱讀，常用的操作是在一個tab中不斷地下滑閱讀內容，將常用的tab放在頂部，加入手勢切換的操作，反倒能帶來更好地閱讀體驗。（如下圖）
小結：在兩種情況下可以選擇頂部tab式導航，
l 某項功能必須固定在底部，那么其他tab只能固定在頂部，但為了方便操作，頂部tab導航好支持手勢操作，即滑動即可切換;
l 該APP是沉浸式體驗，如新聞、小說等，為了帶給用戶更好的閱讀體驗，可以將tab放在頂部。
