无摩擦表单的 6 个注册页面设计实践

作为营销人员，您可能认为自己很了解潜在客户——他们是谁、他们的行为方式等。因此，如果其中一个访问了您的网站或注册页面，您认为他们接下来会做什么？

可能注册您的服务，对吗？

正如一个品牌所发现的那样，情况并非总是如此。 对他们来说，CTA 和他们的“谢谢”页面之间的某些事情导致企业失去了近四分之一的潜在客户。

他们的注册页面有问题。

什么是注册页面？

注册页面，也称为“注册页面”，并不完全相同。 有些是PPC点击后登陆页面； 其他的通过导航链接到主页——有些甚至是主页。 尽管存在差异，但它们都具有相同的目标：为服务生成注册。

在许多情况下，注册页面是企业转化漏斗的最后一步。 这是潜在客户在评估品牌并决定其服务提供他们需要的东西后导航的地方。

正因为如此，注册页面较少关注说服潜在客户进行转换，而更多地关注最大程度地减少这样做所涉及的摩擦。 对可用性的关注意味着其他传统的点击后登录页面元素，如社会证明、推荐和吸引注意力的媒体等。

只需查看下面的 Shopify 注册页面，单击“开始”后，该页面会在主页上弹出。

这真的只是一个简短的形式。 而且，正如您稍后将看到的，大多数注册页面的构建方式相同，仅包含一个标题、几个表单字段和一个号召性用语。

但仅仅因为许多设计是这样并不意味着它是正确的方式。 创建一个成功的注册页面不仅仅是消除干扰和减少表单字段。 任务是双重的。

要产生最大注册量，您必须尽量减少注册所涉及的步骤，同时充分利用您使用的少数几个元素。 以下是专家的一些提示和见解。

1. 使用利益导向的标题

当潜在客户到达您的注册页面时，在大多数情况下，他们已经评估了您的服务并确定它适合他们的需求。 但是，这是否意味着您不应该提醒他们为什么他们在那里？

下面，Copyblogger 使用一个社会证明填充标题来说服用户注册，上面，Shopify 提醒潜在客户他们的试用期是 14 天免费。

简单是好的，但如果您有空间用标题来加强您的 USP，那就去做吧。 它对转化的积极影响可能比消极影响更大。

2. 使所有字段都为必填项

这个技巧不是要求您的访问者完成您的表单，而是更多地确保您选择了正确的字段。 我们的意思是，如果您确定表单字段是可选的，那么您不需要该信息来注册潜在客户。

例如，像 Groupon 这样的服务需要在注册时知道您的位置才能为您提供相关的交易和优惠券。 但是，位置并不是 Instapage 了解其客户的关键信息，这就是我们在注册时不要求提供的原因。

如果你真的不需要知道你的潜在客户的公司、他们的职位或他们有多少员工，那就不要问。 他们需要做的工作越少越好。

要考虑的表单字段

一些需要考虑合并/删除的表单字段：

• 用户名：您的用户真的需要用户名才能注册吗？ 或者您可以直接询问他们的电子邮件，然后让他们在登录后确定他们的用户名吗？
• 确认密码：此字段已过时，仅由于密码屏蔽（另一种不切实际的技术）而需要。

密码屏蔽技术使每个字母在输入表单时看起来都像一个相同的项目符号。 它给人一种额外安全的印象，但它真正保护的唯一一件事就是人们从你的肩膀上偷看。

问问自己：我的潜在客户真的会在拥挤的公共环境中创建密码吗？ 不见得。

不使用“确认密码”字段，而是允许用户通过取消屏蔽原始“密码”字段或使用“显示/隐藏”功能来查看他们正在输入的内容，就像 MailChimp 在他们的注册页面上所做的那样：

• 名字和姓氏：考虑将名字和姓氏合并到一个“全名”字段中。 或者，只需询问名字。 哎呀，甚至可以考虑完全摆脱它。

