在確定了APP設計需求和設計流程之后，接下來要開始進行APP UI界面設計，其中APP導航設計非常重要，它將各種信息以更優的方式組合起來，對整個app的核心體驗起到關鍵作用，艾藝總結了目前常見的幾種APP導航設計模式以及這些模式的優缺點。

先說說APP導航設計的重要性，主要有3個方面：

1、結構化產品內容和功能

如果沒有導航，你產品中的內容和功能就相當于一盤散沙，不成體系，用戶會在里面迷路，不知所措。導航系統相當于APP的骨架，支撐著內容和功能組成的血肉，導航系統起著組織內容和功能的作用，讓它們按照產品的信息架構圖進行連接，展現在在用戶面前，導航將零散的內容和功能組織成了一個完成的有結構的系統。

2、突出核心功能

每一個APP都有一個核心功能，其他的都是次要功能和擴展功能，像微信的核心功能是即時聊天，京東是購物，易到是打車，貓眼是買電影票等等，核心功能對目標用戶來說是更重要的，把核心功能放在用戶更能接觸到的位置，給予充分的展現，而其他功能應該適度隱藏、甚至是刪除。導航就起到了突出核心功能，適度隱藏次要功能的作用。

3、扁平化用戶任務路徑

如果沒有導航，用戶為了完成一個任務，會像無頭蒼蠅一樣來回亂撞，即使來個你死我活也完成不了想要達成的任務。分析用戶的行為，建立合理的導航系統，設計順暢的任務路徑，讓用戶不再像無頭蒼蠅一樣，在各模塊之間迷失。一個好的導航，能夠扁平化用戶的任務路徑，減少用戶操作成本，從而提高用戶體驗。

常見的APP導航設計模式

一、APP標簽導航

標簽導航位于頁面底部，通常包含5個標簽是比較合適的數量，這種導航是非常常見的，如果你的應用需要用戶頻繁的在不同分頁切換，可以采用這種導航，如微信APP界面設計更下面“微信”、”通訊錄”、“發現”、“我的”這四大塊就是典型底部標簽導航。

標簽導航設計模式優點：

1、入口直接清晰；

2、操作路徑短，便于用戶在不同功能模塊之間進行跳轉；

3、直接展示入口內的內容，內容的曝光率較高。

缺點：

1、功能模塊之間沒有主次之分；

2、入口數量有限，常見的標簽導航多為3-5個控件，不宜超過5個；

3、擴展性差，不利于后期的功能擴展（ps.雖然可以將更后一個入口設置為【更多】，但是還是會導致入口較深的問題出現，會增加用戶的操作成本，導致到達率降低）。

二、APP舵式導航

其實是標簽導航的變體，因為它的樣式很像輪船上用來指揮的船舵，兩側是其他操作按鈕，所以叫舵式導航。

當頁面有處于同一層級的幾大部分內容，同時又需要一個非常重要且頻繁操作的入口，就可以采用這種APP導航模式。舵式導航的入口數目為奇數個，且一般為5個，更多不超過7個。

APP舵式導航設計優點：

1、在默認加載的頁面之外，又能夠突出強調中間的入口；

2、其他，同標簽導航。

缺點：

同標簽導航。

三、APP抽屜式導航

抽屜導航是講菜單隱藏在當前頁面后，點擊入口即可像拉抽屜一樣拉出菜單，這種導航的優點是節省頁面展示空間，讓用戶將更多的注意力聚焦到當前頁面。

此種APP導航模式比較適合于不那么需要頻繁切換內容的應用，例如對設置、關于等內容的隱藏，這種導航設計需要注意的是一定要提供菜單畫出的過渡動畫。

APP抽屜式導航設計優點：

1、突出了內容的優先級；

2、節省了頁面空間，將更多的屏幕空間留給了內容；

3、營造了浸入式體驗，讓用戶的注意力更多的集中到內容上；

4、擴展性好，能夠方便的在后期進行功能的延展。

缺點:

在進行不同功能模塊的跳轉的時候，增加了點擊次數，延長了操作路徑，不利于用戶在不同的功能模塊之間進行跳轉。

四、APP九宮格導航

這種宮格導航是將主要入口全部聚合在頁面，讓用戶做出選擇。這樣的組織方式無法讓用戶在第一時間看到內容，選擇壓力較大，采用這種導航的應用已經越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現，或是作為一系列工具入口的聚合。

APP九宮格導航設計優點：

1、將入口進行聚合，入口清晰直接；

2、操作路徑較短，用戶可以便捷的在不同的功能模塊之間進行跳轉；

3、擴展性好，能夠添加多個入口；

4、能夠直接給出功能模塊的更新提示（ps.美圖秀秀圖標左上角的hot，當然也可以更改為new）。

缺點：

1、無法展示子級頁面的內容；

2、退出路徑較長，用戶需要返回九宮格的導航界面，然后才能夠跳轉至另外的功能模塊。

五、APP列表式導航

幾乎所有的APP都有這種類型的導航，列表式，從上到下的展現，符合移動端瀑布流式的瀏覽方式。這種類型的導航設計形式比較多樣，可以是純文本、可以是圖標加文、純圖片、左圖右文、右文左圖。幾乎滿足了所有內容的展現形式。

不過目前來看，列表導航通常用于二級頁，由于它與宮格導航一樣，不會默認展示任何實質內容，所以通常app不會在首頁使用它。

APP列表式導航優點：

1、入口清晰直觀；

2、能夠在列表上直接給出關于活動、更新的提示（見微信游戲、購物提示）。

缺點：

1、入口之間為平行的關系，無優先級之分；

2、排版方式固定。

六、APP組合導航

APP組合導航適用于既需要用戶能夠聚焦于內容，又需要給出用戶不同頁面之間的入口，以便于用戶進行直接跳轉這種情況。

組合導航上方用宮格的形式展現快捷入口，與標簽導航不同的是，這些宮格入口之間不需要是平級的關系，也不必包含整個層級的內容，你可以將它理解為一種圖形化的文字鏈。

APP組合導航設計優點：

1、組合方式多樣，可以根據需要使用不同的組合方式，如標簽導航+抽屜導航，標簽導航+九宮格導航等；

2、能直接給出頁面的入口，便于用戶進行跳轉。

缺點：

1、占據了屏幕較多的空間；

2、App變得厚重。

以上就是常見的APP導航設計模式匯總?？偟膩碚f，App的導航可以分為兩大類，一類是內容的優先級較高，可采用抽屜式導航，另一類則是功能的優先級較高，可根據自己的產品屬性，功能特點以及用戶的使用習慣來選擇合適的導航，一定要符合用戶的使用習慣，不要過度設計，也不要為了設計而設計。