如何设计转换的登陆页面

“你永远不会有第二次机会给人留下第一印象。”

虽然让人们访问网站很重要，但企业真正想要的是转化。 换句话说，抓住那些可能对公司独特的价值主张足够感兴趣的变化无常的访问者来注册、订阅、保持更新、与朋友分享并成为忠实的客户。

既然如此，着陆页设计师的主要目标是通过给人留下强烈的第一印象来创建一个高转化率的着陆页，而他们只有不到 7 秒的时间来做这件事。

在为可转换的登录页面开发访问者体验时，登录页面设计人员通常会根据一系列考虑采取不同的方法。 他们必须仔细考虑行业和垂直市场、受众以及完成转换所需的最少信息。

以下是一些提高着陆页转化率的创新和成功策略。

1.陈述你的情况

卖更好的生活

公司通过各种营销努力说服人们访问他们的网站。 首先，他们解释了他们独特的产品或服务如何使潜在用户受益。 球场的前几行需要引起情感共鸣，从而引发访客问题的可能解决方案，并且需要在不到 7 秒的时间内完成。

例如，个人帮助和接待服务 Alfred 并没有谈论他们的客户群规模或他们有多少承包商，而是用几句话告诉访客该服务如何帮助他们恢复空闲时间。 正确的语言会激发潜在客户设想该产品如何改善他们的生活。 这是一个很好的卖点。

投资创业公司 Betterment 有一个登陆页面，向潜在客户展示了一个令人信服的案例。 和谐的色彩、微笑的人、引人注目的文案、独特的价值主张和清晰的号召性用语 (CTA) 都可以帮助人们立即了解 Betterment 所提供的内容。

提供证明

转换用户的另一种方法是突出推荐。

正如 Neil Patel 解释的那样，“不可能像你的客户那样写出好的文案。 为什么？ 因为好的文案取决于来源，而不仅仅是风格和内容。 推荐书之所以引人注目，是因为它们向客户展示了如果她使用您的产品或服务，她会体验到什么。”

推荐书有助于推销体验，访问者可以轻松地将可能性内化。

说访客的语言

为合适的观众营造合适的情绪也很重要。

将宣传的语言和视觉设计与要传达给网站访问者的情感相匹配是很重要的，无论是信任感还是危险的调情、形式或友好、坚忍的严肃或面容。

为客户量身定制信息。 这是两个私人飞机服务的语言和图像的比较。

NetJets 的目标客户是对奢华和排他性感兴趣的商务人士——这些感觉通常与私人航空旅行的想法有关。 另一方面，VistaJet 专注于富有的家庭，使其听起来完全适合他们的生活。 该公司的产品试图吸引适合特定角色的核心客户； 因此，着陆页的设计传达了一种与目标市场的敏感性、特殊需求和价值观相关的情绪和风格。

2. 以行动引领

直接解决群众问题

设计师需要问自己为什么人们访问该网站。 推动访问者的承诺是专注于产品的主要操作。

Airbnb 的登陆页面会立即传达它的内容——包括标题宣传和下方的表格。

设计师将注意力集中在 Airbnb 服务的基本要素上，这样人们就可以立即开始采取行动来提升他们的承诺。

一旦他们开始计划他们的旅行并探索他们的选择，他们就会投入时间和情感。 需要注意的是，只有在人们决定预订或将列表保存到他们的愿望清单后，他们才会被要求注册一个帐户。

这种设计同时帮助人们完成他们想要的行动（如果他们致力于预订）或可以激发“拯救他们的工作”的愿望（如果他们正在探索他们的选择）。

TaskRabbit 也是如此。 他们不是主要的 CTA 要求访问者“注册”，而是深入了解人们所追求的核心，即“在家提供帮助”。

首先，TaskRabbit 通过消息引起情感共鸣，然后提供一个输入字段，询问人们他们需要什么帮助。 仅仅阅读问题就会促使人们考虑他们希望如何得到帮助，并通过陈述他们的具体需求来邀请他们进行探索。 这是立即参与。

3. 给他们一个他们无法拒绝的提议

提供折扣

登陆页面提供的内容可能对访问者来说是一个福音——问题是，数以百万计的其他公司已经在争夺客户的注意力。

分享他们的电子邮件地址对某些人来说可能是一个敏感问题，因此登录页面设计人员需要让他们值得一试。 这就是为什么许多公司为购物者提供诱人的交易只是为了交出他们的电子邮件地址的原因。

提供折扣、免费试用、免费送货或任何其他引人注目的免费赠品来激励注册。

以布鲁克林为例。 它为访客首次购买提供免费送货服务。 要在没有注册的情况下继续访问该网站，人们必须选择一个按钮，上面写着“不，谢谢，我想支付运费。” 谁愿意支付运费？

以有意义的方式告知和教育访客

收集电子邮件地址的另一种方法是提供免费内容，例如电子书，以换取电子邮件地址。

UXPin 以其关于各种主题的信息丰富的电子书而闻名。 他们将它们赠送给客户，以换取客户的电子邮件地址和一些信息。 访问者想要有价值的信息，所以他们不介意提供他们的电子邮件地址来获取它。

随后，UXPin 可以向新订阅者发送电子邮件，以跟进其他诱人的优惠。

4.减少摩擦

保持 Web 表单简单

许多因素可以决定注册表单的成败； 避免摩擦就是其中之一。

摩擦是任何阻碍人们前进的东西，造成混乱，并且需要太多的认知工作。 该设计也可能容易出错。 最好的表格包含有用的信息和清晰的标签，它们使人们可以轻松快速地消化信息。

