8登陆页面设计最佳实践

想要优化你的着陆页面设计阻止潜在的线索,提高你的转化率?

如果是的话,这篇文章很适合你。

当谈到建立一个着陆页在美国,设计就是一切。最终,你的设计是为了让客户更容易理解你的登陆页面并进行转换。这就是为什么看到一些成功的人总是好的着陆页的例子

当用户到达登陆页面时,它应该清楚他们在5秒或更短的时间内销售。这个想法来自一个2006年的研究这表明,你有不到5秒钟的时间吸引并打动第一次观看你节目的观众,然后他们就会离开你的着陆页

大多数人错误地认为创建登陆页面最容易的部分就是美观。事实上,一个设计糟糕的页面已经被证明会降低企业的转化率。

在本文中,我将向您介绍8个关键的最佳实践设计登陆页面提高你的转化率。

让我们开始吧!





最佳实践#1:使用使用背景视频和图片来解释你的报价


使用情境是向潜在客户解释你的产品或服务的好方法。包括图片或视频演示你的产品使用是引人注目的,并显示潜在的领导你的产品的确切功能。它可以让潜在客户置身于你的产品或服务的实际情况中。

一个优质的形象或视频优化的着陆页这也是一个很好的方式来展示你提供的好处。图片或视频应该起到直接的作用,而不仅仅是填充页面的空间。使用带有直接目的的图像的例子可以在下面的Atlantis Resort登陆页面中看到。酒店和度假胜地使用白色沙滩和清澈海洋的图片,让游客想象在这个放松的目的地。在这个例子中,图片比任何书面信息都更有力、更有影响力。


图像


下面的登陆页面是一个使用短视频演示的好例子。它展示了神奇的子弹,以及它在“10秒或更少”内剪切和混合任何东西的能力。这段视频清楚地告诉我们,有了这个方便的设备,厨房的生活变得更容易了。

如果这登陆页面有一个匹配的广告它会得到一些很棒的转换。


图像


最佳实践#2:展示快乐的人的形象,让你的页面更受访问者欢迎


人们的图片可以使你的页面更加个性化和温暖。这些图片是最吸引人、最受欢迎的,会让你的潜在客户在你的页面上感觉更舒服。实际上,一个研究显示在特定的登录页面上有一张微笑的人的照片可以增加102.5%的转化率!在登录页面上使用一个快乐的人的图片是一种策略转换优化.人们根据自己的感觉行事,我们可以利用情绪让潜在的线索有特定的感觉。展示笑脸能让他们有一个积极的情绪,对转化有积极的影响。

您还可以使用人的图像作为定向提示,指导页面查看器到您提供的内容。沿着其他人的眼线到他们的重点是人性化。让你的形象中的人展望您的产品,观众的眼睛将被吸引到人的焦点。下面的着陆页是一个很好的例子,因为女人的眼睛直接向信息和呼叫行动指导。


图像


这同样适用于人的身体语言,你可以用它来引导浏览者的眼睛到你页面的特定部分。利用一个人的身体作为方向线索是一个很好的方式,让观众看特定的地方,而他们甚至没有注意到。然而,你要巧妙地做到这一点,因为这个人明显的指向或手势可能会让观众感到讨厌或不愉快。下面这张来自Geico的图片就是这种技术的一个很好的例子,因为壁虎的眼睛和肢体语言巧妙地将你的眼睛吸引到信息上。


图像



最佳实践#3:用对比色和空白突出页面中最重要的区域


对比色是指颜色的剧烈变化,比如深蓝色背景上的亮橙色图标。作为人类,我们自然会被这种严重的差异所吸引。您可以在您的设计中使用此功能突出显示您想要显示的页面部分。标题、铅捕获形式和行动呼吁(CTA)按钮应该是最突出的元素。对比色使你的页面更容易理解,因此提示导致转换在您的着陆页

许多营销人员的一个大错误在一个着陆页上打包了太多元素。空格是解决此问题的最佳方式。空白是在您的页面上策略性使用的空白空间,以使某些区域突出。将空格放在标题,铅捕获表单和CTA按钮等功能周围,以使其呼吸空间。这将使您的页面非常干净,并强制潜在导致关注重要的信息。

