让表单设计更加出色——几个常见错误及其更正方法
2023-09-04 17:47:34
表单是产品设计中最重要的组成部分之一,无论它们是注册表、多视图步进器还是单调数据输入界面。然而,表单设计常常存在一些常见问题,这可能会降低用户体验并损害产品声誉。
1. 多栏会干扰用户垂直动量
在表单中使用多栏布局似乎可以更高效地利用空间,但这是一种错误的假设。多栏布局会干扰用户垂直动量,使其难以浏览表单并填写信息。研究表明,单栏布局的表单在用户体验和完成率方面都优于多栏布局。
2. 顶部对齐的标签可以很好地在手机上被翻译
在传统的表单设计中,标签通常位于输入字段的左侧。然而,在移动设备上,这种布局会导致标签被输入字段遮挡,从而难以阅读。为了解决这个问题,可以将标签放在输入字段的上方,这样它们就不会被遮挡。这使得表单在小屏幕上更容易阅读和使用。
3. 把标签和输入放在一起,确保字段之间有足够的间距
另一个常见的表单设计错误是将标签和输入字段分开放置。这使得表单难以阅读和填写,特别是对于视力不佳的用户。为了改善用户体验,应将标签和输入字段放在一起,并确保字段之间有足够的间距。
4. 不要使用模棱两可或含糊不清的标签
表单标签应清晰简洁,以便用户轻松理解。避免使用模棱两可或含糊不清的标签,因为这可能会导致用户混淆或错误输入信息。例如,“地址”标签过于宽泛,应改为“街道地址”、“城市”、“州/省”和“邮政编码”。
5. 使用户可以轻松地更正错误
表单设计应允许用户轻松地更正错误。避免使用需要用户重新输入整个表单的错误消息。相反,应在错误字段旁边显示清晰、有帮助的错误消息,以便用户可以快速更正错误并继续填写表单。
6. 提供清晰的行动号召
表单应始终包含一个清晰的行动号召,以便用户知道在提交表单后该做什么。行动号召应简单明了,并应清楚地说明用户将获得什么(例如,“提交表单以获取免费电子书”)。
7. 表单应具有响应性
随着移动设备的使用日益普及,确保表单具有响应性非常重要。这意味着表单应能够在各种屏幕尺寸上正确显示,无论是在台式机、笔记本电脑、平板电脑还是智能手机上。
8. 避免使用过多的字段
表单应尽可能简短,只包含必要的字段。过多的字段会使表单难以阅读和填写,并可能会导致用户放弃填写表单。为了减少表单字段的数量,可以考虑使用下拉菜单、复选框和单选按钮等控件。
9. 使用渐进式披露来收集敏感信息
渐进式披露是一种收集敏感信息的方法,可以提高用户的信任度。在渐进式披露中,表单首先收集一些基本信息,然后在用户获得信任后才收集更敏感的信息。例如,一个注册表单可能首先收集用户的姓名和电子邮件地址,然后在用户创建帐户后才收集他们的信用卡信息。
10. 定期测试表单
表单设计应定期进行测试,以确保它们易于使用且没有错误。测试表单的最佳方法是让用户実際に使用表单并收集他们的反馈。根据用户的反馈,可以对表单进行改进,以使其更易于使用。