人们经常使用内联验证出现格式错误； 设计师的工作就是让这个过程尽可能简单。 人们使用额外的输入字段来确认他们的电子邮件和密码是否至关重要？ 最好让人们可以选择查看蒙面密码。

Instapaper 的注册表单简洁明了，但不会提醒访问者为什么要创建帐户。 该表单还缺少内联验证，因此人们必须在发现他们没有输入有效的电子邮件地址之前提交表单。 这种摩擦可能看起来微不足道，但它可能会花费注册费用。

恰恰相反，Pocket 的注册表单干净而吸引人，并保持价值主张可见。 表单很清晰，内联验证让人们在提交表单之前知道他们是否犯了错误。 人们宁愿在整个过程中看到错误。

5. 移动优先

我们已经听过一百万次了：移动优先。 2016 年，移动和平板电脑的互联网使用量首次超过桌面。

谷歌搜索结果偏爱适合移动设备的网站，这意味着首次访问者很可能正在他们的手机上查看网站。 如果目标网页和注册表单在移动设备上显示不正确，则该网站可能会失去许多潜在的转化。

这似乎很明显，但即使在今天，仍然有太多的网站不适合移动设备。 有时，一个网站在移动设备上看起来不错，但注册表单不够用。 其他时候，字段和按钮太小，或者设计师选择了在移动设备上使用起来很麻烦的输入法。

在上述移动登录页面注册表单上，噪音极小，标记清晰的字段很大且易于点击。 按钮清晰且全宽。 在大多数这些移动表单设计中，密码字段为用户提供了显示密码的选项，这对于拼写错误和失火已成为现实的移动设备非常有用。

6.避免太多信息

只要求最低限度

所有登陆页面设计师都需要考虑的事情：企业需要什么信息才能让人们开始？

如果第一印象感觉像是审问，那么潜在的转换可能很快就会被吓跑。 即使某些字段被标记为可选，要求提供太多信息也会给访问者留下他们的隐私没有受到尊重的印象。

例如，梅西百货会问太多问题而无法注册。

为什么他们需要知道访客的生日？ 他们可能想知道人们的年龄，以便按人口统计对其进行细分。 这感觉像是对人们隐私的侵犯，因此访问者很可能会放弃注册，从而失去机会。 有关年龄的信息可以稍后在帐户首选项中输入。

虽然 TaskRabbit 的登录页面在视觉上很吸引人，但他们的注册表单也有点太多了。

邮政编码是有道理的，因为服务提供商是本地的，但为什么他们需要人们的名字和姓氏来注册服务呢？ 每个额外的字段都很重要，这会在访问者的路径中设置障碍。

着陆页转换最佳实践建议设计师只要求最低限度的让人们开始：电子邮件和密码。 要求在入职过程中稍后应保留姓名和邮政编码。

相比之下，Blue Apron 的餐包服务只要求人们使用电子邮件地址和密码创建一个帐户。 简单快捷。 他们不要求提供姓名甚至邮政编码——即使该服务并非在任何地方都可用——这意味着人们放弃该表格的可能性要小得多。

7.开始对话

带有按钮、链接和表单的传统登陆页面 UI 正逐渐消失在最直观、最自然的交互模式之一——对话之后。

聊天机器人和对话式 UI 的流行正在爆炸式增长。 据 Gartner 称，到 2020 年，聊天机器人将为所有客户服务交互提供 85% 的支持。在许多情况下，聊天机器人将着陆页的每潜在客户成本 (CPL) 降低 48%，并通过推动客户参与度潜在地使潜在客户转化率翻倍。

传统的登陆页面通常通过引人注目的视觉效果、动画、突出的价值主张和精心放置的 CTA 来吸引访问者，这些 CTA 通常后面会跟着一个表格。 另一方面，聊天机器人可以立即吸引访问者，可以提供更加个性化的服务，并多次提高转化率，因为它们可以产生和限定潜在客户。

如果处理得当，对话式着陆页 UI 会让人感觉有趣、友好且乐于助人，并且可能适用于希望与潜在客户建立联系的企业。 这种策略可能对旅游和保险提供商等服务行业有意义。 通过提出一系列问题，由人工智能驱动的登陆页面聊天机器人可以定制其响应，并且由于速度至关重要，因此可以快速为用户指明正确的方向。

然而，即使是非常复杂的机器仍然像机器一样思考。 如果执行不当，聊天机器人可能会感到冷漠，在最坏的情况下，人们可能会感到不舒服而离开。 最好记住，访问者是人类，他们可能有超出预编程响应的问题，或者他们可能会以聊天机器人无法立即识别的语法来构建这些问题。

虽然并非适合每个行业，但对话式登录页面有可能在更人性化的层面上吸引访问者。 由于对话是有意义的关系的基石，因此聊天机器人必须能够进行智能的双向对话。 迈出一大步并正确执行对话着陆页的初创公司将成为真正的开拓者。

如何设计高转化的登陆页面

有数以百万计的网站在争夺人们的注意力，正如所讨论的，设计师只有几秒钟的时间来说服访问者注册产品或服务。 登陆页面设计者需要战略性地考虑如何以及何时邀请用户注册，以及在什么阶段要求什么信息。

人们通过探索和参与推动他们最终的承诺，从而对产品或服务产生兴趣。 要设计可转换的登录页面，最好使网站具有吸引力且轻松，并且注册过程顺畅且愉快。 通过遵循着陆页转换最佳实践，设计师可以开发高转化率的着陆页，从而吸引更多客户。

• • •

进一步阅读 Toptal 设计博客：

• 如何设计有效的登陆页面
• 为转换而生——着陆页设计最佳实践
• 使用这些着陆页灵感转换访问者
• 登陆页面设计：构建终极登陆页面
• 电子商务用户体验——最佳实践概述（附信息图）