跳转到使用指南
Form Design作者 Owl-Listener

Form Design Skill.

明确从第一个字段到成功提交的完整路径,包括更正和再次访问。

  • 用户体验
  • 设计指南
来源审查 · Form DesignSKILL.md
任务 用户体验 产出内容 • 包含分组和输入类型的字段顺序 • 标签、说明和验证行为 • 多步骤、焦点、错误摘要和进度规则 开始之前 需要一个能够读取表单简述、必填字段、验证规则以及任何现有表单界面的代理。
编辑摘要 · 来源已于 2026-10-07 审查 · 并非生成的示例

01 功能说明

Form Design:让数据录入更清晰

为完整表单明确字段顺序、标签、输入类型、验证和更正方式。

基于来源的工作流程并非执行基准测试

工作方法

Form Design 涵盖表单的完整流程,包括布局、标签、辅助文本、输入类型、验证、多步骤进度和无障碍功能。来源建议采用清晰的阅读顺序,并通过字段宽度传达预期输入内容。

其详细行为指南包括失焦时验证、将错误与字段关联、后退导航时保留输入,以及针对高风险提交设置审核步骤。这些设计决策应根据实际数据和用户进行调整,不能证明未经测试的表单会提高完成率。

预期交付成果

  • 包含分组和输入类型的字段顺序
  • 标签、说明和验证行为
  • 多步骤、焦点、错误摘要和进度规则
查看示例简述

从简述到审核

  1. 01
    精简字段并安排顺序

    确定必要信息,将相关问题分组,并按清晰的阅读顺序排列。

  2. 02
    明确录入行为

    选择输入控件、常驻标签、辅助文本和验证时机。

  3. 03
    处理完成与更正

    明确数据保留、后退导航、错误焦点,以及重要提交前的审核方式。

02 适用场景

适用场景

用它设计新表单,或解决现有表单中令人困惑的字段、验证和进度问题。

适合的任务

  • 较长的申请表单将相关问题划分为连贯的步骤,同时避免丢失进度。
  • 字段层面的操作障碍澄清令人困惑的说明、输入格式和验证消息。

需要核查的局限

  • 不保证提高转化率是否提高完成率需要通过观察和衡量来确认。
  • 并非涵盖所有产品错误跨流程的网络与权限策略超出单个表单的范围。

请提供以下输入

  • 所需数据列出字段、格式及需要这些信息的原因。
  • 验证规则提供真实的客户端和服务器端约束。
  • 完成情境说明提交后果、设备使用情况,以及用户是否会稍后返回。

03 关键决策

重要的决策

  1. 更正流程需要经过设计

    可聚焦的摘要和与字段关联的消息有助于用户高效地完成更正。

  2. 进度会被保留

    后退导航和部分完成状态需要明确的状态行为。

04 示例任务

尝试聚焦的简述

以下示例简述尚未经过测试。使用前请检查该技能的配置。

查看配置

从 designer-skills 代码库将此任务的 SKILL.md 加载到代理支持的技能位置。入口文件并未指定通用安装命令。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/form-design/SKILL.md

提供必填字段和真实的验证规则。产出是表单规范;实现和用户测试仍需另行进行。

从一项交付成果开始

运行该技能前,请调整此简述中的范围、来源材料和约束。

示例简述
使用 form-design 重新设计这个多步骤项目简述表单。删除缺乏充分理由的字段,对相关问题进行分组,定义常驻标签和失焦验证,并在后退时保留输入。明确一个无障碍、与字段关联的错误摘要,以及最终审核步骤。

检查结果

依据以下可观察的标准检查实际输出。

  • 每个字段都有常驻的编程式标签。
  • 错误消息说明如何更正,并与对应字段关联。
  • 后退导航会保留已输入的数据。

OpenDesign 为编程代理提供本地设计工作区。此条目并不表示该技能已被内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。

来源所有者
Owl-Listener
许可证
MIT
已审查的快照
2026-10-07 · 9a6930cf84a8
编辑来源摘要
为完整表单明确字段顺序、标签、输入类型、验证和更正方式。

由 OpenDesign 根据所链接来源编写的原创摘要。代码库星标数是带有时间属性的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始之前的问题

占位文本可以代替标签吗?

来源称不可以;输入内容后,标签必须仍然可用。

应在何时验证字段?

来源建议在失焦时验证,而不是在每次按键时验证;应根据真实的交互需求调整例外情况。

多步骤表单需要保存进度吗?

来源建议较长的流程保留数据并提供进度保存行为。

OpenDesign

为下一轮设计迭代留出空间。

在本地工作区中集中管理简述、来源材料和设计工作。将该技能加入工作流程前,请检查其自身的配置。

上游源文件
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/form-design/SKILL.md