UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Interaction Responsive Motion

系统连续性的反馈状态

加载、保存、生成、审核、失败都需要可见状态,让用户知道系统仍在响应。

feedbackstatesworkflow

设计原则

缺少反馈会让用户重复点击或以为数据丢失。

原则 缺少反馈会让用户重复点击或以为数据丢失。

设计动作 为异步动作设计 pending、success、error 和 empty 状态;长任务显示阶段性进度和最后更新时间。

正反例 正向示例:AI 生成、上传、审核发布、后台保存。 反向示例:提交后按钮不变。

适用场景 AI 生成、上传、审核发布、后台保存。 请求可能超过 500ms。

来源提示 来源提示:综合 Apple HIG、Material Design、GOV.UK/Polaris/Atlassian 组件实践和交互可访问性原则整理。

Agent 指令

为异步动作设计 pending、success、error 和 empty 状态;长任务显示阶段性进度和最后更新时间。

适用场景

  • AI 生成、上传、审核发布、后台保存。
  • 请求可能超过 500ms。

避免做法

  • 提交后按钮不变。
  • 失败后只刷新页面。

知识元数据

分类
Interaction Responsive Motion
质量分
82%
版本
v1
发布
2026/6/6