博客

您的着陆页太杂乱:关于以转化为目标进行设计的问答指南

为杂乱且无法转化的着陆页而苦恼?本问答指南解答了关于简化设计、优先清晰度以及测试有效方法的实际问题——包括何时打破“移除所有导航”的规则。

摘要

您的着陆页的目标是完成一件事:让访客采取您希望的行动。但过多的元素——多个优惠、额外链接、装饰性图形——争夺注意力并扼杀转化。本问答指南解答了您关于精简页面而不失影响力的实际问题。您将学习如何识别页面的单一目标、按重要性排列元素,以及在不杂乱的情况下建立信任。我们还挑战了“移除所有导航”的教条,并展示了何时一点上下文会有所帮助。最后,您将拥有一个清晰的过程来设计专注且高转化的着陆页。

1. 着陆页的真正目的是什么?

着陆页不是首页。它是为单一特定行动而设计的。如果您试图做得更多——销售产品、收集邮件、介绍公司——就会稀释信息。真正目的是回答一个单一问题或解决访客的一个问题。这种专注驱动转化。正如我们在为什么您的着陆页应只回答一个问题中所讨论的,清晰胜过完整。在开始设计之前,定义好那个目标。例如,如果您的目标是获取网络研讨会的电子邮件注册,那么整个页面应专注于该网络研讨会的价值——而不是您的公司历史。

2. 如何决定哪些内容该保留、哪些该删除?

首先列出您认为需要的每个元素:标题、副标题、主图、视频、要点、推荐语、信任徽章、常见问题、页脚链接。然后问:这是否直接支持单一目标?如果不是,就删除。只保留前3-4个元素。例如,删除冗长的常见问题部分,而是在行动号召附近用一句话回答最常见的异议。

但要小心——删除过多可能使访客失去上下文。一个反观点:许多专家坚持移除所有导航,但这对于需要 reassurance 的受众可能适得其反。例如,高客单价 B2B 页面可能受益于一个固定菜单,让潜在客户查看案例研究或定价。如果您的目标受众是持怀疑态度的工程师,他们可能想要技术规格——一个指向“规格”部分的小导航可以减少摩擦。关键是测试。正如在为第二次点击而设计中讨论的,有时第二次点击正是建立信心。因此,只包含推动访客走向目标的内容,但考虑少量上下文可能实际上有帮助。

3. 如何构建页面以实现最大清晰度?

使用视觉层次引导视线。最重要的元素——您的价值主张——应该是第一眼看到的内容。通常,访客以 F 型模式浏览:标题、副标题、然后是支持点。使标题字体最大。为行动号召按钮使用对比色。将最重要的图片放在首屏上方。使用空白将主视觉与推荐语部分分隔开。单列布局通常比多列设计更好,因为多列可能分散注意力。有关详细技巧,请参见5个让转化翻倍的视觉层次调整技巧。一个简单的规则:如果访客在5秒内无法理解您的优惠,那么您的内容就太多了。

4. 如何在不超载的情况下建立信任?

信任信号至关重要,但不需要成为一个单独的区块。整合那些提到您页面所解决具体问题的推荐语。不要使用一长串客户标志,而选择三个知名的。在行动号召附近放置包含具体结果的推荐语(例如,“销售额增长30%”)。使用推荐人的真实照片以增加真实性。安全徽章应放在焦虑高峰处(例如,结账按钮附近)。更多信息,请查看如何通过着陆页设计瞬间建立信任。记住:一个强大的信任元素胜过十个薄弱的。

5. 如何让行动号召变得不可抗拒?

您的行动号召按钮应在颜色和大小上突出,但文本也需如此。不要使用“提交”或“前往”,而是使用以行动为导向的、陈述利益的语言:“获取我的免费指南”或“开始试用”。将行动号召放在首屏上方,并在下方重复出现。按钮应足够大以便在移动设备上点击,并使用突出的形状——圆角矩形通常效果不错。但这里有一个警告:不要让它看起来像横幅广告——用户有横幅盲区。使用看起来可点击且与背景形成对比的按钮。同时,考虑颜色心理学:绿色通常表示“前进”,红色可能表示“停止”。用您的受众测试不同版本。

6. 测试着陆页的最佳方法是什么?

A/B 测试是您的好朋友。一次更改一个元素——标题、行动号召文本、图片——并测量转化率。从高影响力元素开始:标题、主图、行动号召文案。运行测试直到达到统计显著性。一个常见错误是同时更改多个内容——然后您不知道哪个起了作用。同时,分别测试移动端,因为行为不同。不要总是遵循传统智慧;例如,许多人说红色按钮优于绿色,但这取决于您的受众。运行自己的测试。此外,收集定性反馈:询问几个用户他们认为页面是关于什么的。如果他们无法表达,您的文案需要更清晰。迭代是关键;即使是小改变也可能产生大影响。

结论

一个专注的着陆页,回答一个问题并用清晰的视觉层次引导访客,将每次胜过杂乱页面。首先定义您的单一目标,然后无情地删除任何不服务于该目标的内容。但不要害怕保留一点导航或额外上下文,如果这对您的特定受众有帮助——进行测试。适量使用信任信号。使行动号召突出且引人入胜。然后根据数据进行迭代。记住,最好的着陆页是让下一步变得明显且容易的页面。

Sources (5)