Bible Network Crypto DeFi Onchain RWA AI Agent Stablecoin Chain SAFU CryptoTax DeFAI AGI Claude Me Claude Skill Claude Design Claude Cowork
獨立知識媒體
與任何項目無關聯
用 Claude Design,把想法變成可互動的視覺
claudedesign-me.com
最新
輸出範例:一頁定價頁面,從 Prompt 到可上線的三欄結構  ·  輸出範例:一份能在 Outlook 也不會崩版的響應式電子報範本  ·  輸出範例:一個有品牌感的 404 頁面,從單調錯誤訊息到留住訪客的設計  ·  Claude Design 不再需要另外開視窗:視覺生成正式變成聊天裡隨時可呼叫的能力  ·  Anthropic 宣布「one Claude」:Cowork 與聊天介面合併,Claude Design 走進對話裡  ·  AI 進步的是圖像,不是工具:一次測試六種產品類別後看到的真正落差
名詞解析 · visual-design

Progressive Disclosure

漸進式揭露
visual-design beginner

30 秒版 · 給沒耐心的人
先只顯示使用者現在真正需要的資訊或功能,把進階、少用的選項延後到使用者主動要求時才顯示,藉此避免一次把所有東西都攤開在畫面上,讓人一眼看了就想放棄。
完整解說 +
01 · 這是什麼?

漸進式揭露是什麼,跟單純「把介面做得簡單一點」有什麼不同?

漸進式揭露是一種互動設計手法,把複雜的任務拆解成較小的步驟,或是把進階功能延後到次要畫面才顯示,讓使用者一開始只面對真正需要的核心選項,之後隨著需求出現,再逐步揭露更深入的內容。這個概念最早由 Jakob Nielsen 於 1995 年提出,目的是降低複雜應用程式裡的使用者錯誤率,至今仍是使用者體驗設計裡最基本的原則之一。

這跟單純把介面做得簡單不一樣的地方,在於漸進式揭露並沒有真的拿掉任何功能,進階選項依然存在,只是被安排在「使用者主動要求時才出現」的次要位置,而不是一開始就攤在主畫面上。單純的簡化,往往是犧牲功能完整性去換取視覺簡潔;漸進式揭露的目標則是同時保留功能完整性,又不讓新手使用者一開始就被淹沒——一個經典的例子是 macOS 的列印對話框,預設只顯示少數幾個選項,點擊「顯示詳細資訊」後才會展開更多進階設定。

02 · 為什麼存在?

為什麼漸進式揭露會被認為是重要的設計原則,它解決了什麼認知層面的問題?

這個原則的心理學基礎,來自心理學家 George A. Miller 在 1956 年的經典研究,指出人類的短期工作記憶一次大約只能容納七個(正負二個)資訊區塊,超過這個範圍,人會開始覺得吃力、容易出錯或直接放棄。一個把所有功能、所有選項都攤在同一個畫面上的介面,等於是強迫使用者一次消化遠超過工作記憶負荷的資訊量,這正是很多複雜應用程式讓新手感到不知所措的根本原因。

漸進式揭露解決的正是這個落差:它把使用者當下需要處理的資訊量,控制在認知負荷可以負荷的範圍內,同時把「這個功能存在,但現在還用不到」的東西暫時收起來,不是刪除、只是延後。這個做法的效益是雙向的——對新手使用者來說,介面看起來更容易上手,一開始的成功經驗能建立信心;對已經熟悉介面的進階使用者來說,這些進階功能依然觸手可及,並沒有被真的拿走,只是需要多一個點擊或操作去取用。

03 · 如何影響你的決策?

漸進式揭露實際上是透過哪些具體的介面元件實現的?

