惠州高端网页定制:构建高转换着陆页的10个UX技巧

2019.08.09 mf_web

66

在更广泛的意义上,登录页面是访问者“登陆”网站的网页。主页经常用作登录页面,但是任何其他页面都可以是登录页面。例如,如果您已从Google收到OnextraPixel来阅读此特定文章,那么在您的案例中,此文章页面是着陆页。惠州高端网页定制

在在线营销领域,设计师还可以创建特定的目标网页,以补充目标广告活动。此外,在过去几年中,许多品牌已经开始按照与目标着陆页相同的原则构建其主页。后一种做法尤其适用于单一产品品牌,例如网络和移动应用程序(仅举几个众所周知的例子:Telegram,WhatsApp,Evernote,Slack)。

目标网页的主要业务目标是转化率优化(CRO)。设计师可以使用许多最佳实践来提高转换率(让更多人注册,下载,购买等)。在本文中,我将向您展示10个UX设计技巧,其中包含可用于创建高转换目标网页的实际示例。

1.将您的主要业务目标转变为CTA

许多着陆页希望同时实现太多。然而,遭受重大信息过载的访客往往会感到困惑和离开。在开始设计目标网页之前,请仔细考虑您的头号业务目标。你想让人们下载你的应用吗?获得beta测试人员?推出新产品?增加您的简报注册?当您找到答案时,将主要业务目标转变为引人注目的号召性用语(CTA)。

例如,查看Cryptagon加密投资组合跟踪器的登录页面。您可以一眼就看出他们的主要业务目标 - 他们希望人们注册他们的应用程序。该消息在整个页面中保持一致,它们不会以任何不必要的信息分散访问者的注意力。

Cryptagon登陆页面

2.在标题中指定主要收益

如果您想创建一个高转换率的着陆页,那么精心编写的标题非常重要。一个好的标题是短暂的,引人注目的,有针对性的。登陆页面经常出现错误,标题从网站所有者的角度指定了产品的好处。但是,它应该是相反的方式。只有从用户的角度展示产品的优势时,标题才能将访问者转变为潜在客户。

例如,优步的登陆页面标题很精彩。它只包含两个单词,但捕获了服务的本质。“Get there”口号从一个强大的动作动词(“Get”)开始,它实际上呼吁游客采取行动。在标题下方,还有一个副标题加强了信息,并进一步说服观众尝试优步。

优步登陆页面

3.展示产品如何运作的内幕

很多人倾向于只相信自己的眼睛。以视觉方式展示产品的工作原理可以说服更多人考虑购买。如果您将插图用作英雄图像,则该方法特别有效。英雄图像,有时也称为标题图像,是位于折叠上方的全宽图像,用作标题的背景,有时是简短描述,以及号召性用语按钮。

PayPal信用卡读卡器的登陆页面以两种不同的方式同时显示产品的运行情况。在前台,您可以看到两个读卡器和PayPal应用程序的产品照片。在后台,有两个人,一个店主和一个客户,正在使用该产品。这两个图像相互支持,为观众提供安全感,使他们获得所需的所有信息。

PayPal商业登陆页面

4.使用异常布局

要使您的目标网页成功,您需要脱颖而出。有不同的方法可以实现这一点 - 使用不寻常的布局是最好的方法之一。自从诸如Bootstrap之类的前端框架出现以来,在网络上的各个地方都出现了盒式布局。因此,以不寻常的布局呈现信息可以使观众对您的产品更感兴趣。

Ascend Indiana招聘机构的登陆页面利用了这种方法。他们围绕徽标的放大版本安排文字内容,其中还包含与该机构活动相关的两张图片 - 一位性格开朗的求职者和来自印第安纳州的城市景观。也许,在登陆页面后,他们无法找到更好的方式立即吸引目标受众的目光。

登高印第安纳登陆页面

5.包括信誉良好品牌的标志

知名品牌的标识作为视觉提示,为无意识扫描页面的访问者提供足够的证据证明该产品是由值得信赖的公司制作的。不要只考虑客户或合作伙伴的徽标。如果您的产品或公司已在可靠的出版物中出现,请不要犹豫,添加“精选”部分。或者,如果您的产品以某种方式补充或增强了知名品牌,您还可以将其徽标添加到目标网页。

