企业网站里的表单看起来只是几个输入框和一个提交按钮，但真正使用起来，很多问题恰恰发生在这些看似简单的地方。
用户填写到一半才发现格式不对，提交以后不知道有没有成功，手机端输入框被键盘遮挡，错误提示只显示“提交失败”，甚至填写很多内容以后因为某个字段出错需要重新输入。
这些问题不一定来自页面视觉，而更多与网站建设阶段有没有完整考虑表单交互有关。
对于企业网站来说，表单不应该只考虑“能不能提交”，还需要考虑用户从开始填写到完成操作的整个过程。
表单设计容易出现的一个问题，是把企业希望收集的信息全部放进去。
姓名、公司、职位、电话、邮箱、所在地区、业务类型、预算、需求说明……
字段不断增加以后，虽然后台获得的信息更多，但用户填写过程也会越来越长。
如果某项内容并不会影响这次提交是否能够继续，就没有必要强制要求用户立即填写。
尤其是在手机端，字段数量增加意味着更多点击、更多键盘切换以及更长的页面滚动距离。
例如邮箱需要特定格式，手机号码有长度要求，需求说明可能允许较长文字。
网站建设时可以通过字段名称、示例文字和简短说明，让用户在输入之前理解要求。
例如需要填写日期时，直接使用日期选择组件通常比要求用户自己输入格式更清楚。
需要选择已有类别时，也可以根据选项数量决定使用单选、下拉列表还是卡片选择。
组件形式应该跟填写任务匹配，而不是所有内容都使用普通文本框。
如果一个页面有多个字段，只显示统一错误信息，用户还需要自己寻找问题位置。
邮箱格式不正确；
该字段不能为空；
输入内容超过允许长度；
两次输入内容不一致。
同时，错误字段可以通过边框、图标或文字状态产生视觉区别，但不能只依赖颜色。
这样即使用户对颜色辨识不敏感，也能够通过文字找到具体问题。
如果用户刚输入一个字符，页面马上提示“格式错误”，会产生明显干扰。
但如果等到整个表单提交以后才一次性提示所有问题，又容易增加返工。
需要固定格式的字段，可以在用户完成输入、离开输入框以后检查。
密码强度、字符长度等需要实时反馈的信息，则可以随着输入逐步显示状态。
网站建设时把验证时机设计清楚，可以减少界面频繁跳动，也能让提示更加自然。
电脑页面上并排放置两个输入框可能很自然，但在手机屏幕上继续并排显示，就容易造成输入区域过窄。
移动端通常更适合纵向排列字段，同时还要考虑手机键盘出现以后的页面空间。
例如输入电话号码时，可以调用适合数字输入的键盘；输入邮箱时，可以使用对应输入类型。
按钮和选择控件也需要保留足够的点击区域，避免用户频繁点错。
如果页面中存在较长表单，还可以把相关字段划分成几个清晰区域，让用户知道自己正在填写哪部分内容。
用户点击“提交”以后，如果页面没有立即变化，很容易再次点击。
重复点击可能造成重复数据，也会让用户误以为页面没有响应。
正在处理时，可以暂时避免连续点击，并显示简短状态提示。
如果因为网络或接口问题没有完成，则应保留已经填写的内容，并提供重新操作的方式，而不是直接清空整张表单。
用户可能断网；
接口可能响应较慢；
验证码可能失效；
上传文件可能超过限制；
页面可能因为浏览器差异出现异常。
如果这些情况没有对应设计，用户看到的往往只是空白页面或者没有解释的错误信息。
因此，在网站建设过程中，表单设计稿除了正常状态，也可以把常见异常状态一起补充完整。
这样开发人员不需要在出现问题以后临时决定界面怎么显示，最终页面也更容易保持统一。
表单完成以后，不要只测试“填写正确内容能不能提交”。
字段留空；
输入过长内容；
格式错误；
连续点击提交；
手机键盘弹出；
网络变慢；
上传错误文件；
填写一半以后返回页面。
只有把正常路径和异常路径一起测试，才能判断一张表单是否真正可用。
企业网站里的表单面积可能不大，却涉及输入、验证、反馈、移动端适配和异常处理等多个环节。
网站建设时，如果只完成输入框和提交接口，页面在真实使用中仍然可能出现很多细节问题。
把字段数量、输入提示、错误反馈、提交状态和移动端操作一起考虑，才能让表单从“可以提交”变成“用户知道应该怎么完成”。
本文由梓彤超越（武汉）科技有限公司整理，相关站点：ztbey.com。
