作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
布莉查宾
验证专家 在设计

Bree是一位充满激情的设计师和问题解决者,在web和原生移动应用程序的产品和ui设计方面拥有10多年的经验.

以前在

Investopedia
Share

“你没有第二次机会给人留下第一印象.”

虽然让人们访问网站很重要,但企业真正想要的是用户体验 转换. 换句话说, 抓住那些可能对公司独特的价值主张足够感兴趣的反复无常的访客, 订阅, 保持更新, 与朋友分享, 成为忠实的顾客.

既然如此, 登陆页面设计师的主要目标是通过给人留下深刻的第一印象来创造一个高转化率的登陆页面, 他们做到了 少于7秒 to do it.

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

以下是一些创新和成功的策略,以提高登录页面的转化率.

Snipcart着陆页转换设计

1. 陈述你的情况

卖更好的生活

公司通过各种营销手段说服人们访问他们的网站. 首先,他们解释他们独特的产品或服务如何使潜在用户受益. 演讲的前几行需要在情感上引起共鸣,从而引出一个可能解决访问者问题的方法, 而且要在7秒内完成.

例如, 而不是谈论他们的客户群规模或他们有多少承包商, 个人帮助和热情好客的服务 Alfred 用几句话告诉游客这项服务如何帮助他们找回空闲时间. 正确的语言会激发潜在客户设想产品如何改善他们的生活. 卖得很好.

转换的登陆页

投资创业 改善 是否有一个能向潜在客户展示一个令人信服的案例的登陆页面. 和谐的颜色, 微笑的人, 引人注目的副本, 独特的价值主张, 以及清晰的行动呼吁(CTA)都能帮助人们立即了解改善提供的服务.

高转化率登陆页

提供证明

另一种转化用户的方法是突出推荐.

As 尼尔·帕特尔 他解释道:“你不可能写出和客户一样好的文案. Why? 因为好的文案取决于内容来源,而不仅仅是风格和内容. 推荐书是引人注目的,因为它们向客户展示了如果她使用你的产品或服务,她将会体验到什么.”

奖状 帮助销售体验,访问者可以很容易地内化可能性.

登陆页转换最佳实践

说来访者的语言

为合适的观众营造合适的氛围也是至关重要的.

将语言和视觉设计与要传达给网站访问者的情感相匹配是很重要的, 无论是一种信任感还是与危险调情, 正式或友好, 坚忍的严肃或厚颜无耻.

为客户量身定制信息. 以下是两家私人飞机服务公司的语言和图像对比.

登陆页转换技巧

NetJets 目标是对奢华感兴趣的商务人士,这种感觉通常与私人航空旅行的想法有关. 另一方面, VistaJet 专注于富有的家庭,让它听起来像一个完全自然的适合他们的生活. The company’s offering is attempting to attract a core customer that fits a specific persona; hence, 登陆页的设计传达了一种情绪和风格,与目标市场的敏感性有关, 特定的需求, 和价值观.

维思达公务机正在使用着陆页转换最佳实践

2. 以行动引领

直接解决别人的问题

设计师需要问自己为什么人们会访问这个网站. 推动参观者的承诺是专注于产品的主要行动.

Airbnb的登陆页立即传达了它的内容——包括标题和下面的表单.

Airbnb高转化率登陆页面

设计师将重点放在Airbnb服务的基本要素上,这样人们就可以立即开始采取行动,升级他们的承诺.

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

这种设计可以同时帮助人们完成他们想要的行动(如果他们致力于阅读),或者激发他们“保存工作”的欲望(如果他们正在探索他们的选择)。.

招聘信息 是一样的. 而不是主要的CTA要求访问者“注册”,他们触及了人们所追求的核心, 哪个是“帮忙做家务”.”

招聘信息有一些最好的登陆页面转化率

First, 招聘信息通过信息引起情感共鸣,然后提供一个输入栏,询问人们需要什么帮助. 仅仅阅读这个问题就能促使人们考虑他们希望得到怎样的帮助,并邀请他们通过陈述自己的具体需求来探索. 这是即时约定.

3. 给他们一个他们无法拒绝的条件

提供折扣

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

分享他们的电子邮件地址对有些人来说是个敏感的问题,所以 登陆页设计师 你得让他们觉得值得. 这就是为什么许多公司为消费者提供诱人的交易,只要他们交出他们的电子邮件地址.

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