Platforma Web Wireframe Kit的登陆页面熟练使用其他公司的徽标来赢得访问者的信任。在产品图像的正下方,它们显示了他们在线框套件中使用的工具的徽标。所有品牌都是其观众所熟知的,例如Sketch,Photoshop或Adobe Illustrator。他们始终如一地在页面上使用徽标,例如他们也有一个令人印象深刻的“使用者”部分。

Plataforma登陆页面

6.使用唯一图形

独特的图形与不寻常的布局具有相同的用途。他们打算让页面脱颖而出,给观众留下持久的印象。如果您经常浏览网页,您会看到网页设计师使用独特图形的许多不同方式。手绘产品照片,自定义图标集,代表用户或创作者的精心设计的角色,甚至漫画。

我完成的登陆页面这个团队进度跟踪应用程序具有我见过的最好的图形之一。他们使用常见的“一个图标一个功能”设计解决方案,但手绘动物角色使插图百万分之一。在与应用程序的功能相对应的情况下绘制动物。例如,公鸡提供每日状态更新,马用蹄子标记文件等。

我做了这个着陆页

7.添加数据或统计

在网页上使用数字数据是我最近详细介绍的当前网页设计趋势。人们每天都被大量的信息轰炸,因此在过去的几年中,平均注意力范围大幅减少。通过可视化显示用户数据,通过设计数字/百分比或包括图表/图表,可以帮助您获得信任。

该Hotelchamp预订平台使用它的着陆页上这样的设计技术。这些数字都与潜在客户相关,因为它们显示了平台如何影响用户的业务。总而言之,页面上有四种不同的数字数据(酒店数量,国家数量,预订增长百分比,应用程序集成的预订引擎数量)。四是一个很好的数字,因为他们展示的数据足够有说服力,但这项技术仍然没有过头。

Hotelchamp Landing Page

8.轻松聊天和联系

如果您希望实现较高的转化率,您的目标网页也需要提供客户服务,以便访问者可以提出问题。无论您是向他们提供电子邮件表单,实时聊天气泡还是直接呼叫按钮,最重要的是联系人选项始终必须可见且易于使用。

在GoDaddy的SEO服务的登陆页面上,您可以看到该方法的优雅实现。粘贴标题中会出现“请求呼叫”按钮,因此当用户向下滚动页面时,它始终可用。此外,在右下角,还有一个使用对比色(紫色)的实时聊天图标。在整个时间内也可以看到实时聊天图标。为客户提供选择是一种很好的营销策略,表明他们的需求得到了真正的照顾。

GoDaddy SEO登陆页面

9.在页面底部重复CTA

在着陆页的不同位置重复号召性用语是众所周知的营销技术。带有标题,简短描述和可识别按钮的号召性用语应始终显示在首屏上方。许多设计师选择重复粘贴标题中的按钮,因为当用户向下滚动页面时它保持可见。但是,如果您有一个长滚动着陆页,那么在页面底部重复CTA可能更好。

在疯狂的鸡蛋热图工具,利用它的着陆页此转换的优化技术。在下面的屏幕截图中,您可以看到其页面底部。虽然输入字段中的占位符文本保持不变(“您的网站URL”),但按钮的标签会发生变化。在页面顶部,他们使用“Analyze”动作动词,而在底部他们切换到“Get Started”调用。

他们为什么这样做?在向下滚动之前单击顶部的CTA按钮的查看者属于与滚动整个页面以获取尽可能多的信息的查看者不同的用户组。因此,以不同的方式解决它们是有意义的。当您认为合理时,不要害怕(稍微)改变CTA的语气。

 

CrazyEgg登陆页面

10.使用突出的CTA按钮设计

要获得较高的目标网页转换率,您需要设计一个在整个页面上直观突出的号召性用语按钮。颜色,形状,位置,布局都很重要。没有通用的规则,但按钮必须与设计的其余部分很好地配合。

例如,Lumio书签管理器应用程序将其CTA按钮放在粘性标题的中间,该标题在整个用户会话中保持可见。按钮的椭圆形状与Lumio的徽标和圆形社交媒体图标完美协调。而且,由于黄色具有一定的阳光感,“Get Lumio”按钮成为整个页面上最引人注目的视觉元素。

Lumio Landing

了解有关着陆页设计的更多信息

了解如何构建高转换目标网页的原则只是掌握交易的第一步。看到很多例子,分析和理解其他设计师的工作同样重要。要增加您对目标网页设计的曝光度,请使用创意图片查看我们的平面着陆页和目标网页集。如果你有一个WordPress网站也不要错过我们的登陆页面插件比较。

惠州高端网页定制

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP