创建在线表单以提高转化率的重要提示
已发表: 2021-07-19在线表格可以用于多种目的。 无论是注册时事通讯、在网站上注册帐户、进行购买,还是只是查询,我们现在都习惯于填写所需的信息。
但是,在线表单的糟糕体验可能会促使用户完全放弃任务并转到另一个网站。
随着移动网站使用的不断增加和谷歌最近的移动友好排名算法更新,为移动设备创建用户友好的表单比以往任何时候都更加重要。 我相信我们都可能会因为尝试在手机上填写无法在该设备上使用的表格而感到非常沮丧!
以下是我们为桌面和移动设备创建用户友好在线表单的重要提示,以避免在转换过程的最后一个障碍中失去任何潜在客户:
1. 布局
这似乎很明显,但为您的在线表单使用干净简单的布局将使客户旅程尽可能顺利,并鼓励更多人填写所有信息。 垂直布局,比如 House of Fraser 的这个例子,更加用户友好:

但是水平布局也可以工作,如 Travel Republic 的这个例子:

关键是要保持简单并使用尽可能少的字段来捕获您需要的信息。
对于移动用户来说,这一点尤为重要。 如果完成时间太长,用户将更有可能放弃表单。
星巴克有一个干净、简单、垂直的形式在他们的移动网站上创建帐户的好例子:

从您的在线表单中删除任何正常的导航选项也将有助于保持其简洁明了。 例如,Fortnum 和 Mason 已经从页面顶部删除了他们的菜单,并在他们的结账选项页面上将其替换为“安全结账”横幅:

这不仅可以保持表单干净,还可以防止用户在开始转换过程后跳回网站的其他部分。 正如 Fortnum 和 Mason 所提供的那样,还建议为电子商务网站提供访客结账选项。 用户在进行快速购买时可能不愿意提供他们所有的个人详细信息来创建帐户。
2. 字段标签和输入法
清楚地标记必填字段非常重要。 使用明显的、可识别的标签来避免任何可能导致用户放弃表单的输入错误。 如有必要,请包括对该字段的解释以避免任何混淆。 OK Magazine 在其在线注册表单的“屏幕名称”字段中提供了一个示例:

考虑最适合用于每个字段的输入法。 有多种类型:
- 输入字段
- 复选框
- 纽扣
- 日历
- 下拉菜单
在大多数情况下,哪种方法最好是显而易见的。 但是,当涉及到移动表单时,最好避免使用某些方法。 例如,世界自然基金会在他们的移动网站上有这个表格,这给用户带来了一些问题:

是/否按钮可以说太小而无法用指尖轻松选择。 除此之外,蓝色部分中的“这是一份礼物”复选框几乎完全隐藏。 尝试在移动设备上填写此表格会令人沮丧。
另一方面,Expedia 确保其日历输入法对于移动设备来说足够大:


3. 绘制流程
如果您发现您的在线表单变得太长,请不要害怕将其拆分为多个页面以供用户分解。 这样做的关键是通过从一开始就为他们制定流程来管理用户的期望。
Confused.com 有一个很好的例子,页面顶部清楚地标出了不同的阶段:

泰晤士报网站以略有不同的格式呈现表格的不同步骤。 这是用于注册在线帐户的表格的第一页:

如果我们向下滚动,我们可以看到接下来的步骤:

如果从一开始就向用户明确表格的长度,他们就可以做出明智的决定,决定是否有足够的时间来完成它,或者是否应该稍后再回来。 这将避免通常与较长表单相关的问题,即用户开始填写表单,却因长度而感到沮丧并放弃任务。
4. 乐于助人
与之前的 OK Magazine 示例类似,Barclaycard 有一个更详细的示例,可以准确解释他们在网上银行登录表单中需要哪些信息:

Barclaycard 不仅解释了他们需要什么信息,还为用户提供了关于他们可以输入的信息类型的选项。 例如,如果您不记得您的用户名或 ID 号码,但您有您的卡并且可以输入此号码,这将非常有用。
他们还为这两个领域提供“遗忘”选项。 现在预计这是在线登录表单的标准,但值得注意的是,如果这些选项不可用,可能会非常令人沮丧。
对用户有帮助的另一种方式是诚实地说明您对信息的处理方式。 Virgin Active 在他们的在线查询表上这样做:

Virgin 的“承诺只用你的号码给你回电”,虽然它没有涵盖他们打算用你的电子邮件地址做什么,但确实为用户提供了一些保证。
在单击“继续”或“提交”按钮之前,帮助您的用户知道他们已正确完成每个字段,没有任何错误,每个框填写后都有符号。 在他们的在线注册表上有一个这样的例子,使用绿色勾号和红色叉号:

如果有错误,请在相关字段旁边清楚地标记这些错误,如有必要,可能会解释所需内容。 这样,用户可以确保表单在第一次点击时被接受。
5. 经常测试!
创建任何在线表单时,请始终在启动之前在尽可能多的设备上自行测试。 以尽可能多的不同方式填写表格,以确保所有字段都有效。
在线表单是您网站的宝贵工具。 无论是捕获数据、处理销售还是接收查询,您都需要一个表单来完成转换。
到目前为止,您已经完成了鼓励访问者购买/注册/注册等的大部分艰苦工作。确保不要让像在线表格这样简单的东西阻碍这一至关重要的转换!