下面的登录页面是使用对比色和空白的一个很好的例子。以下是5个原因:

  • 号召行动按钮“发送我更多的细节”是突出对比橙色背景

  • 用箭头作为指示方向的线索

  • 引线捕获表格显示在橙色背景的白色表单字段

  • 橙色、白色和绿松石的主题贯穿始终,但对比使某些区域脱颖而出

  • 页面上有足够的信息来吸引客户想要了解更多信息,但它不会显得过度拥挤


图像


最佳实践#4:设计一个明显的CTA按钮


你的CTA按钮是你最重要的功能着陆页.你的全部目标就是让浏览者看到这个按钮,并想要采取行动在上面进行转换。您的CTA按钮的有效性可以通过一个引人注目的设计和明显的放置在您的页面上立即改变。

1.通过您的CTA设计获得关注-正如我上面提到的,使用对比色让你的CTA在背景中脱颖而出是至关重要的。

以下是4个更引人注目的设计元素,让你的CTA需要关注:

  • 加粗你的CTA文本:这会让文字跳出来,促使观众阅读你的CTA按钮,使他们更有可能转换。

  • 让你的CTA按钮大到足以让人看到:这个按钮应该是潜在客户进入你页面时看到的主要特征。

  • 使用方向性线索引导观众到你的CTA(箭头,线,视线):这些类型的指示器是引导观众到CTA按钮的好方法,这样他们就可以很清楚地看到他们要转换到哪里。

  • 使您的CTA通过3D设计或下载箭头可点击:这为您的按钮提供了一个特殊的设计元素,可以从页面上的任何其他组件中完成唯一的设计元素。

下面的CTA按钮从Skype是完美的。这里有四件事让它变得很棒:

  • 绿色按钮与蓝色背景形成对比

  • 按钮是页面上的一个大功能

  • 白色按钮文本在绿色按钮的映衬下显得很突出

  • 按钮文本是粗体,易于阅读


图像


2.把你的CTA放在显眼的地方在登录页面上放置CTA按钮也是一个需要考虑的关键设计方面。它需要放在一个显眼的地方,每个人都能看到。它应该是用户在页面上最先看到的内容之一,浏览者不需要花很多精力去寻找。

一般来说lead-generating登陆页面你要把你的CTA放在页面右侧的“折叠上方”。“Above the fold”的意思是定位你的CTA,使它可以看到潜在的线索,而不是向下滚动。这使得CTA按钮成为观众到达时的一个关键功能。看到你的CTA立即告诉潜在的领导整个重点和主题的登陆页。

3.你的CTA出现的时间一种先进的呼叫行动技术是使用带有延迟CTA的嵌入式视频登录页面。这意味着在你的登陆页面上放置一个视频作为吸引观众的主要元素,并抓住他们的全部注意力。大约20-30秒后,设置您的着陆页面,以便您的CTA和铅捕获表单出现。这给了你的潜在领导机会看你的视频的一部分没有任何其他干扰页面。一旦他们理解了你的产品,CTA按钮的晚出现将使他们更倾向于转换。

下面的登录页面是一个很好的例子,它可以为页面的各个元素计时。在看了20秒的视频后,铅捕获表格和CTA出现在页面的右侧。这允许浏览者在被问及任何信息之前,预览他们将在登陆页转换指南中收到的信息类型。CTA和铅捕获形式的延迟到来使它们更加明显,潜在的铅更有可能转化。


图像


4.定义动作通过您的CTA按钮文本在设计CTA按钮时,关键是要让按钮文本实际描述查看者通过点击和转换所做的事情。你永远不应该有一个写着“提交”的按钮,因为它不能传达查看者通过点击按钮将得到什么。一个Hubspot的研究看看超过40,000多页的“提交”,因为CTA副本发现这些页面实际上具有比具有不同副本的页面较低的转换率。

CTA按钮文本的一些很好的例子包括:

  • 现在开始我的免费试用

  • 让我的电子书

  • 立即下载我的副本

你的按钮副本越明确,转化率就越高。

5.避免常见的CTA设计错误在设计CTA按钮时,有一些常见的错误需要避免。一些例子包括为背景和CTA按钮使用类似的颜色,使按钮成为页面上的一个小功能,并使用模糊的按钮文本,如“提交”。

下面的着陆页是一个糟糕的CTA按钮的例子。这个登录页面有佩里沃罗斯度假村的诱人图片,但即使在浏览页面几秒钟后,也很难在右下角找到CTA按钮。相反,该公司应该在页面上方有一个大的“Book Now”按钮,带有粗体字和对比色的按钮。