Take Brooklinen例如:. 它为第一次购物的游客提供免费送货服务. 在没有注册的情况下继续访问网站, 人们必须选择一个按钮,上面写着, “不,谢谢, 我想付运费.“还有谁愿意付运费?

最佳登陆页面转化率

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

另一种收集电子邮件地址的方法是提供免费内容, 比如电子书, 换取一个电子邮件地址.

UXPin 以各种主题的信息丰富的电子书而闻名. 他们免费赠送,以换取客户的电子邮件地址和一些宝贵的信息. 访问者想要有价值的信息,所以他们不介意提供他们的电子邮件地址来获得这些信息.

随后,UXPin可以向新订户发送电子邮件,以跟进其他诱人的优惠.

另一个使用免费电子书下载激励的高转化率登陆页面

4. 减少摩擦

保持网页表单简单

Many considerations can make or break a signup form; avoiding friction is one of them.

摩擦是任何阻碍人们前进的东西, 会造成混乱, 而且需要太多的认知工作. 这种设计也可能容易出错. The 最好的形式 包含有用的信息和清晰的标签, 它们使人们更容易快速消化信息.

人们经常会犯格式错误 内部验证; it’s the 设计师的 工作,使过程尽可能简单. 人们是否需要用额外的输入字段来确认他们的电子邮件和密码? 最好是让人们选择看到一个被屏蔽的密码.

Instapaper的注册表单简洁简洁,但并没有提醒访问者为什么要创建一个账户. 表单也缺少内联验证, 因此,人们必须在发现自己没有输入有效的电子邮件地址之前提交表单. 这种摩擦看似微不足道,但却会让注册用户付出代价.

登陆页转换技巧

恰恰相反, Pocket的注册表单简洁而诱人,并保持了价值主张的可见性. 表格很清楚, 内联验证可以让人们在提交表单之前知道他们是否犯了错误. 人们更愿意在过程中看到错误.

Pocket拥有最好的登陆页面转化率

5. 手机第一

我们已经听过无数次了:手机优先. 2016年,手机和平板电脑的互联网使用量首次超过了台式机.

谷歌搜索结果偏向 移动网站这意味着第一次访问网站的人很可能是通过手机访问网站的. 如果登陆页面和注册表单在移动设备上没有正确显示, 该网站可能会失去许多潜在的转换.

看起来很明显, 但即使在今天, 仍然有太多的网站不适合移动设备. 有时候,一个网站在移动设备上看起来不错,但注册表单却不尽如人意. 其他时间, 字段和按钮太小,或者设计师选择的输入方法在移动设备上使用起来很麻烦.

在移动设备上创建一个高转化率的登陆页面

在上面的手机登陆页面注册表单, 噪音最小,清晰标记的田地很大,很容易挖掘. 按钮是清晰和全宽的. 在大多数移动表单设计中, 密码字段为用户提供了显示密码的选项, 对于打字错误和误射是生活中不可避免的事实的移动设备来说,哪一种是优秀的.

6. 避免提供过多信息

只要求最低限度

所有登陆页面设计师都需要考虑的事情是:企业需要让人们入门的最少信息是什么?

如果第一印象感觉像是审问, 潜在的客户可能很快就会被吓跑. 即使有些字段被标记为可选, 询问太多的信息会给访问者留下隐私不被尊重的印象.

Macy’s例如,它问的问题太多,以至于无法注册.

糟糕的登陆页转换设计

为什么他们需要知道访客的生日? 他们可能想知道人们的年龄,这样他们就可以按人口统计学来划分他们. 这感觉像是侵犯了别人的隐私, 因此,访问者很可能会放弃注册,从而失去机会. 有关年龄的信息可以稍后在帐户首选项中输入.

虽然 招聘信息虽然登陆页面在视觉上很吸引人,但他们的注册表单也有点太多了.

糟糕的表单设计不会带来高转化率的登陆页

邮政编码是有意义的,因为服务提供商是本地的, 但是为什么他们需要人们的姓和名来注册这项服务呢? 每个额外的字段都很重要,这是在访问者的道路上设置路障.

登录页面转换最佳实践建议设计师只要求用户提供最基本的信息:电子邮件和密码. 询问姓名和邮政编码应该留到以后的入职过程中.

