表单的布局、填写的交互反馈和创意表单的独特性(2)

二、填写表单的反馈，给用户贴心的引导

为了提高表单的完成率和准确率，设计师会试图避免各种各样的分散因素，并且提供一个清晰明确、简单的web表单。这就是为什么任何视觉效果都需要非常适当地使用的原因。运用视觉手段去解决会出现这样的错误，减少用户的误解。当遇到用户提交数据有错误信息时肿么办？首先要让用户知道发生了错误，错在哪，以及如何纠正。

图7

图8

图7邮箱注册表单页，当用户提交错误信息或发生错误操作时，在其错误旁都会有醒目的红色视觉元素作为指导，很好的解决用户找不到错误在哪的窘态（关于提示错误的元素符号，在处理这块时可能还要考虑到色盲色弱用户群的一个需求，他们是看不出这种强烈的颜色提示的，但是有感叹号这样的提醒元素存在我想也能解决这种双向需求） 。当出现注册用户名相同时，这里用下拉框的样式提示，该地址都是以什么样的结构形式被人注册过，给用户提供想命名同样前置的用户名时后缀如何添加的一些建议性帮助，以及图8填写正确后给予的文字图标反馈。

图9

图10

图9和10的注册表单的两个错误提示样式，当输入成功提示会消失，输入错误或者输入不符合标准都会有相应的不同文字反馈，告知用户发生错误的原因，及时回车修改，避免用户在填完所有的信息后再反馈给用户。