{
  "_description": "本文件由 data/ 生成：请改动来源文件，不要改这里。各字段的证据边界见接入指南。",
  "schemaVersion": "1.0.0",
  "kind": "list",
  "locale": "zh-CN",
  "id": "M-C",
  "name": {
    "zh": "微交互与反馈 · 经典基础",
    "en": "Microinteractions & feedback · Classic foundation"
  },
  "headline": {
    "zh": "微交互 Top 10：10 大经典界面反馈设计",
    "en": "Top 10 Classic Microinteraction and UI Feedback Patterns"
  },
  "page": "https://designvocabulary.com/zh/lists/M-C/",
  "self": "https://designvocabulary.com/zh/lists/M-C.json",
  "alternates": {
    "zh-CN": "https://designvocabulary.com/zh/lists/M-C.json",
    "en": "https://designvocabulary.com/en/lists/M-C.json"
  },
  "site": {
    "catalogSchemaVersion": "0.1.0",
    "entries": 158,
    "index": "https://designvocabulary.com/zh/lists/index.json",
    "query": "https://designvocabulary.com/api/query?lang=zh",
    "guide": "https://designvocabulary.com/zh/agents/",
    "llms": "https://designvocabulary.com/llms.txt"
  },
  "provenance": {
    "selection": "editorial",
    "ordered": false,
    "disclaimer": "席位号是编辑位置，不是评分、排名或人气统计；清单未收满时保持原样，不补足。",
    "titleNote": "标题中的“Top”与“N 大”是检索用语：本版是编辑选择，不是排名、评分或人气统计。",
    "seatOrigins": {
      "issue-1-ledger": "席位来自计划 issue #1 的清单账本。",
      "editorial-reconstruction": "席位由本仓库编辑判断补上。"
    },
    "evidence": "入选理由说明它补上了哪一种反馈能力，不比较效果好坏。可访问性规范对其中若干条给出可检验的要求，具体见词条来源。",
    "nominalSize": 10,
    "seatCount": 10,
    "filled": true,
    "sibling": {
      "id": "M-Y",
      "page": "https://designvocabulary.com/zh/lists/M-Y/",
      "json": "https://designvocabulary.com/zh/lists/M-Y.json"
    }
  },
  "seats": [
    {
      "seat": 1,
      "entry": "skeleton",
      "origin": "editorial-reconstruction",
      "reason": "给这一类立一个基准：在结构已知但内容未到时告诉用户内容正在来。",
      "name": "骨架屏",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/skeleton/",
      "json": "https://designvocabulary.com/zh/entries/skeleton.json"
    },
    {
      "seat": 2,
      "entry": "determinate-progress",
      "origin": "editorial-reconstruction",
      "reason": "补上“能说出完成了多少”的那一类反馈，前提是总量可知。",
      "name": "确定进度条",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/determinate-progress/",
      "json": "https://designvocabulary.com/zh/entries/determinate-progress.json"
    },
    {
      "seat": 3,
      "entry": "indeterminate-progress",
      "origin": "issue-1-ledger",
      "reason": "补上总量不可知时的表达方式，明确它不能伪装成百分比。",
      "name": "不确定进度指示",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/indeterminate-progress/",
      "json": "https://designvocabulary.com/zh/entries/indeterminate-progress.json"
    },
    {
      "seat": 4,
      "entry": "inline-validation",
      "origin": "issue-1-ledger",
      "reason": "把“校验结果”与“正在编辑”分开：校验不是编辑。",
      "name": "行内校验反馈",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/inline-validation/",
      "json": "https://designvocabulary.com/zh/entries/inline-validation.json"
    },
    {
      "seat": 5,
      "entry": "focus-indicator",
      "origin": "issue-1-ledger",
      "reason": "补上键盘用户判断“我现在在哪里”的可见标记。",
      "name": "焦点指示",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/focus-indicator/",
      "json": "https://designvocabulary.com/zh/entries/focus-indicator.json"
    },
    {
      "seat": 6,
      "entry": "pressed-state",
      "origin": "issue-1-ledger",
      "reason": "补上“这一下按到了”的即时确认，时间尺度比其他反馈都短。",
      "name": "按下状态反馈",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/pressed-state/",
      "json": "https://designvocabulary.com/zh/entries/pressed-state.json"
    },
    {
      "seat": 7,
      "entry": "status-message",
      "origin": "issue-1-ledger",
      "reason": "补上不改变上下文的结果播报，与连续量化的进度分开。",
      "name": "状态消息",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/status-message/",
      "json": "https://designvocabulary.com/zh/entries/status-message.json"
    },
    {
      "seat": 8,
      "entry": "optimistic-feedback",
      "origin": "issue-1-ledger",
      "reason": "补上“先显示预期结果、再与实际对齐”的做法，并要求失败时能纠正。",
      "name": "乐观反馈",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/optimistic-feedback/",
      "json": "https://designvocabulary.com/zh/entries/optimistic-feedback.json"
    },
    {
      "seat": 9,
      "entry": "haptic-feedback",
      "origin": "issue-1-ledger",
      "reason": "补上视觉之外的感知通道，说明反馈不必都是看的。",
      "name": "触觉反馈",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/haptic-feedback/",
      "json": "https://designvocabulary.com/zh/entries/haptic-feedback.json"
    },
    {
      "seat": 10,
      "entry": "transition-animation",
      "origin": "issue-1-ledger",
      "reason": "补上状态之间的连续性表达，并把减弱动效作为适配变体而非独立词条。",
      "name": "状态过渡动画",
      "type": "micro",
      "page": "https://designvocabulary.com/zh/entries/transition-animation/",
      "json": "https://designvocabulary.com/zh/entries/transition-animation.json"
    }
  ],
  "list": {
    "id": "M-C",
    "category": "micro",
    "edition": "classic",
    "name": {
      "zh": "微交互与反馈 · 经典基础",
      "en": "Microinteractions & feedback · Classic foundation"
    },
    "headline": {
      "zh": "微交互 Top 10：10 大经典界面反馈设计",
      "en": "Top 10 Classic Microinteraction and UI Feedback Patterns"
    },
    "note": "微交互与反馈的经典基础：区分不同的反馈机制，而不是评比效果好坏。",
    "keywords": [
      "微交互",
      "界面反馈",
      "加载动画",
      "骨架屏",
      "进度条",
      "焦点指示",
      "行内校验",
      "状态消息"
    ],
    "lead": "这一版收录的是微交互与反馈里彼此不同的反馈机制。它们经常被笼统地叫作“加载中”或“提示”，但回答的其实是不同的问题：现在在发生什么、进行到哪里、刚才那一下有没有生效。",
    "criteria": [
      "描述一次可辨认的反馈，而不是整段流程。",
      "与相邻的反馈机制区别清楚：区别在于它能表达什么信息，而不是它长什么样。",
      "可以在没有该机制时说出用户会失去什么。"
    ],
    "pairing": "与《微交互与反馈 · 2026 关注》相比，这一版不假设内容由模型生成；重合的条目说明这类反馈在新场景下被重新讨论。",
    "evidence": "入选理由说明它补上了哪一种反馈能力，不比较效果好坏。可访问性规范对其中若干条给出可检验的要求，具体见词条来源。",
    "seats": [
      {
        "seat": 1,
        "entry": "skeleton",
        "origin": "editorial-reconstruction",
        "reason": "给这一类立一个基准：在结构已知但内容未到时告诉用户内容正在来。"
      },
      {
        "seat": 2,
        "entry": "determinate-progress",
        "origin": "editorial-reconstruction",
        "reason": "补上“能说出完成了多少”的那一类反馈，前提是总量可知。"
      },
      {
        "seat": 3,
        "entry": "indeterminate-progress",
        "origin": "issue-1-ledger",
        "reason": "补上总量不可知时的表达方式，明确它不能伪装成百分比。"
      },
      {
        "seat": 4,
        "entry": "inline-validation",
        "origin": "issue-1-ledger",
        "reason": "把“校验结果”与“正在编辑”分开：校验不是编辑。"
      },
      {
        "seat": 5,
        "entry": "focus-indicator",
        "origin": "issue-1-ledger",
        "reason": "补上键盘用户判断“我现在在哪里”的可见标记。"
      },
      {
        "seat": 6,
        "entry": "pressed-state",
        "origin": "issue-1-ledger",
        "reason": "补上“这一下按到了”的即时确认，时间尺度比其他反馈都短。"
      },
      {
        "seat": 7,
        "entry": "status-message",
        "origin": "issue-1-ledger",
        "reason": "补上不改变上下文的结果播报，与连续量化的进度分开。"
      },
      {
        "seat": 8,
        "entry": "optimistic-feedback",
        "origin": "issue-1-ledger",
        "reason": "补上“先显示预期结果、再与实际对齐”的做法，并要求失败时能纠正。"
      },
      {
        "seat": 9,
        "entry": "haptic-feedback",
        "origin": "issue-1-ledger",
        "reason": "补上视觉之外的感知通道，说明反馈不必都是看的。"
      },
      {
        "seat": 10,
        "entry": "transition-animation",
        "origin": "issue-1-ledger",
        "reason": "补上状态之间的连续性表达，并把减弱动效作为适配变体而非独立词条。"
      }
    ]
  }
}