用途:该技能面向表单设计,目标是让数据收集更省力,减少用户放弃、预防错误,适用于从单字段输入到复杂多步流程的表单。
主要能力与原则: 布局上,几乎总是采用单列,双列会打断阅读流并造成字段顺序歧义;字段宽度应反映预期输入长度(邮编窄、简介宽);标签顶部对齐,便于扫描且对长标签更稳健;用邻近性和分节标题对相关字段分组。 标签与说明:每个字段都要有持久标签,不能只用占位符(输入后消失且不利于无障碍);标签简洁、句首大写,避免全大写;帮助文本放在标签下方、字段上方,如“Format: DD/MM/YYYY”;若大多数字段必填,则标记可选而非必填;有字数限制时始终显示剩余字符数。 输入类型:短文本用文本输入,长文本用可调整大小的文本域,≤5 个选项用单选按钮,6+ 个选项用下拉/组合框,多选用复选框,日期用日期选择器或分段输入而非自由文本,电话/卡号用带掩码的格式化输入,密码用带显示/隐藏切换的输入。 校验:在失焦时做内联校验,而非每次按键;错误信息放在字段正下方,说明问题与修复方式(如“Email address must include @”而非“Invalid email”);对非显而易见的正确性(密码强度、用户名可用性)给出细微成功指示;服务端错误尽量内联到字段,多字段受影响时在顶部汇总。 多步表单:清晰显示进度(步骤指示器);每步应可独立完成,相关问题放在一起;允许返回且不丢失数据;长表单支持自动保存或“保存并继续”;丢弃部分输入前需确认。 无障碍:每个字段有程序化标签(<label for> 或 aria-label);错误信息通过 aria-describedby 关联字段;焦点顺序与视觉顺序一致;顶部错误汇总可键盘聚焦并链接到各字段;不要仅用颜色表示必填或错误状态。 最佳实践:尽量删除可选字段;有常见答案时设默认值,二元选择不要默认空白;用真实用户和真实数据测试;测量字段级放弃率以定位优化点;高风险表单(支付、医疗、法律)在最终提交前增加复核步骤。
限制:资料未提供具体实现代码、平台支持范围、收费或价格信息,暂未提供。