VOCABULARY / 词条

渐进披露

Progressive Disclosure

加入比较＋

交互模式粒度：流程progressive-disclosure · v0.1.0

先呈现主要内容或选项，在用户需要时提供次要内容。

可操作示例 · 虚构产品 FIELDNOTES

通知设置

行程变化活动推荐

高级设置

通知摘要时间

折叠再展开，已填写的时间仍会保留。

识别特征

主要选项保持可见
次要选项有明确入口
展开后保留状态

概念边界

隐藏内容必须有可发现的入口；关键价格、风险和必要操作不能因为精简界面而被藏起。

什么时候考虑它

有可区分的主要与次要设置
首次使用者与熟练用户共享界面

什么时候慎用

每个用户完成任务都必须反复展开同一项
把作决定所需的信息归为高级内容

取舍

减少初始信息量，同时增加发现与展开的操作。

条件规则 · 编辑建议

当折叠后重新展开必须保留已填写的数据。

当涉及决定所需信息必须让成本与重要后果在决定前可见。

来源与支持范围

NN/g · Progressive Disclosure ↗

推迟呈现次要选项，使初始界面聚焦主要选项。

检索日期：2026-09-15

定义参考以上来源；数字界面示例、选择建议、条件关系及配方由本样例编辑，尚未经用户研究验证。

类型扩展与实现说明

能力标签只描述本演示；应用到产品时仍须重新验证。

{
  "states": [
    "collapsed",
    "expanded"
  ],
  "a11y": [
    "入口可键盘操作且有展开状态"
  ],
  "motion": "展开不依赖动画"
}

完整 Agent 条目 JSON

{
  "id": "progressive-disclosure",
  "type": "interaction",
  "name": {
    "zh": "渐进披露",
    "en": "Progressive Disclosure"
  },
  "aliases": [
    "按需展开",
    "高级设置",
    "渐进式披露"
  ],
  "granularity": "flow",
  "intents": [
    "configure",
    "reduce-complexity"
  ],
  "tags": [
    "设置",
    "新手",
    "次要选项",
    "展开",
    "advanced"
  ],
  "definition": "先呈现主要内容或选项，在用户需要时提供次要内容。",
  "boundary": "隐藏内容必须有可发现的入口；关键价格、风险和必要操作不能因为精简界面而被藏起。",
  "signature": [
    "主要选项保持可见",
    "次要选项有明确入口",
    "展开后保留状态"
  ],
  "when": [
    "有可区分的主要与次要设置",
    "首次使用者与熟练用户共享界面"
  ],
  "when_not": [
    "每个用户完成任务都必须反复展开同一项",
    "把作决定所需的信息归为高级内容"
  ],
  "tradeoff": "减少初始信息量，同时增加发现与展开的操作。",
  "comparison": {
    "focus": "控制何时出现次要选项",
    "mechanism": "分阶段呈现",
    "cost": "次要内容的发现与访问成本"
  },
  "sources": [
    {
      "id": "nng-disclosure",
      "title": "NN/g · Progressive Disclosure",
      "url": "https://www.nngroup.com/articles/progressive-disclosure/",
      "claim": "推迟呈现次要选项，使初始界面聚焦主要选项。",
      "checkedAt": "2026-09-15",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260915*/https://www.nngroup.com/articles/progressive-disclosure/",
        "status": "available",
        "checkedAt": "2026-09-15T16:50:00.277Z",
        "jobId": "spn2-c8cd05d9fd1d5430e711dfedd823448ccbfc74cb",
        "url": "https://web.archive.org/web/20260915165025/https://www.nngroup.com/articles/progressive-disclosure/",
        "timestamp": "20260915165025"
      }
    }
  ],
  "relations": [
    {
      "target": "recognition",
      "kind": "composes_with",
      "condition": "设计展开入口",
      "reason": "入口必须让用户认出里面有什么。",
      "basis": "editorial"
    },
    {
      "target": "inline-edit",
      "kind": "composes_with",
      "condition": "展开次要设置后编辑",
      "reason": "披露与编辑可解决同一流程中的不同问题。",
      "basis": "editorial"
    },
    {
      "target": "hidden-costs",
      "kind": "misused_as",
      "condition": "隐藏必要费用直到用户承诺后",
      "reason": "不能把信息隐瞒解释为渐进披露。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "折叠后重新展开",
      "instruction": "保留已填写的数据。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "涉及决定所需信息",
      "instruction": "让成本与重要后果在决定前可见。",
      "strength": "must",
      "basis": "editorial"
    }
  ],
  "behavior": {
    "states": [
      "collapsed",
      "expanded"
    ],
    "a11y": [
      "入口可键盘操作且有展开状态"
    ],
    "motion": "展开不依赖动画"
  },
  "demo": "progressive-disclosure",
  "version": "0.1.0",
  "editorialStatus": "sample-reviewed",
  "requirements": [],
  "demoCapabilities": [
    "keyboard",
    "reduced_motion"
  ],
  "implementationNote": "能力标签只描述本演示；应用到产品时仍须重新验证。",
  "searchTerms": [
    "settings",
    "beginners",
    "secondary options",
    "expand",
    "advanced"
  ]
}