複雜的介面不是因為功能太多而難用,而是因為所有功能都一次性全部攤到使用者眼前。「漸進式揭露」(Progressive Disclosure)就是在處理這件事:一開始只給使用者當下最需要的那些,進階選項等需要時再出現。

這個概念並不新——Jakob Nielsen 早在 1995 年就提出了。但到了 2026 年,當 AI 生成介面讓「塞滿一堆欄位」變得更容易,這個老原則反而更顯重要。今天我們把它拆開來談。

📖 學(核心)

什麼是漸進式揭露

核心一句話:把進階或不常用的功能延後到次要畫面,讓主畫面保持簡潔。 它背後的依據是認知負荷(cognitive load):人的短期記憶容量有限,畫面上同時出現的選項越多,使用者要做的判斷就越多,犯錯與放棄的機率也越高。

值得注意的是,Nielsen Norman Group 的研究指出,採用漸進式揭露的介面,初次任務完成速度可以比「全部攤出來」的設計快 30–50%。這不是「藏起來」,而是「按需要的順序呈現」。

分層:从必要到專家

2026 年許多設計系統(例如 GitLab)把控件明確分成幾個層級,這是最實用的思考框架:

  • 層 1 必要(永遠可見):80% 使用者都需要的核心動作,直接放主畫面。
  • 層 2 常用(一步之遙):點一下就能展開的選項,例如可展開區塊或側邊面板。
  • 層 3 進階(可被發現):進階使用者才需要的功能,藏在「更多動作」選單或設定頁。
  • 層 4 專家(文件化):極端個案與細部設定,交給文件與進階設定頁處理。

設計時只要問自己一句:這個控件到底是哪一層?如果是主畫面塞了三分之一的「進階」選項,那就是該搬家了。

三種常見的實作型態

  1. 逐步式(step-by-step):把複雜流程拆成順序階段,例如多步驟的註冊流程或結帳頁。
  2. 條件式(conditional):選項預設隱藏,使用者主動要求才呈現。最經典的例子是 Dropbox 分享檔案:一開始只看到 email 欄位與「分享」按鈕,點了「設定」才出現進階權限與連結控制。
  3. 情境式(contextual):根據使用者當下狀態或前一步輸入,動態推出相關資訊。

要避開的坑

漸進式揭露不是萬灵丹。最常見的誤用是把使用者「常用」的東西藏太深——需要點三四下才找得到,反而增加摩擦。關鍵是要用真實使用數據來判斷哪些屬於層 1、哪些可以往後放,而不是靠設計師的直覺。另一個坑是隱藏入口沒有明確的視覺線索,讓使用者根本不知道這裡還有更多功能。

🧠 記

  • 漸進式揭露 = 按需要的順序呈現,不是藏功能。
  • 分四層:必要 → 常用(一點)→ 進階(可發現)→ 專家(文件)。
  • 三種型態:逐步、條件、情境。
  • 判斷分層要靠數據,不靠直覺;隱藏入口要有視覺線索。

✍️ 實踐

拿你手邊一個複雜表單或設定頁,做一次「分層盤點」:

  1. 列出這個畫面上所有控件與選項。
  2. 每一個都標上層級(1必要 / 2常用 / 3進階 / 4專家),並問「多少比例的使用者真的會用到」。
  3. 把被標為 3、4 的東西收進可展開區塊、「進階設定」切換或次要面板。
  4. 確認每個隱藏入口都有明確標籤(例如「進階選項」、「更多」),不要靠猜。

做完你會發現,主畫面往往能瘦身一半以上。

🔗 延伸學習


💬 問 AI

我手邊有一個 [表單 / 設定頁 / 儀表板],請用漸進式揭露的「四層分類」(必要 / 常用 / 進階 / 專家)幫我把下面這些控件分層,並建議哪些該收進可展開區、哪些該保留在主畫面:
[貼上你的控件清單]