图像


最佳实践#5:明确你的利益,否则潜在的风险会导致你转向其他地方


潜在客户需要知道你的产品如何满足他们的需求。他们到底能从这段关系中得到什么?以清晰、简单的方式呈现好处,让他们对更多信息充满好奇。

最好把这些好处列出来,或者写个小广告。这可以让潜在客户轻松浏览,看看这是否是他们需要的正确产品。下面的登陆页面是一个很好的例子,它包含了4个好处,它们明显地相互脱颖而出。


图像


小心不要用他们无法理解的语言或术语来压倒客户。棘手的任务是给他们足够的信息,让他们对你所提供的内容有所了解,但要足够简短和甜蜜,易于理解。

一些福利项目的例子包括:

  • 立即省钱!从今天开始,获取我们的新_______并节省___/月

  • 通过减少花在___________上的时间来提高生产力

  • _________以最先进的技术,帮助您优化业务的效率和安全性。





着陆页面设计最佳练习#6:提供潜在的领导,单一动作采取


在创建登录页面时,目标是提供具有简单转换路径的潜在领导。我们需要提供只有一个动作的观众,他们可以采取转换。这意味着从CTA除外任何导航杆,页脚或外部链接。有多件事用于潜在的导致点击是一个大量的分心,并将减少实际单击CTA和转换的人数。

下面是一个设计不佳的登陆页面的例子,它没有删除任何链接,这使得很难说出页面的实际目标是什么。是在邮件列表上注册,在线预订,还是订购礼品卡?如果你想要看到自己的转化率,请确保你所提供的潜在线索只有一个点击点。

图像

登陆页面设计最佳实践#7:使用粗体标题,让潜在客户更容易略读


标题和副标题对你至关重要着陆页当它们吸引潜在的引线时进行设计。然而,营销人员也应该记住在整个页面中使用粗体标题来解释额外的好处或卖点。将信息分解成小的、易于理解的部分,每个部分讨论一个一致的主题。用小的部分和有逻辑的标题,你的页面会更吸引人,更容易浏览。

在你的登录页面的底部,你还应该包括一个大胆的声明,重申你的价值主张。这份最后宣言应包括一项行动呼吁。这是你说服潜在客户他们需要你的产品的最后机会。下面的Wishpond登录页面可以看到一个例子。潜在的引导者被给予最后的陈述和最后的转变机会。


图像


有组织的、易于阅读的信息显示是获取线索的关键。你的页面设计必须易于浏览和理解,以便你的转化率飙升。


最佳实践#8:创建一个简短的潜在客户捕获表单,以防止高跳出率


作为一个访问者,没有什么比一个过于复杂的线索捕获表单更令人沮丧或畏惧的了。在设计登陆页面时,对于潜在的潜在客户来说,填写潜在客户捕获表单是一项简单的任务,这一点至关重要。如果没有,他们肯定会在完成转换之前退出。

其实是最近的一次HUBSPOT研究他们分析了4万多个登陆页面,发现当文本输入字段从4个减少到3个时,转化率提高了近一半。研究还发现下拉菜单字段的数量与转化率之间存在很强的负相关关系。

下面的图片展示了铅捕获形式的一个很好的例子。Shopify只要求3个字段,这对创建在线商店至关重要,仅此而已。


图像


当创建你的注册表单时,记住你的主要目标。只向潜在的领导询问实现你目标的必要信息。你要求潜在客户填写的字段越多,你经历的下降就越多。





结论


你的着陆页面设计与页面本身的实际内容一样重要,甚至更重要。潜在客户需要能够轻松地阅读页面并理解你试图传达的信息。

着陆页的例子以上8种最佳设计实践将为你的观众提供一个简短的、信息丰富的、视觉上吸引人的品牌一瞥,从而带来更高的转化率。

然而,每个登陆页面都有改进的空间。A/B测试是确保你拥有适当设计的最佳方法,能够推动潜在客户在销售渠道中进一步发展。

要进一步阅读这个主题,请务必查看以下文章:

登陆页面:转化率设计背后的科学

3个网页设计登陆页面的例子评论

优化登陆页面转换的25个技巧

2014年4个最佳登陆页面(以及原因)

由Claire Grayston撰写




Baidu