表单验证设计的用户体验基本原则

本文整理自表单验证设计的用户体验基本原则
查资料时无意中遇到这篇文章，感觉很有帮助，于是截取了部分内容，对文章结构进行分类（两种类型、五个原则、一个工具），同时也添加了一些自己的内容。

两种类型

提交后验证

当用户提供了所有数据同时提交表单之后，通常会点击按钮，信息会发送到服务器同时进行验证。“验证器”的返回信息发送会用户的电脑同时它显示一段确认的信息（“所有东西都正确！”）或者一系列的错误信息。

在线验证

验证信息在用户输入数据到表单字段后直接展示。通常，信息会展示在字段旁边同时鼓励用户采取直接行动。

五个原则

• 合适的时间
• 合适的位置
• 恰到好处的颜色
• 合理的表单结构
• 清晰的表达

合适的时间

在用户输入信息后，立刻显示验证的成功/失败信息。

一个常见的例子是，当用户在填写注册表单时，输入了用户名/邮箱地址，这时候需要验证用户名是否存在/邮箱是否已经注册过。如果在用户输入完成离开该输入框的时候显示出验证结果，而非等待提交表单后再予以反馈，这种立即响应的形式将节省大量的