设计更好的表格

设计师常犯的错误以及如何解决这些错误 

无论是注册流程，多视图步骤还是单调数据输入界面，表单都是数字产品设计的重要组成部分之一。本文重点介绍了表单设计的常见做法和注意事项。请记住，这些是一般准则，每条规则都有例外。

表格应该是一列

多列破坏用户阅读习惯。

顶部对齐标签

以比左对齐标签更高的率的是顶部对齐的标签形式。顶部对齐的标签在移动设备上也可以很好地展示。但是，考虑将左对齐标签用于具有可变选项的大型数据集条目，因为它们更容易一起观看，它们会降低高度，并提示比顶部对齐标签更多的内容。

他们的输入组标签

将标签和输入紧密地放在一起，确保字段之间有足够的高度，以便用户不会感到困惑。

避免全部大写

所有大写难以阅读。

如果在6个选项以下显示所有选项

将选项放置在选择器下拉菜单中需要两次点击，并隐藏选项。如果有超过5个选项，请使用输入选择器。如果有超过25个选项，则在下拉菜单中加入上下文搜索。

抵制使用占位符文本作为标签

通过使用占位符文本作为标签来优化空间是很诱人的。但这导致了许多可用性问题。

为了便于扫描，将复选框置于问题之下

将复选框放在下面可以轻松阅读。

显示指定错误

向用户显示发生错误的位置并提供原因。

不要隐藏基本文本提示

尽可能显示基本提示文本。对于复杂的提示文本，请考虑将其放在关键信息的输入旁边。

区分主要和次要按钮

主要选项和次要选项要区别开来

使用字段长度作为可控件

领域的长度提供了答案的长度。对于具有定义的字符数的字段，如电话号码，邮政编码等确定其长度。

信息相关

让用户分批思考，长时间的同一形式会让让感到压抑的。通过创建逻辑组，用户可以更快地理解表单。

让它变得有趣

生命短暂。没有人想填写表格。让表格做得有趣。设计师的角色是表达他们公司的品牌以引发情绪反应。如果做得对，它会提高完成率。只要确保你没有违反上面列出的规则。我希望这篇文章能帮助你设计更好的表格。

原文链接：https://uxdesign.cc/design-better-forms-96fadca0f49c