五个用户界面中的表单设计提示和技巧

在用户界面设计中，表单设计的好坏往往是决定了产品成功的关键，糟糕的表单设计会破坏用户体验，并对转化产生负面影响。 表单的可用性可能是一个相当复杂的课题，本文从表现层出发，分析八个用户界面中的表单设计提示和技巧。

1、保持字段标签一直可见
在用户输入数据之前找到将标签显示为占位符文本的表单并不罕见。这似乎是一个明显的问题，但令人惊讶的是，有多少表单没有设计为在用户开始输入时字段标签仍然可见。当用户正在打字并且标签消失时，这可能会导致挫败感。这种形式可能是为了节省空间而设计的，但风险依然很大，有时候用户的记忆力还不如一只金鱼：）。

2、明确必填和可选字段
如归用户需要填写一份长表单，需要重视用户的时间和注意力很重要，因此第一步只包括必要的字段。有两种类型的字段，一种是必填字段，另一种是可选字段。如果您使用可选字段，请确保它们被清楚地标记。有两种方法：标签文本中仅指示必填字段。必填字段通常标有星号，并且在许多情况下，它旁边包含“必填”文本。标签文本中仅指示可选字段。通常，该字段会在标签文本中包含“可选”。另一种方法是只标记可选字段，这通常对用户更友好且不那么令人生畏。

研究表明，如果字段被标记为可选，而不是必需的方法，用户将提交更多数据。

总是这样吗？要找出答案，重要的是进行研究和测试，以确保您的用户对这种方法做出反应。通过测试您的表单设计，您将了解您的用户喜欢什么以及哪种方法更成功。使表单和错误消息清晰且有用可以肯定地说，大多数人真的不喜欢填写表格。

他们尤其不喜欢猜测他们在哪里犯了错误。没有办法防止所有错误，这就是错误消息需要用户友好的原因。错误会发生，向您的用户提供清晰且信息丰富的错误消息非常重要。格式错误、用户忘记填写的必填字段以及不正确的密码等都是表单错误的常见示例。这是一个通过向用户清晰地传达信息来优化体验的机会。让我们以电子邮件字段为例。信息需要清晰，以便帮助他们做出必要的更正。在编写用户友好的错误消息时，重要的是要具体并帮助用户识别错误。然后清楚地告诉他们如何解决它。

3、帮用户节约查找时间
当要求用户选择具有大量预定义选项的其他内容时，预测列表有助于节省时间并防止错误。联想和预测结果减少了用户的打字量和认知负荷。当填写姓名、地址、邮政编码、国家等信息时，它非常有帮助。

4、对表单进行逻辑排序并对相关信息进行分组
表格可能令人生畏，特别是如果它们很长。财务应用程序、电子商务结账和任何其他长表单等内容都应仔细优化。相关信息应按逻辑块分组，同时将相关字段分组在一起也有助于用户了解需要哪些信息。例如，您希望姓名字段、地址字段和信用卡信息位于不同的集合中，并按照预期的顺序对这些信息进行相应的分组。用户在结帐过程中输入您的名字之前输入他们的邮政编码似乎有点奇怪。应从用户的角度合理地询问表单中的详细信息。与内容的逻辑块互动的想法使用户清楚他们正在填写什么类型的信息，并向他们展示了一个清晰的层次结构。也许只有我一个人，但完成一个小组并知道你即将结束时会有一种满足感。

5、重点在移动端
优化移动设备的表单设计很重要，因为它可能比桌面更难做好，简单的单栏设计最适合移动设备，因为用户应该能够轻松地向下滚动表单。 表单设计似乎正在慢慢变得更好的一件事是根据所需的输入类型呈现正确的键盘。 这听起来没什么大不了的，但如果做得正确，它确实有助于体验。

例如，当我在我的 iPhone 上输入我的电话号码时，弹出数字键盘非常棒。 无需额外点击即可切换键盘，它是自动的。如果执行诸如输入您的姓名之类的操作，最好将默认键盘作为文本输入的键盘。

最后：移动用户应该能够准确地点击到字段，需要具有足够的填充热区和最小高度将有助于防止由于敲击目标区域或表单的错误区域而导致的错误。表单域和按钮都应至少有 48 像素高，最后希望设计师在设计表单过程中多一些思考和测试，这是一款成功数字化产品的关键指标之一。