原文链接：

UI/UX笔记之如何设计好表单 | 须臾所学免费设计资源网​presentationvip.com

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

表单应为一栏

多列破坏了用户的垂直动力。

顶部对齐标签

相对于左对齐，顶部对齐标签使得用户能以更快的速度完成表单填写，顶部对齐的标签在移动设备上的翻译效果也更好。但是，左对齐的标签可以用于大型数据集输入的表单，因为与顶部对齐的标签相比，它们更易于一起浏览，在减小高度的同时也可提示更多注意事项。

将标签和输入框分为一组（亲密性原理）

将标签和输入端放在一起，并确保字段之间有足够的高度，以免使用户感到困惑。

切勿文字全部大写

所有大写字母使用户更难以阅读和浏览。

如果选项低于6个，则显示所有

将选项放置在选择器下拉菜单中需要单击两次，然后将其隐藏。如果有5个以上的选项，请使用输入选择器。如果有25个以上的选项，则将下拉列表和文本搜索输入选择器结合一起

拒绝使用占位符文本作为标签

通过使用占位符文本作为标签来优化空间是很诱人的。这会导致许多可用性问题，这些问题可参考Nielsen Norman Group的Katie Sherwin总结。

将复选框（和单选按钮）上下排列放置以提高可读性

使CTA召唤动作按钮更具浏览可读性

按钮文字要更精准，减少用户思考

就近提醒出错

向用户显示错误发生的位置并说明原因

用户填写字段完成后再提醒/验证（除非在此过程中有帮助）

用户键入时不要使用提醒/验证（除非有帮助），例如创建密码，用户名或带有字符数的消息时。

不要隐藏基本的帮助提示文字信息

尽可能公开基本的帮助提示文字信息；对于复杂的帮助提示文字信息，请考虑在其聚焦状态下将其放置在输入框旁边。

将主要动作与次要动作按钮区分开

关于是否应包括次要选择权，存在着更大的哲学争论。

使用特定字段长度设置表单输入框长度

字段的长度提供了表单输入框长度；将其用于具有已定义字符计数的字段，例如电话号码，邮政编码等。

放弃*并用文字提示可选信息

用户并不总是知道所需字段标记（*）隐含的含义。相反，最好用文字提示可选信息。

分组相关信息

让用户分批思考，长篇幅会让人感到不知所措。通过创建逻辑组，用户将更快地理解表单。