表单是任何网站的一个必要组成部分; 无论是接触方式，付款细节，创建帐户，导致一代等，用户肯定需要使用你的产品的时候有某种形式的互动。这篇文章的目的是要突出一些，当涉及到设计更好的形式，我按照重要指导方针。
保持短
没有人喜欢一个长的形式。在设计过程中的“定义范围”步骤中，需要一些时间来询问每个字段是否是需要用户以实现他们的目标。这可能需要更多的时间，但相信我，减少用户的努力将导致更多的用户填写表单。
视觉组字段和它们的标签
标签应接近各自的领域。利用空格清楚地将它们分开，特别是如果标签是场以上。
始终将标签靠近相关领域比其他领域。这是因为人类的方式，他们通过做东西都是紧密组合在一起，连接有线 – 完形的原则。
显示你的要求明确
分不清什么是需要从他们的用户。不要等到他们完成的形式，向他们展示一个错误信息 – 这是负强化的一种形式。用户不会知道什么期望了出来，如果有的验证规则没有明确的指示。这一点尤其适用于“密码”字段作为不同的产品会有不同的要求。
避免使用占位符文本字段标签
占位符的作用通常是用来给上需要什么类型的信息，特定输入域的提示。但一些设计师都用它来代替字段标签，以减少混乱和更简约的外观。
这里的问题是，一旦用户与输入磁场相互作用的占位符将消失。如果用户忘记了场的目的，必须点击它外面再次看到占位符，这可能是恼人。
你可以阅读更多有关使用占位符文本字段标签的负面影响在这里。
当用户点击输入框，占位符文本淡出，成为在左上角有一个小字段标签。
使用自动对焦
我真的很喜欢它，当形式自动对焦的第一个输入字段，因为我只需要输入，标签，类型选项卡，然后完成。虽然只节省了我一个额外的点击，它确实提高了微妙的方式整体体验。
当你允许自动对焦，确实也彰显活跃的领域，以通知用户第一场已经被选中，他们可以继续填写。
突出活跃的领域
这通常是通过改变边框颜色和大小给予更强的视觉线索来完成。确保所选字段的颜色从表格的其余部分中脱颖而出，使其下意识地帮助用户专注于活跃的领域。同样的概念可用于为好，一般的文本字段将以红色突出显示，如果有一个错误的错误。
通知用户该大写锁定是上
这是这样一个简单的功能却没有多少产品中实现它。很多时候，我并没有意识到，大写锁定已开启，并且感到沮丧时，我一直被拒。更糟的是，该错误信息甚至没有告诉我，我的大写锁定了，它只是不停地说，我的密码是错误的。这对于用户来说可能真的很烦人。
使用Visual约束
视觉约束有助于增强用户所需的信息。例如，如果需要对“月”现场只有两个字符，那么就没有必要为它只要是为“名称”字段否则可能会导致用户混淆。
不要隐藏你的错误消息
有些设计使用提示中继的错误信息。这是通过旁边的文本字段的警告图标，当用户在图标上悬停，就会出现错误信息来完成。这是非常糟糕的UX，因为它需要用户更多的精力去纠正他们的错误。有些用户可能甚至不知道他们需要采取额外的步骤（悬停在图标上）来查看错误信息。
如果您想了解更多有关表单设计中的错误信息，你可以阅读更多关于它在这里。
马克选项字段明确
如果你忽略第一次提示（让你的表格简洁），并使用可选字段，确保他们有清晰的是可选的。它将给一个更强的视觉线索来标记文本“可选”，而不是仅仅使用星号的字段。有些用户也可能不明白它的意思是星号，因为它有时也用来表示验证错误。
使用图片，增加参与
当它是有道理的，使用图片来选择，以改善用户体验。如果你想使用文本，图标和/或图像更好地解释每个选择这是一件好事。
尽可能使用预测搜索功能
这主要工程时，用户被要求，有很多预定义的选项，输入信息，比如他们的度假胜地。这将允许用户只输入几个字母，以找到自己的目的地城市，而不是键入出整个名字 – 这可以说是相当刺激性的任务。
它也能减少搜索失败的可能性，因为用户不太可能拼错他们的搜索词。
我知道，设计形式可以是一个枯燥的过程，大多数用户总是不愿意填写出来。但按照上述指导方针和注入一些幽默到您的UX副本，可以提高用户的体验，引起的情绪反应。
原文地址：https://uxdesign.cc/11-form-design-guidelines-4b2f1c659414
