Threadser.net
數據
關鍵字
Threads
Login
串文
串文鏈結
2025-01-21 12:12
日常設計觀察 DAY 134 左側垂直導覽:桌面版網站的高效設計,支援擴充與快速瀏覽 垂直導覽非常適合信息架構(IA)廣泛或需要增長的網站,但需要比水平導覽更多的空間。確保導覽是左對齊、關鍵詞靠前、且保持可見性。 垂直導覽的優點 1. 增加可發現性並降低互動成本 - 允許更多頂層類別,提升尋找特定內容的效率。 - 使用具體且清晰的分類名稱,讓使用者不需要額外點擊就能快速找到需要的內容。 2. 支援導航項目增長 - 特別適用於需要持續擴充內容的大型組織,例如 B2B、政府、教育和醫療網站。 - 新增項目時無需大幅調整設計。 3. 提高掃描效率 - 研究顯示,使用者在網站的左側花費的注意力高達 80%,因此左側垂直導航更容易被注意到。 - 垂直清單比水平清單需要更少的眼動次數來找到目標項目。 4. 使用者熟悉度高 - 雖然現代網站中較少見,但在桌面應用(如 Slack 和 Gmail)中很常見。 - 很多網站的本地導航也採用垂直設計。 5. 自然轉換為手機設計 - 垂直導航在桌面與手機間易於適配,減少設計調整成本。
讚
40
回覆
1
轉發
4
作者
moonbath design
moonbathdesign
粉絲
833
串文
1,070+
讚
回覆
轉發
24小時粉絲增長
發文前
822
發文後24小時
831
變化
+9 (1.09%)
互動率
(讚 + 回覆 + 轉發) / 粉絲數
5.40%
回覆 (BETA)
最先回覆的內容
發文後
用戶
內容
幾秒內
moonbath design
moonbathdesign
垂直導覽的缺點 1. 占用更多空間 - 垂直導覽減少了內容區域的比例,特別是在小尺寸屏幕上。 - 在大型顯示器上,這一影響可能被多餘的留白空間抵消。 2. 長清單的折頁問題 - 使用者對頁面上方的信息更關注,可能忽略需捲動才能看到的項目。 - 建議將重要項目放在清單的頂部。 可用性指引 1. 左側放置,並使用明顯的設計 - 使用對比鮮明的背景色或邊框來突出導航。 2. 避免垂直與水平導覽的重複 - 不建議同時使用水平和垂直導航,這可能讓使用者感到困惑。 3. 不要僅使用圖標 - 確保導航項目有文字標籤,避免因僅用圖標而增加認知負擔。 4. 長清單將次要項目放底部 - 減少使用者因捲動而忽略重要信息的風險。 設計日常