设计Web联系表单的最佳做法

你有没有想过为什么你不会从你的网页上获得更多的潜在客户 如果你有很好的在线营销和一流的网站，但是你的网络表单很难填写，放弃某种方式，或者根本不起作用，那么你的在线营销漏洞就被打破了，所有这些精彩的线索你已经吸引到你的网站，最终没有任何地方。

页面的跳出率平均在30％到50％之间。这里的问题是双重的：前景并不需要时间准确地完成Web表单，或者完全不完成Web表单。

您如何设计一个用户友好，吸引人的网络表单，尽可能地捕获多个潜在客户？了解Web表单基础知识，最佳做法和常见错误，以便您可以更接近您的在线营销目标。

您在表单上包含的字段越多，人们填写的机会就越低。只提出绝对需要的问题。将信息合并到一个字段中，而不是尽可能多的字段。 

不要默认

没有你的表单问题默认给某个答案。让你的访客自己回答问题。不要假设人们花费额外的时间来查看所有问题的所有可用答案。例如，如果您问“谁是你最喜欢的星球大战角色？”，并且下拉菜单默认为“达斯维达”，那么您可能会因为没有看到其他选项而获得更多“达斯维达”的答案。对于下拉菜单，始终默认为“ - 选择一个选项”或“ - 选择 - ”，并要求他们从下拉列表中选择答案。

标签事项

标签告诉人们表单字段的目的。它们应该是简短和描述性的。它们也应该始终保持可见，即使填写了该字段（参见下面的占位符文本部分）。

标签样式

人们应该很容易看懂您的表单，并快速了解哪些信息被询问。通过将标签加粗体，可以很容易地看出标签与答案之间的区别。

占位符文本

占位符文本是 文本字段内的字段标签。当您将光标放在字段中时，它会消失。它产生一个干净的外观，但使用占位符文本的唯一时间之一是使用用户名和密码表单。

使用更长表单中的占位符文本的问题是，一旦字段已填写，占位符文本将不可见，因此您无法确定字段标签应该是什么。因此，您无法仔细检查以确保输入的内容正确无误。 

浮动标签

占位符文字的替代方法是浮动标签。浮动标签开始与占位符文本相同，给出相同的干净外观，但是当您输入字段时，标签会在输入上方移动，因此您仍然可以告诉字段标签是什么。

保持布局简单

最好将表单保存在一个列中。多列形式的许多问题之一是人们很可能不一致地解释领域。如果您的表单具有水平相邻的字段，则强制用户以“z模式”进行视觉扫描，从而降低其理解速度。

这个规则的例外是（名字|姓氏）和（国家/地区）字段。在这些情况下，用户可以更轻松地交互和理解字段分组。

间距

将标签和输入字段保持在一起。确保字段之间有足够的高度是非常重要的，以便用户不要对什么信息应该去哪里感到困惑。

立即反馈

使用内联验证，如果有需要更正或错过的内容，它将立即在表单上显示一条消息。这节省了人们的时间和麻烦，并提高了转换率。没有内联验证，您必须等到您提交表单才能确定您是否填写了错误的内容，这样可以让人们从纯粹的沮丧中抛弃您的表单。 

使人们采取行动的按钮

操作按钮是当有人完成填写时提交表单。

样式

操作按钮的主要规则是确保它看起来像一个按钮。不要有这样的创意，人们不知道是否可点击。确保您的按钮与其周围元素相比是高对比度也至关重要。让你的行动清楚，所以毫无疑问，人们的心灵如何提交他们刚刚填写的表格。

命名约定

您的按钮上的文字的措辞对您的表单的转化率有很大的影响。避免像“提交”这样的通用单词。相反，要更具描述性，例如“立即订阅”或“创建您的免费帐户”。按钮文字的相关性和价值越高，人们越有可能填写您的表单。这里的关键是测试。尝试不同的按钮副本，以查看它如何影响表单转换并进行相应的调整。

结论

很多人不想花时间填写网络表单或者放弃他们的个人信息。但是，如果您能使表单简单易用，您将收到更多的提交。对话 玩的开心。测试不同的元素，了解用户的反应，并随着时间的推移改进您的表单。很快，你不会发现自己问为什么没有人填写你的表格了！