業界常見的做法大致可以分成幾種:手風琴選單(accordion)用垂直堆疊、可展開收合的標題呈現內容,點擊標題才會顯示或隱藏底下的內容,適合 FAQ、規格說明這類結構化資訊;步驟指引(stepper)把一個複雜任務拆成一個個階段,每次只顯示當前這一步該填的內容,常見於多步驟的表單流程;標籤頁(tabs)把內容依類別分組,讓使用者可以切換檢視不同分類,不需要一次滾動看完所有內容;彈出視窗(modal)則是把進階功能或次要設定暫時獨立出來,只有在使用者主動觸發時才會出現在主畫面前方。

這些元件雖然形式不同,但共同目的都是同一件事:把「使用者現在需要看」跟「使用者現在不需要看,但之後可能需要」的內容分開處理。實際選用哪一種元件,取決於內容的性質——如果是循序漸進的任務,步驟指引比較合適;如果是可以任意跳著看的分類資訊,標籤頁或手風琴選單會更自然。

04 · 你該怎麼辦?

如果我用 AI 設計工具生成畫面,怎麼確保它有正確套用漸進式揭露,而不是把所有選項都塞在同一畫面?

如果沒有特別要求,AI 生成介面時容易傾向把所有能想到的選項都直接放進同一個畫面(因為這樣看起來「功能齊全」),而不會主動判斷哪些是核心、哪些是進階、該不該延後顯示。要讓 AI 正確套用漸進式揭露,需要在 prompt 裡明確指出哪些是使用者一開始就需要的核心資訊、哪些是進階或少用的選項,並具體要求把後者收進手風琴、標籤頁、或次要畫面裡。

實務上有一個容易犯的錯誤值得留意:把使用者真正需要的核心動作也藏進「更多選項」的收合區塊裡,誤以為這樣看起來比較簡潔。如果多數使用者實際上都需要用到某個功能,這個功能就不算是「進階」,硬把它藏起來只會製造額外的操作阻力,讓介面看起來簡潔,卻犧牲了真正的可用性——判斷一個選項該不該被延後顯示的標準,是「多數使用者用不用得到」,不是「畫面上看起來擠不擠」。

資料來源:What Is Progressive Disclosure in UX? Definition, Examples & Best Practices (2026) (UXPin)、Progressive disclosure — Wikipedia
實際例子 +

macOS 的列印對話框是漸進式揭露最常被引用的經典案例:使用者在列印一份文件時,預設只會看到少數幾個核心選項(印表機選擇、列印份數等),畫面下方有一個「顯示詳細資訊」的按鈕,點擊之後才會展開更多進階設定(紙張類型、色彩管理、雙面列印等)。這個設計讓絕大多數只需要基本列印功能的使用者,不用被進階選項淹沒,同時需要細部控制的使用者,依然可以透過一次點擊取用完整功能,兩種使用情境都被照顧到。

常見誤解 +
✕ 誤解1
× 誤解:漸進式揭露就是把功能藏起來、讓畫面看起來簡潔一點,實際是:真正的漸進式揭露只延後使用者不常用、不是核心需求的選項,如果把多數使用者真正需要的核心功能也藏進收合區塊,只是製造多餘的操作阻力,不是簡潔,是隱藏
✕ 誤解2
× 誤解:只要選項總數不多(例如三到五個),就一定要用漸進式揭露把它們藏起來,實際是:如果選項總數本來就不多,逐一收合反而只是多加一次點擊、沒有真的降低認知負荷,漸進式揭露適用於選項數量真正超出使用者一次能處理的範圍時,不是選項一多就該無條件收起來
這件事跟你有什麼關係 +
直接影響

優點是能大幅降低新手使用者一開始接觸介面時的認知負荷,提高上手速度,同時不犧牲進階使用者需要的功能完整性;缺點是被延後顯示的功能,發現性會降低,如果使用者根本不知道有進階選項存在,或是找不到觸發它的入口,等於是變相把功能藏起來而非分層揭露,這種情況下漸進式揭露反而變成了阻礙,設計時需要確保「還有更多選項」這件事本身是清楚可見的,只是內容被收起來,而不是連入口都消失。

提問
請至少輸入 10 個字
更多相關主題