Progressive Disclosure(漸進式揭露)
Progressive Disclosure(漸進式揭露)是把介面內容分成層級的設計手法:常用、每次都需要的內容放在初始層——使用者一進來就看到的那一層;進階或少用的功能移到次要層,使用者要用時才展開。Jakob Nielsen 在 2006 年的整理裡把它定義成「把進階或少用的功能延後到次要畫面」,好處是介面容易學、操作比較不容易出錯。它與 Modal 常一起出現:次要層內容常用對話框或展開面板呈現。
概念位置
Progressive Disclosure 處理的是一個畫面上該放多少內容:所有功能都攤在初始層,常用的功能被少用的淹沒;功能藏得太深,使用者找不到。Nielsen 指出它成立的條件有兩個:初始層與次要層要切對,常用的功能要在初始層;使用者要看得出怎麼從初始層進到次要層。入口能否被看見,屬於 Affordance 管的範圍:「更多選項」的入口要讓人一眼看出可以點。他也觀察到超過兩層的設計可用性通常偏低,使用者在層與層之間迷路。
同一個手法也用在給代理人讀的規則文件上。Anthropic 在 2025 年介紹 Agent Skills 時,把 Progressive Disclosure 稱為它的核心設計原則:代理人啟動時只載入每個 skill 的名稱與描述,判斷某個 skill 相關才讀它的主檔,主檔連到的其他檔案在需要時才讀。這裡的初始層是每次都會進到代理人上下文的內容,代價是每次都要付的讀取成本。
可觀察訊號與例子
需要 Progressive Disclosure 的訊號是:使用者每次完成同一件事,都要先跳過一批這次用不到的內容。
- 畫面:列印對話框的初始層只有份數、印表機與頁面範圍,紙張來源、雙面設定、色彩管理放在「更多設定」裡。
- 設定頁:一般使用者會改的選項放在設定首頁,進階選項收進「進階」分頁。
- 規則文件:一份判斷指南每次判斷都要先跳過範例、模板與只在特定情況才用的規則。把每次都要用的判斷依據與強制規則留在常駐的入口檔,其餘移到入口檔指向的參考文件,做法與一份規則文件精簡前後的行數在規則文件的精簡。
設計責任
設計 Progressive Disclosure 的責任是決定每一項內容放在哪一層,依據是使用頻率與漏看的代價:每次都用得到的放初始層;只有某些任務才用到的放次要層,並在初始層留下何時該打開它的提示;很少用到、但漏看的代價很高的內容(例如會造成資料遺失的設定、必須遵守的約束),即使少用也要在初始層留下觸發條件,讓使用者在該打開的時候知道要打開。分層之後確認從初始層到次要層的入口看得見,否則次要層的內容對使用者等於不存在。
#ux-design #knowledge-card #progressive-disclosure #information-architecture