導航在Web中扮演一個回答用戶"我是誰?""我從哪里來?""我到哪里去"的角色。好的導航是一個網站的主要基石。而在開始設計一個網站或者改版一個網頁時，它往往是設計師第一個面臨的挑戰。
01 導航設計之信息架構
信息架構決定了導航的定性，在設計之前整理清楚內容的信息架構，才能最大程度發揮導航的梳理網站結構、有效傳遞信息功能。網頁結構一共有多少層級關系?是否存在上下層關系?各類別標簽之間的關系是并列關系還是相關聯的?各子級項中是否存在可合并項?等等。要避免單純地按照簡單的邏輯關系，甚至按照業務關系把頁面導航細分到3級甚至4級或者產生出一些和用戶認知不相符的信息類別。每增加一級導航就增加一個認知維度，每增加一級使得整個導航系統復雜度增加數倍，不僅用戶的操作將成倍的增加，給網頁后期維護的帶來極大的成本。以下兩種圖示，就能清楚地看到相同數量頁面的不同放置方式給用戶帶來不同的體驗。
在web交互設計中存在"3次點擊"的原則，用戶在3次點擊后無法找到想要的信息或完成某個功能時，便會選擇放棄。所以對于導航來說，最基本的應該是讓用戶知道當前的頁面有哪些內容，并且知道自己的目標內容在哪里。導航設計的廣度和深度的區別展示，一般來說，廣度比深度的效果要好。在深結構的各級別間選擇更容易迷失方向，甚至可能迷路。但也不要在廣度上鋪的過廣，任何時候把太多內容show出來都會嚇退用戶，讓他們被迫患上了"選擇綜合癥"。
為了更明確用戶的認知或者甚至說在設計師面對改版等需求時，有助導航的創建和完善，常用的一個方法是卡片分類法。卡片分類法的進行方式很簡單，首先準備一些大小相同的空白卡片，將信息寫在不同的卡片上，讓參與人員自行分類，也可有適當的解釋性引導。每次測試的人數最好在2到4個之間，人數過少的話使用者之間不易產生討論，人數過多則會讓討論變得混亂，場面不易控制。這是一種在在網站或其他規劃初期常用的一個測試方法，能從中了解真正符合用戶習慣的信息分類，找到之間的認知差異，作為調整架構的依據。
02 導航設計之交互樣式
Web導航的最重要的作用就是將網站的內容信息友好地展示給用戶。在確定好網站的信息架構后，應當按需所取適當的導航樣式。而不是不管三七二十一，都來個tab式導航，覺得沒有個橫梁式的導航都不好意思說自己在做網頁。首先我們了解一些常用的導航形式：
1. 分步導航 (Step navigation)通常由文字標簽和箭頭組成，也要伴隨著向后退的鏈接。適用于環環相扣的頁面流程，如向導，支付，在線閱讀等，為一個接一個的頁面提供訪問。
(圖示出自：Google.com 注冊頁面)
2.分頁導航 (Paging navigation)經常出現在搜索頁中，一次可展現的結果數目通常有限制，超出限制的結果將在新頁面展現。最簡單的分頁導航就是帶頁碼的分布導航。
(圖示出自：阿里巴巴 我的阿里)