一、導航概述
1、導航定義：采用功能定義法，其核心功能即指引（導航）
2、劃分方法：導航的形狀和位置
3、重要性：產品設計五層模型中的第四層框架層，與功能、信息架構有關，根本源于用戶需求（即用戶、需求、場景）
4、導航對象：功能和內容
5、基本方法：分類
6、導航類別：首頁的主導航、首頁及深層級的次導航
二、導航類型基本形態：一般多種導航組合出現
1、跳板式/陳列館式/宮格式/網格式/矩陣式/WP磁貼式
1.1 優缺點及適用范圍
? ? ? 內容或功能數量較多時，進行快速引導，一目了然；每個宮格功能明確，不需要反復在相鄰模塊的深層次頁面中進行切換。
1.2 應用舉例
? ? ? fb早期曾以宮格式導航為主導航（fb還是用過抽屜式導航和tab式導航）。現在以宮格式為主導航的不多見（美圖秀秀保留），一般以宮格式結合tab式導航。
1.2.1 首頁
手機桌面：
微菜單：
千牛：
美圖秀秀：
1.2.2 二三級頁面
? ? ? 這種類似卡片式導航了，不過不必局限于定義，就是格子（放的圓的都行）具有導航功能即可。如活動主題頁、商品展示頁——一般有列表和宮格兩種展示方式。
京東商品展示頁：
1.2.3 個人主頁
蘑菇街：
2、選項卡式/標簽式/Tab式/菜單式
? ? ? 優缺點和適用范圍：結構清晰，數量5個以內，適合頻繁切換
1.1底部Tab
1.1.1 普通
手機桌面，圖片如上
1.1.2 舵式：中間的tab異形，有強調作用。引申出來的包括非中間按鈕異形的“舵式”
喜馬拉雅
蘑菇街
簡書
1.1.3 擴展式/超級菜單式：即可展開下一級導航
path
微博
豬八戒
1.2頂部Tab：也包括普通、舵式、擴展式/超級菜單式，經常和底部tab結合使用
蝦米音樂
搜狐新聞
網易云音樂
快手
3、列表式
3.1普通（多在深層級頁面，導向詳情頁，如個人主頁）
餓了么個人主頁
3.2分組：微信發現、iPhone設置
3.3增強，當前列表可操作或與其他控件組合
iPhone設置
微博搜索
4、側邊展開式/抽屜式：導航頁分列表和宮格式，可組合使用
? ? ? 優缺點及適用范圍：大屏手機單手操作不便、不易發現減少參與度；不占空間；適合5個以上的入口/操作；適合放置輔助功能。
? ? ? 一般啟動APP時進行手勢提示；另側邊右滑喚出的交互，與IOS撤退相近。
蝦米音樂
5、懸浮icon式
? ? ? 優缺點和適用范圍：便捷入口，或為短期功能；用于吸引注意；頁面內容較多；用戶或可自定義出現/消失。
iPhone AssistiveTouch
京東我的街
6、暫將卡片式和全屏的滾動視圖（或稱頁面輪盤式/平鋪式）視為內容頁，不作為導航。
