表单设计以及优化Tips的总结

无论是注册流程、多页问卷，还是简单的数据录入界面，表单都是数字化产品设计的重要组成部分。我们无时无刻都在使用表单（Form），在网上购物、邮件注册、参与评论等等。不夸张的说，它已经成为了数字信息时代不可分割的一份子。然而，这么多年伴随着一些改进我们发现，表单设计在我们的使用感受中也仅仅停留在“还可以”的程度。不过，现在我们可以使用新的方法设计出更好、更便捷的表单体验。

本文将从表单的设计优化建议和表单设计原则两个方面进行总结。

那么，首先来说明一下表单所包含的元素：

标签（Label）告诉用户该表单需要填写什么类型的信息，通常放置在表单文本框之外。

表单字段（Form field）则是用来收集用户输入的信息，在我们平常使用的表单之中，每个字段包含着某一类型的信息（如姓名、性别等）。

占位符文本（Placeholder text），又叫提示文本，位于表单文本框里面，一般用于提示用户填写。在大多数的做法中，当用户开始输入，这些提示文本会自动消失。

一、表单设计优化Tips

1、表单尽量控制在一列

优化原因：多列的设计会让用户填写起来更麻烦。

2、标签放在输入框上方

优化原因：调查显示，标签放在上侧与放在左侧相比，用户有更高的表单完成率，并且这样的设计对移动端的兼容性更高。然而当右侧是可以下拉的选择框时，把标签放在左侧更便于用户一并阅读，还可以降低表单的总高度。

3、标签和输入框捆绑出现

优化原因：为了避免让用户感到疑惑，让标签和同组的输入框离得近一些吧，和非同组的输入框保持一定距离。

4、避免大写

优化原因：大写字母会增加阅读难度。

5、如果选项少于6个就直接显示