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

表单流程与校验

表单应按用户心智顺序组织字段,并在关键节点给出可恢复反馈。

formsworkflowvalidation

设计原则

好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。

原则 好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。

设计动作 字段按基本信息、正文、Agent 指令、发布设置分组;保存草稿和提交审核使用不同按钮优先级。

正反例 正向示例:知识投稿、素材上传、账号设置、支付。 反向示例:提交失败后用户不知道改哪里。

适用场景 知识投稿、素材上传、账号设置、支付。 字段超过 6 个或存在审核状态。

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

Agent 指令

字段按基本信息、正文、Agent 指令、发布设置分组;保存草稿和提交审核使用不同按钮优先级。

适用场景

  • 知识投稿、素材上传、账号设置、支付。
  • 字段超过 6 个或存在审核状态。

避免做法

  • 提交失败后用户不知道改哪里。
  • 草稿和提交审核没有状态区别。

知识元数据

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