導航旨在清晰展示應用層級結構，引導用戶輕鬆尋找與管理信息，避免迷失。無論軟件、網頁還是移動設備，界面成敗很大程度上取決於導航有效性——能否高效傳遞人機交互信息。一套完備的導航系統，對應用成功舉足輕重。

為歸納導航在交互設計中的應用模式，按以下結構分類：

Main Navigation 主導航

通常固定在界面頂部等醒目位置，組織應用主要內容框架。幾乎所有產品都有主導航模組，可細分為：

水平導航

水平分佈的可點擊圖標或標籤欄，當前項高亮，頁面跳轉後保持穩定。特點：6-8 項分類，向下層級不超過 3 層。典型如 Ribbon 工具欄，固定頂部，層級 ≤3。

垂直導航

垂直展現，常置左側，可全部/部分隱藏。特點：可顯示更多內容、方便上下滾動、頂部視覺焦點留給主體、從左至右展示更多層級。Porsche Canada 官網即採用垂直導航按類別尋車。

倒L導航

水平+垂直結合，形似倒轉「L」。水平展示第 1 層級，垂直展示第 2、3 層級（或反過來）。適用於條目多且需分層展示。Autodesk 官網即為例：水平選類別，垂直展開細分條目。

Directory Navigation 目錄式導航

應用內有分組內容供用戶直接選擇，組內與組間快速切換，用戶能把握全局架構並快速定位。淘寶首頁目錄導航是購物目標明確用戶的最強工具。

Doormat Navigation 門墊式導航

兩層同時展示：第 1 層主要類別，第 2 屬主要子項（非全部）。特點：3-4 主類目、4-8 主子項。常用於展示最新熱門文章，點擊類目進入欄目查看全部。

Double Tab Navigation 雙層 Tab 導航

頁面多需結構化組織時，雙層 Tab 讓用戶知曉當前位置並能快速返主頁。首層 Tab 緊貼次層，視覺相連，首層選項對應次層所有 Tab，當前位置有視覺區別。DesignSensory 採用此模式快速跳轉不同類型頁面。

註：次層 Tab 可隱藏以節省空間。

Map Navigation 地圖導航

用戶在地圖上按位置選擇內容，點擊跳轉詳情。信息組織與地理位置相關，位置一一對應。Google Earth 即典型地圖導航。

Split Navigation 分割式導航

信息按結構組織，用戶需展開節點查看子節點。特點：層級多（3-4層）、末層內容間快速切換。PDF 書籤、PPT 大綱、Outlook 左側欄、CHM 目錄皆屬此類。

Icon Navigation 圖標導航

圖標+少量文字，首眼即懂用途。視覺引導時代的普遍選擇，生動且不誤導。某設計師部落格即採用此風格。

Other Navigations 其他創新導航

隨技術發展，導航形式不斷創新：手繪風格、反映真實溫度的月份導航、擬真映射式、色塊導航、基於 Flash 導航等。邏輯結構多延續上述模式，表現形式更簡潔、直接、吸睛。

導航設計無標準答案，關鍵在於匹配產品架構與用戶心智模型，在清晰度、效率與愉悅感間取得平衡。