在线表单设计的 10 个最佳实践(附实例)

品牌和企业主为出色的网页设计投入了大量的精力。

但这件事存在一点小问题。

然而,单靠设计并不能使您的网站盈利。

更重要的是,它是关于建立产生潜在客户和销售的渠道。

这正是在线表格发挥作用的地方。

许多品牌忽视了表单设计的重要性,但它却是决定您网站成功的关键查询渠道。

互联网上的大多数表单设计示例看起来都很无趣、不受欢迎,因此产生的转换较少。

在线表格是获取新商业潜力的门户

 

如果您希望认真对待潜在客户开发,那么使用用户友好且诱人的在线表格至关重要。

为了帮助你更好地与受众建立联系,以下是我们关于如何使在线表单变得有趣的 10 个最佳实践:

1. 消除困惑
消除在线表单设计中的混乱

首先,表单需要易于受众理解。而这往往说起来容易做起来难。在考虑让表单设计变得有趣和令人兴奋之前,您需要首先确保它实用且用户友好。

互联网上充斥着许多表单设计,这些问题重复、语言混乱、甚至看起来很无聊。所有这些特点都让表单不太吸引网页访问者填写。

简化在线表单设计
表单设计中需要消除的重要因素:
长格式(少即是多)

 重复的问题

不必要的问题,没有提供任何价值

问题类型错误,例如使用开放文本字段而不是按钮选项

行话和技术语言

按钮上的标准号召性用语文字,例如注册、订阅、填写表格

难以辨认的颜色和对比度

所有这些观点听起来都很明显,但事实是,即使是最简单的在线表格也会违反其中的一些观点。

互联网上充斥着成千上万种缺乏用户体验的表单设计。

一次负面的体验对用户的影响远大于一次良好的表单体验。

回顾这些做法,您将有更好的机会产生转化并创造参与度。

2. 切换格式
切换表格格式

当我们想到在线表格时,我们通常会 WhatsApp 数据 想到简单的长表格。长表格或单步表格将所有问题放在一个步骤中,通常一个接一个地呈现。

单步表单有很多很好的用例,例如,只要求输入名字和电子邮件地址的表单。但是,如果想让表单更有趣,您一定要考虑切换表单格式。

单步骤表格的替代方法是多步骤表格。

多步骤表单,有时也称为向导表单,更加直观,并在用户旅程中提供更好的体验。

WhatsApp 数据

多步骤表格

由于用户每次只能看到一个问题步骤,因此信息量不会太大。

每次只看到一个问题比看到 10 个或 20 个不同的问题更令人鼓舞。这与现实生活中没有什么不同:在与他人的私人谈话中,你也会先问一个问题,然后再问下一个问题。

在多步骤表格中,您可以使用进度条来指示表格已完成了多少部分。

相关: 创建长表单以提高转化率的 7 个最佳实践

带有进度条的在线表单设计可提供更好的用户体验

多步骤联系我们表单设计中的进度条

我们发现,在很多情况下,多步骤表单更加方便用户使用,例如潜在客户捕获、用户资格、反馈表单、申请表单等。LeadGen App可让您轻松使用自定义文本和图形元素构建多步骤表单。

3. 用内容来丰富你的表单设计
通过表单中的有趣内容来娱乐用户

在 LeadGen 多步骤表单中,您可以显示文本框元素以及问题和表单步骤,例如在问题上方。

这些文本框元素可以通过 WSIWYG 编辑器添加,您可以在其中添加链接、图形和 GIF 图像。标题可以设置为不同的大小,例如 H1、H2、H3 格式。

LeadGen 表单中的文本框
使用文本框元素增强 LeadGen 表单 – 表单生成器和实时表单

通过添加几行文字(例如用于介绍问题),您可以使 支持NFC的手机靠近终端 表格更加个性化且更易于理解。

这可以使您的表单看起来更具对话性,不像典型的在线表单那样静态(见下图)

交互式用户旅程

联系我们表单设计带有文本元素的定制标题部分

您还可以在文本框中使用 GIF 图像来发挥您的创意。请参阅下面的表单设计示例以参加比赛:

附有 GIF 图像的抽奖比赛报名表

4.表单设计的最佳实践
设计您的 LeadGen 表单

在线表单的品牌和样式通常不是营销人员关注的重点。另一方面,人们痴迷于网页设计(这显然也很重要)。然而,在线表单的设计是网站真正推动业务的关键要素。

成为利用这一潜力的少数营销人员之一,并开始优化您的潜在客户生成表单以获得最佳转化率。

以下是一个在线联系表单设计示例,其中包含了前后图片:

在线表单示例 – 旧式古典表单设计

记录联系查询的示例表格

表单的原始设计是采用长格式的。这让事情变得比必要的更复杂。

问题不明确,留下了解释的空间。在品牌方面,表格只 B2C传真 是使用白色和灰色,看起来最无聊。

在线表单示例 – 新的多步骤表单设计

采用多步骤格式的新联系表单设计

上图是该品牌实际设计的新表单。该品牌已经在徽标和网站中使用了浓重的绿色,因此我们采用了这种样式的表单。多步骤格式使问题更容易理解,用户也更有可能坚持下去。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注