设计更好的表格
设计师常犯的错误以及如何解决这些错误
无论是注册流程，多视图步骤还是单调数据输入界面，表单都是数字产品设计的重要组成部分之一。本文重点介绍了表单设计的常见做法和注意事项。请记住，这些是一般准则，每条规则都有例外。
表格应该是一列
多列破坏用户阅读习惯。
顶部对齐标签
以比左对齐标签更高的率的是顶部对齐的标签形式。顶部对齐的标签在移动设备上也可以很好地展示。但是，考虑将左对齐标签用于具有可变选项的大型数据集条目，因为它们更容易一起观看，它们会降低高度，并提示比顶部对齐标签更多的内容。
他们的输入组标签
将标签和输入紧密地放在一起，确保字段之间有足够的高度，以便用户不会感到困惑。
避免全部大写
所有大写难以阅读。
如果在6个选项以下显示所有选项
将选项放置在选择器下拉菜单中需要两次点击，并隐藏选项。如果有超过5个选项，请使用输入选择器。如果有超过25个选项，则在下拉菜单中加入上下文搜索。
抵制使用占位符文本作为标签
通过使用占位符文本作为标签来优化空间是很诱人的。但这导致了许多可用性问题。
为了便于扫描，将复选框置于问题之下
将复选框放在下面可以轻松阅读。
显示指定错误
向用户显示发生错误的位置并提供原因。
不要隐藏基本文本提示
尽可能显示基本提示文本。对于复杂的提示文本，请考虑将其放在关键信息的输入旁边。
区分主要和次要按钮
主要选项和次要选项要区别开来
使用字段长度作为可控件
领域的长度提供了答案的长度。对于具有定义的字符数的字段，如电话号码，邮政编码等确定其长度。
信息相关
让用户分批思考，长时间的同一形式会让让感到压抑的。通过创建逻辑组，用户可以更快地理解表单。
让它变得有趣
生命短暂。没有人想填写表格。让表格做得有趣。设计师的角色是表达他们公司的品牌以引发情绪反应。如果做得对，它会提高完成率。只要确保你没有违反上面列出的规则。我希望这篇文章能帮助你设计更好的表格。
原文链接：https://uxdesign.cc/design-better-forms-96fadca0f49c
