联系表格是网站的必需品。没有它们，您的客户将被降级为通过电话或电子邮件处理与网站或业务相关的事务。更糟糕的是，他们绝对没有呼叫或消息的上下文，这会增加他们必须花费多少时间来响应它。
相反，联系表单会从访问者那里收集必要的详细信息，以便您的客户可以更好地准备好每个对话。
当然，移动联系表格很棘手。使用较少的屏幕空间，您如何设计一个表单来捕获客户需要的所有详细信息？问题的事实是，你可能无法做到。相反，你将不得不寻找用更少的资源做更多事情的方法。
即使所有表单都为有兴趣了解服务的人收集姓名，电子邮件和电话号码，该数据的数字集合也可确保您的客户在撰写时不会错误地记录潜在客户或捕获详细信息手。当表单收集的内容超过（表示他们在网站或产品上遇到的问题的详细信息）时，您的客户可以更好地为可能遇到压力的情况做好准备。
但是，在为移动用户设计表单时，必须达到微妙的平衡。如果您希望他们与表单互动，以便您的客户不会错过销售线索和销售，您必须记住一些事项。
列
简单明了：在移动联系表单上使用多个列没有任何借口。Leadformly有一个漂亮的移动联系表单示例，可以将所有内容保持在垂直线上。
同样的原则适用于领域本身。如果您正在考虑将“名称”字段分解为“名字”和“姓氏”，请不要这样做。将信息输入移动联系表单是很困难的。相反，每个水平线只放置一个字段，并始终合并属于一起的字段。
字段
在为客户的网站创建联系表单时，请问自己：这些字段是否必要？
虽然商店地址字段是可选的，但在此上下文中它是一个不错的选择，因为这是一个支持联系表单。如果有人要求支持，那么他们就是Shopify客户，并且有相应的商店地址可供分享。
另一方面，“主题”字段似乎是一种浪费。此表格来自服务台。设计人员可以轻松地对此表单中的提交进行编程，以包含描述性主题行，以便支持代表知道他或她将要阅读的内容。
当显示太多不必要或可选字段时，可能会发生以下几种情况：
- 参观者会因阅读每个标签所花费的额外时间，决定是否有必要，然后选择下一个标签而感到沮丧。
- 访客在他们开始之前会放弃，因为单独的表格长度是令人生畏的。
- 一些领域的参观者会感到困惑，想知道他们的目的是什么，并试图找出他们的答案。
总而言之，选择不当的表单字段可能会导致负面的用户体验。但只有您的客户和最终用户才会知道哪些字段是绝对必要的，因此请确保您与他们互动，以便创建最佳的移动表单体验。
网页
如果你有一个冗长的联系表格，你想要在移动设备上，你必须想办法让它不会出现太长时间。
一种方法是创建一个多页表单。虽然您可以为合法冗长的移动联系表单执行此操作，但这是任何人都可以使用的。这是Typeform的一个例子：
通过表单底部的方便进度条，用户可以清楚地了解还需要填写多少内容。
我还认为这是一种比静态表单更贴切的移动联系表单体验。
如果你不太热衷于创建多页表单，那也没关系。您还可以采取其他措施来缩短空间，而不会影响显示的字段数。例如，您可以使用可折叠菜单在任何给定时间仅显示表单的某些部分。您还可以将复选框或无线电拨号列表转换为隐藏的下拉列表。
标签
在尝试在移动联系表单中节省空间时，必须小心显示在其中的标签，提示和错误消息。仅仅因为你使表格更快地通过空间方式并不意味着指导性文本不会引起摩擦。
以下是MailChimp的一个很好的例子：
在这种形式：
- 每个字段和简洁清楚的标记以外的领域。
- 任何提示文本（即关于如何处理该字段的说明）都会以较浅的颜色显示在字段内。
- 一旦用户无法正确填写字段，就会立即显示错误消息。
另外，请注意MailChimp不使用星号来表示必填字段的事实。这使标签不会留下不必要的碎片，易于聚焦。如果您需要大部分或全部字段，则无需将其标记为此字段。
键盘
想减少用户填写移动联系表单所需的时间吗？对其进行编程以显示每个字段的正确键盘。这是WPForms如何做到这一点：
基本文本字段显示标准alpha键盘：
电子邮件字段显示小写字母键盘以及电子邮件地址中常用的标点符号：
网站字段提供“/”以及“.com”的选项：
节省用户搜索标点符号和数字的时间，或输入预期的回复或片段，将鼓励更多用户填写表单。
包起来
老实说：对于大多数企业来说，某人从移动网站转换的机会非常低 – 至少低于桌面设备。在消费者对从智能手机进行转换变得更有信心之前，我们必须找到其他方式来捕获他们的信息，以便我们保持联系。
也就是说，仅仅因为移动访问者不愿意转换并不意味着他们不愿意填写移动联系表格。将敏感数据输入移动网站和设备是一种低风险的替代方案，并将责任推到公司下一步。的当然他们会喜欢这个选项，所以一定要确保它是一个有价值的人拿。
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/261470.html