APP導航設計九法

標籤：

近期在設計APP原型，用EXCEL，用Axure。但無論工具如何，產品本身的介面布局和互動設計確實逃不掉的！網路中有關於APP導航設計的總結：

第一種：app標籤導航  易用性：★★★★★   趣味性：★

　　標籤導航位於頁面底部，通常包含5個標籤是比較合適的數量。這種導航是非常常見的，如果需要使用者頻繁的在不同分頁切換，可以採用這種導航。它的缺點是會佔用一定高度的空間。如最新版的APP介面設計圖。

 

第二種：APP舵式導航  易用性：★★★★★   趣味性：★

目前流行一種標籤導航的變體，個人把它稱為“舵式導航”，因為它的樣式很像輪船上用來指揮的船舵，兩側是其他動作按鈕。當頁面有處於同一層級的幾大部分內容，同時又需要一個非常重要且頻繁操作的入口，就可以採用這種APP導航模式。如葡萄社APP。

 

第三種：APP抽屜式導航模式  

抽屜導航是講菜單隱藏在當前頁面後，點擊入口即可像拉抽屜一樣拉出菜單，這種導航的優點是節省頁面展示空間，讓使用者將更多的注意力聚焦到當前頁面。比較適合於不那麼需要頻繁切換內容的應用，例如對設定、關於等內容的隱藏。這種導航設計需要注意的是一定要提供菜單畫出的過渡動畫。

 

第四種：APP宮格導航（比如九宮格）

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

 

第五種：APP混合組合導航

　　當使用者需要聚焦內容，同時又需要一些快捷入口能夠串連到某些頁面時，就可以採用組合導航。組合導航上方用宮格的形式展現快捷入口，與標籤導航不同的是，這些宮格入口之間不需要是平級的關係，也不必包含整個層級的內容，你可以將它理解為一種圖形化的文字鏈。這種導航比較靈活，能適應架構的快速調整。

 

第九種 點聚式導航

　　點聚式導航，它將多個核心功能聚匯到主介面中顯示，方便使用者呼出使用。由於點聚式佔用空間小，所以它常出現在一些主要的流程介面中。一般會融入一些動態互動效果，讓導航更具趣味性。在漸漸的演變中，點聚式會搭載其他導航樣式出現（如標籤式）。在設計過程中，按照實際需求，結合內容選擇最為合適的導航形式，切忌跟風或者先從形式入手從而忽略導覽功能表自身的特點。

APP導航設計九法