构建完美的 WordPress 联系表单：6 条不可违反的规则

fabiha01

联系表单是访客旅程中至关重要的一部分。如果您想确保它不会破坏用户体验并阻止您获得更多转化，则必须遵循以下 6 条设计完美联系表单的规则。
蓝图 02 1500 @2x
您竭尽全力打造一个能够引导访客实现转化的网站。当您研究数据分析时，您欣喜地发现，这些访客一次又一次地完成了您精心打造的用户旅程。然而，总有一些因素阻碍着他们实现转化。请阅读这份高级联系表单指南，了解其中的原因。

联系表是访客旅程的关键部分。

即使您已经有效地向他们推销了网站所提供的任何产品，但如果执行不当，联系表单实际上可能会破坏他们的体验。

损坏的按钮、令人困惑的字段、过多的步骤、混乱的界面……甚至联系表单的放置都可能破坏用户体验。

有很多事情可能会出错，在本文中，我们将尽力教您如何避免这些事情。

更具体地说，我们为您提供我们的……

构建完美联系表单的 6 条规则
但是请稍等一下，首先快速 PSA……

在我们继续之前，您应该知道这是对 WordPress 联系表单世界的高级了解。

如果您想要一个简单的介绍，那么我们的“联系表单入门”帖子是一个很好的起点。

然后，一旦您知道需要为您的网站创建更多的联系表单，巴西商业传真列表 下一步就是选择正确的联系表单插件以使生活更轻松。

一旦您完成这些事情，我们认为您就准备好并准备好接受接下来的高级信息（呵呵）。

继续……

用户登录。会员注册。电子邮件订阅。报价请求。问卷调查。支持请求。订单和付款表格。

在 WordPress 网站上，使用联系表单的方法有很多种。然而，如果您想让联系表单发挥良好的作用，就必须遵守一些规则。

2014 年发布的一项谷歌眼动追踪研究表明，遵循表单设计最基本的可用性指南将显著改善用户体验。

具体来说，当联系表单符合所有规则时，78% 的用户能够一次性填写并提交。但是，当联系表单违反这些规则时，只有 42% 的用户能够一次性完成。

想知道这些规则是什么吗？那就继续阅读吧。

规则一：注重一致性
正如您在此处的其他一些规则中看到的那样，人们常常关心联系表单的长度，这往往会导致错误的设计选择。

以对齐问题为例。

您可能会在 BrainTraffic 网站上看到类似这样的表格，然后想，“嗯......但是填写起来是不是太长了一点？”

完美联系表格 - BrainTraffic Alignment
这只是 BrainTraffic 网站上一个精心构建的联系表格。
您可能想到的一种解决此“问题”的方法是将标签移至左侧并将答案字段放在右侧。

然而，用户体验专家会告诉你，这是大忌，因为它会影响表单的可扫描性。

如果您考虑将字段水平放置在一起，则同样的事情也会发生。

基本上，如果您偏离顶部标签/下方字段的结构，就会在用户体验中产生摩擦。

早在 2010 年，就发布了一套关于 Web 表单设计的指南，名为“万维网上简单但关键的用户界面：介绍可用 Web 表单设计的 20 条指南”。

谷歌于 2014 年采纳了这些指导方针，并通过眼动追踪研究对其进行了检验。

完美联系表单 - Google 眼动追踪
从这个眼动追踪测试中可以清楚地看出，当我们不注意对齐时，我们需要让访客的眼睛承受多大的压力。
在他们的众多发现中，他们得出结论：左对齐的表单并在每个字段上方放置标签可以改善用户体验。

如果您希望您的联系表单遵守这个简单的对齐规则，您需要执行以下操作：

将所有标签、表单字段和主要号召性用语按钮左对齐。
切勿将相关字段水平对齐。您可以按逻辑方式构建表单，但每个问题或字段都需要垂直排列。
任何包含多项选择题（选项少于六个）的字段都应显示在项目符号或复选框的垂直列表中，而不是下拉菜单中。