導覽是使用者在後台「認路」的地方，最容易踩雷的就是把層級堆太深、或用錯切換元件。這章幫你決定：sidebar 該放幾層、什麼時候改用設定二級 nav 或 tabs、breadcrumb 到底要不要出現。當你發現導覽愈長愈亂、或不確定某個切換該用 tab 還是新頁時，回來這頁對一下。
這是什麼
把章節分成幾組小標題（例如架構、元件、頁面），各主題可收合展開，側欄寬度固定。
什麼時候用
文件或指南類網站章節很多時，用分組與收合避免選單一次拉得太長。
這是什麼
側欄可展開子項目；進入「設定」等同欄換成第二層選單，右邊顯示對應內容。
什麼時候用
產品後台功能多、需要兩層導覽時；比一次展開所有子項更省空間。
這是什麼
在頁面大標題上方顯示目前位置路徑，讓使用者知道自己在哪一層。
什麼時候用
路徑有三層以上才顯示；最後一項文字要與頁面大標題一致。
這是什麼
在同一區塊切換不同內容的頁籤，可分「整頁」「區塊」「卡片」三種層級。
什麼時候用
同一頁有多個平行視圖時用頁籤；同一列只用一種頁籤樣式，不要混搭。
這是什麼
按快捷鍵（例如 ⌘K）跳出全站搜尋，可跳到頁面或執行常用動作。
什麼時候用
功能很多、想讓熟手快速導航時；若頂部已有明顯搜尋框，兩者選一種即可。
這是什麼
Underline 次級 tab 導覽。
什麼時候用
同頁面內次級分區切換；點 tab 或調 activeId 參數，程式碼同步更新。
這是什麼
Segmented pill toggle（如 Monthly / Annual）。
什麼時候用
二到四個互斥選項的緊湊切換；定價週期、期間粒度常用。