相比之下, 蓝色的围裙麦当劳的套餐服务只要求人们创建一个带有电子邮件地址和密码的账户. 简单快捷. 他们不需要姓名,甚至不需要邮政编码——尽管这项服务并不是在任何地方都可以使用——这意味着人们放弃这种形式的可能性要小得多.

转换的登陆页面提供了简单的注册

7. 开始对话

带有按钮的传统登陆页面ui, links, 而形式正逐渐消失在一种最直观、最自然的交互模式——“ 谈话.

聊天机器人和会话ui的受欢迎程度正在爆炸式增长. 据高德纳咨询公司(Gartner)称,到2020年,聊天机器人将为85%的客户服务互动提供动力. In 许多情况下, 聊天机器人将登陆页面的每线索成本(cpl)降低了48%,并有可能通过推动客户参与度将线索转化率提高一倍.

聊天机器人可以显著提高登陆页面的转化率

传统的登陆页面通常用引人注目的视觉效果吸引访问者, 动画, 突出的价值主张, 以及精心放置的cta,通常后面会有表格. Chatbots, 另一方面, 立即吸引访客, 能否提供更个性化的服务, 并多次提高转化率,因为它们可以产生并限定潜在客户.

如果处理得当, 会话登录页面ui感觉很有趣, friendly, 对于希望与潜在客户建立联系的企业来说,这是很有帮助的. 这种策略可能对服务行业有意义,比如旅游和保险提供商. 通过问一系列的问题, 一个由人工智能驱动的登陆页面聊天机器人可以定制它的回应, 因为速度是至关重要的, 快速为用户指明正确的方向.

然而,即使是非常复杂的机器仍然像机器一样思考. 如果执行不当, 聊天机器人能感觉到冷, 在最坏的情况下, 人们离开时可能会感到不舒服. 最好记住,访问者也是人,他们可能会有超出预设回答范围的问题, 或者他们可能会用聊天机器人无法立即识别的语法来构建它们.

但并不是每个行业都适用, 会话式登陆页有可能在更人性化的层面上吸引访问者. 因为谈话是有意义的关系的基石, 一个聊天机器人必须能够控制一个智能的, 双向的对话. 迈出这一步,把对话式登陆页做对的初创公司将是真正的开拓者.

Kontor是一个聊天机器人,可以提高登陆页面的转化率

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

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

人们通过探索和参与对产品或服务产生兴趣,从而推动他们最终的承诺. 设计可转换的着陆页, 最好是让网站吸引人,毫不费力, 注册过程无摩擦和愉快. 通过遵循登陆页面转换最佳实践, 设计师可以开发高转化率的登陆页面,这将带来更多的客户.

了解基本知识

  • 如何创建一个成功的登陆页面?

    当创建要转换的着陆页时,一种尺寸并不适合所有的页面. 但是高转化率的登陆页面通常都有一些典型的特征:引人注目的标题和副标题, 伟大的形象, 清晰的产品描述. 它是否满足了一种超越其明显作用的情感需求? 一个保证. 一个强有力的行动号召.

  • 你如何获得登陆页面的转换?

    一些登陆页面转换技巧包括:引人注目的标题. 社会证明(客户评价). 伟大的形象. 清楚地解释产品以及它将如何解决访问者的问题. 一个引人注目的行动呼吁,从页面中脱颖而出.

  • 登陆页的良好转化率是多少?

    登陆页的平均转化率在2左右.35%. 高转化率的登陆页面(前25%)的转化率为5.31%及以上,而前10%的转化率为11%.45%及以上.

  • 什么是登陆页转换?

    登陆页面转换是通过实现登陆页面转换的最佳实践, 访问者利用登陆页的报价,从而转化为线索.

  • 为什么你需要一个登陆页?

    大约68%的B2B企业使用登陆页. 遵循登陆页面最佳实践, 企业可以瞄准他们的受众, 流量, 改善搜索引擎优化, 建立自己的品牌, 获取访问者的信息, 并把它们转换成线索.

聘请Toptal这方面的专家.
Hire Now
布莉查宾

布莉查宾

验证专家 在设计

纽约,纽约,美国

2016年5月15日成为会员

作者简介

Bree是一位充满激情的设计师和问题解决者,在web和原生移动应用程序的产品和ui设计方面拥有10多年的经验.

作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前在

Investopedia

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

Toptal设计师

加入总冠军® 社区.