在下面的几个示例（Buffer、Asana、Crazy Egg）中，注册页面不会立即询问姓名，而是让他们的转换客户在登录平台后输入详细信息。

• 用户协议：不要让你的用户点击一个复选框来表示他们同意你的用户条款，而是考虑在你的 CTA 上方添加一条消息，就像 LinkedIn 在下面所做的那样。 它指出，通过转换，用户自动同意。

3. 如果您绝对需要所有这些信息，请分步询问

看，有时您确实需要大量信息来注册新用户。 需要现场付款的注册需要长表格来获取账单地址和信用卡号等敏感信息。 发生这种情况时，请考虑将注册过程分解为多个步骤。

Formstack 的一份报告显示，去年，多页注册表的性能比单页注册表高出 9% 以上：

为什么？

多页表单通过将过程分成几个简短的步骤来减少转换的压力。 更多的页面意味着更大的字体、更长的字段和可能不适合更短形式的描述性标签的更多空间。 此外，多页注册通常带有一个方便的进度条，让用户知道他们注册的进度。

请记住：如果您可以通过消除几个字段来缩短表单，请缩短它。 如果你不能，不要试图通过把所有东西塞进一小块空间来让它看起来更短。 你只会让你的页面变得混乱，让你的潜在客户不知所措。

4. 考虑使用模态窗口

对于像 Canva 这样的快速注册过程的人来说，模态窗口提供了一些好处。

设计师 Joshua Johnson 解释了原因：

它们覆盖当前内容，而不是将您带到不同的页面。 不知何故，这比被带到新的地方更令人不安，这感觉就像是一种打扰。 通过使主页图形变暗并调出模态符号注册表，您会感觉到该过程将快速而轻松，并且您将立即返回浏览。

在互联网用户比以往任何时候都更不耐烦的时候，给他们留下他们会立即恢复浏览的印象是一种很好的做法。

5. 启用社交自动填充

在下面几乎每个注册页面示例中，您都会注意到社交自动填充按钮。 这些允许用户通过导入他们已经提交到社交网络的相关个人信息，通过单击绕过您的表单。

Formstack 发现，通过包含此功能，用户能够产生 189% 更高的表单转换。 此外，86% 的人表示在不同网站上创建新用户帐户不方便。 当您的目标是尽可能轻松地进行转换时，利用社交自动填充功能是轻而易举的事。

6. 抛弃占位符文本

要进行转换，访问者需要知道如何填写您的表单。 但是，使用占位符文本并不是显示它们的最佳方式。

根据 Nielsen Norman Group 的说法，在表单字段中添加浅灰色文本有可能：

• 紧张用户的短期记忆。 当他们开始输入并且灰色文本消失时，他们会想：“我的密码还需要多少个字符？”
• 使您的表单字段不可见。 空表单字段实际上比带有占位符的字段更容易被潜在客户注意到。
• 激怒用户浏览表单。 那些使用“标签”按钮快速完成表单的人将没有时间在它消失之前阅读解释性占位符文本。
• 迷惑游客。 他们可能会将占位符文本误认为是自动填写的信息。

为避免混淆，请在每个字段上方添加一个标签，告诉访问者他们需要在其中包含的内容。 占位符文本只会在您的注册页面上造成更多摩擦。

专业人士如何建立注册页面

既然您知道要在注册页面上包含哪些内容，让我们来看看专业人士如何构建自己的注册页面。

领英

此 LinkedIn 注册页面属于点击后登录页面。 它是独立的，这意味着它没有通过导航连接到公司的网站——甚至不在徽标中。

在表格上方，标题可以传达更大的好处。 在它上面，四个领域保持低摩擦。 不过，通过将名字和姓氏合并到一个“全名”字段中，这种摩擦可以变得更小。

在每个文本框上，灰色字体让潜在客户知道他们应该输入什么，在“密码”字段上方，该标签更加具体。 但是，该“密码”字段并没有遵循最佳实践，即为潜在客户类型的每个字母显示相同的项目符号。

