B2B/B2C 網站高頻使用左側導航樹。當存在二三級分類時，設計複雜度上升：需控制收展、區分當前/已訪問狀態、體現層級關係。細節疏忽極易產生錯誤隱喻，誤導用戶。

核心問題：收展圖標放右側 = 疑似外鏈

常見錯誤：收展 icon 置於分類名稱右側（左圖）。用戶易誤判為外部鏈接（右圖 CNN 導航標籤即為右側箭頭暗示外鏈）。

主流作業系統與產品的標準做法：圖標靠左

調研 Windows XP、Mac OS、Win7、Google Docs 四大系統/產品，結論一致：

• **圖標位置**：全部置於分類名稱**左側**。
• **圖標形式**：加號/減號（XP）、小三角朝左/朝下/斜向下（Mac/Win7/GDocs）。
• **層級縮進**：名稱對齊採用縮進，清晰體現父子層級關係。

主流 B2C 網站實戰驗證

• Gap：灰色標示當前項，圓形 icon + 縮進層級，無收展功能。
• Walmart：高亮色標示當前項，縮進層級。向上箭頭 = 內部鏈接跳轉，非收展。
• Amazon：顏色 + 縮進 + 左向小箭頭（內部鏈接），非收展控件。

設計建議總結

1. 收展按鈕**必置左側**，避免右側箭頭/三角被誤判為外鏈。
2. 優先使用加減號或小三角等通用 icon。
3. 層級關係用**縮進對齊**體現，清晰低成本。
4. 若導航固定不可收展，可用左向箭頭暗示可點擊進入（如 Amazon）。