表单对于企业和个人同样至关重要,当涉及到数据收集时,我们大多数情况下会采用表单(或许是因为在互联网繁荣之前我们就已经在线下使用了很久的表单)。因此,创建一个用户友好型表单对表单的填写效率至关重要。表单解析表单的目的、内容、大小虽然各不相同,但是有一些基本的元素助我们轻松地填写。
创建账户表单解析,标题这个元素帮助用户引导完成表单填写的整个过程,尤其当你收集的数据不止有一个标题的时候,它特别有用。例如:个人资料、职业详情、财务明细。标签标签告诉用户在任何特定的输入区域期望他们填写什么内容。占位符占位符是对标签进行额外的信息描述。
错误信息提示错误信息提示给予用户错误反馈,提醒用户为什么填错了。动作按钮动作按钮是在表单的结尾,有个确认提交的动作控件。表单状态基本上,表单在用户的交互过程中需要经历三个阶段:默认状态用户在未进行任何操作前表单的状态。
聚焦状态这个状态强调用户正在填写的区域,帮助用户聚焦和减少反复扫描屏幕的时间。反馈状态反馈状态是指用户收到的反馈时的页面状态(大多数是指错误信息反馈)。有时候,这个状态出现在用户在完成了一个输入框的录入后把焦点移动到下个输入框。当然了,如果数据不能得到立即验证的话,就要等到用户点击提交按钮后再给予反馈提示。
创建账户表单的"默认、聚焦、反馈"页面状态最佳实践,保持简洁让你的表单保持简短精炼,只保留最有必要的数据,避免以验证的名义让用户重复输入,例如不要重复密码字段,取而代之的是要让用户直接看到他们输入的密码。
使用及时验证当给予用户输入进行报错时,最好将反馈定位到具体位置。采用了两种不同的验证反馈方式,将相近的字段打组将相近的字段打组和按标准序列排序是非常重要的。这样的话可以帮助用户减少认知负荷和注意力消耗。