最后一个表单字段下方的附加灰色字母让访问者知道，通过单击“立即加入”，他们同意 LinkedIn 的用户协议、隐私政策和 cookie 政策。 这为潜在客户节省了必须单击选择加入框以同意的额外步骤。

在号召性用语中，“现在”一词强调一旦用户单击 CTA 按钮，他们就立即成为网络的一部分。 就按钮本身而言，它可以弹出更多一点，你不觉得吗？ 不同的背景或按钮颜色可能会更多地关注用户需要单击以加入的位置。

在其下方，“继续使用 Facebook”按钮简化了整个过程。 如果您在世界上最大的社交网络上拥有个人资料，请单击该按钮让自动填充功能使用您已与 Facebook 共享的数据为您填写表格。

文案博主

这是一个注册页面，它不仅仅是一个表单。 潜在客户可能会注意到的第一件事是那个巨大的、充满社会认同感的标题。 翻译过来，它说，“如果我们对 334,000 名营销人员足够好，我们也对你足够好。”

它还利用了一种通常被称为“FOMO”的现象，意思是“害怕错过”。 没有人愿意错过 334,000 名行业同行所拥有的领先优势。

在此之下，潜在客户在注册后获得的所有免费有价值内容的预览诱使他们填写该表格。 不过，表单本身可以设计得更好。

通过消除“重新输入密码”字段并将名字和姓氏压缩为“全名”，Copyblogger 可以将文本框的数量从 5 个减少到 3 个，从而减少注册过程中的摩擦。 代替“重新输入密码”字段，可以使用显示/隐藏选项来确保输入密码时的准确性。

为了进一步减小摩擦，每一个区域内的标签应当定位在代替。 现在，当潜在客户点击文本框时，灰色字体就会消失，这让他们很容易忘记自己在输入什么。

总的来说，虽然表单中的一些缺陷和几个出站链接可能会影响这个注册页面上的转换，但 Copyblogger 的免费内容太有价值了，不能错过。

疯狂蛋

首先，一家自称为“行业领导者”的企业就像一家咖啡馆，称其咖啡是世界上最好的。 说出来的人很多，但能证明的却寥寥无几。 与其称自己是最好的，不如用统计数据或引用相信你的知名客户的话来支持你的主张。

在该标题下方是一张图像，预览您在使用 Crazy Egg 时获得的洞察力，在图像右侧，三行副本解释了该洞察力是什么以及您可以用它做什么。

在这种超短形式上，摩擦最小。 标题强调试用免费，按钮弹出白底，号召性用语以第一人称写。 现在，唯一让这种形式不痛苦的是每个字段中令人分心的灰色占位符文本。

在此之下，以可识别的客户徽标和文字“超过 200,000 家企业使用 Crazy Egg 实现更好转化”形式的社会证明增强了该注册页面的说服力。

总而言之，此页面使访问者的转换变得轻而易举。

缓冲

当您单击 Buffer.com 上的“免费注册”号召性用语时，主页会通过部署一个简短的弹出表单并使周围的内容变暗而转变为注册页面。

在该弹出窗口中，转换过程很简单——单击三个社交登录按钮之一绕过表单，或输入电子邮件地址和密码。 无论哪种方式，摩擦都是最小的。 这份表格的唯一方法是更容易完成吗？ 摆脱那些分散注意力的占位符文本。

体位法

从 Asana 在此页面上注册最多需要点击两次。 使用 Google 登录功能，只需一个。

表格上方的一句话告诉您如何填写表格，甚至是您应该使用哪个电子邮件进行注册。

然而，在其正下方，一个填满灰色占位符文本的表单字段会分散用户的注意力。 但它会阻止人们注册吗？ 不见得。 这种形式几乎无摩擦且易于填写。

开始使用 Instapage 创建优化的注册页面，立即请求 Instapage Enterprise 演示。