如何设计可转换的登录页面 _登录页面

本文概述

1.陈述你的情况
2.以行动带头
3.给他们一个他们不能拒绝的提议
4.减少摩擦
5.移动优先
6.避免过多信息
7.开始对话
如何设计高转换目标网页

“ 你永远不会有第二次机会留下深刻的印象。”
虽然吸引人们访问网站很重要, 但企业真正想要的是一次转化。换句话说, 吸引那些对公司的独特价值主张足够感兴趣的善变的访客, 以注册, 订阅, 保持最新, 与朋友分享并成为忠实的客户。
在这种情况下, 目标网页设计师的主要目标是通过给人留下深刻的第一印象来创建高转化率的目标网页, 而他们只需不到7秒的时间就可以完成。
在为转换的登录页面开发访问者体验时, 登录页面设计人员通常会基于一系列注意事项采用不同的方法。他们必须仔细考虑行业和市场垂直度, 受众以及完成转换所需的最少信息。
以下是一些创新且成功的策略, 可以提高目标网页的转化率。

文章图片
Snipcart遵循着陆页转换的最佳做法, 将其保持整洁并切合实际。
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年, 移动和平板电脑的互联网使用量首次超过台式机。
Google搜索结果偏向于适合移动设备访问的网站, 这意味着首次访问者很可能在其手机上查看网站。如果登录页面和注册表单未在移动设备上正确显示, 则该网站可能会失去许多潜在的转化。
看起来似乎很明显, 但是直到今天, 仍然有太多的网站不适合移动设备使用。有时, 网站在移动设备上会看起来不错, 但是注册表单不够用。有时, 字段和按钮太小, 或者设计者选择了笨拙的输入法, 无法在移动设备上使用。

文章图片
移动着陆页注册表单(Pocket, EE, Hubspot)
在上面的移动着陆页注册表格上, 噪音很小, 标记清楚的字段很大并且易于点击。按钮清晰可见。在大多数这些移动表格设计中, 密码字段为用户提供了显示密码的选项, 这对于那些经常出现错字和断火的移动设备来说非常有用。
6.避免过多信息只要求裸机
所有着陆页设计人员都需要考虑的事项：企业让人们入门所需的最少信息是什么？
如果第一印象感觉像是一个讯问, 那么潜在的转换很可能会很快被吓跑。即使某些字段标记为可选, 要求过多的信息也会给访问者留下不尊重其隐私的印象。
例如, 梅西百货(Macy’ s)提出了太多问题, 无法注册。

文章图片
他们为什么需要知道访客的生日？他们可能想知道人们的年龄, 以便他们可以按人口细分。感觉就像是侵犯了人们的隐私, 因此访客很可能会放弃注册, 从而失去机会。有关年龄的信息可以稍后在帐户首选项中输入。
虽然TaskRabbit的目标网页在外观上很吸引人, 但其注册表格也有点过多。

文章图片
由于服务提供商是本地的, 所以邮政编码是有道理的, 但是为什么他们需要人们的名字和姓氏才能注册服务？每个额外的领域都很重要, 这给访问者的道路设置了障碍。
着陆页转换最佳做法建议设计人员仅要求最低限度的入门知识：电子邮件和密码。要求提供名字和姓氏以及邮政编码, 以便在入职过程中稍后使用。
相比之下, Blue Apron的餐包服务仅要求人们创建一个具有电子邮件地址和密码的帐户。简单快捷。他们甚至不要求提供姓名甚至邮政编码, 即使该服务并非在任何地方都可用, 这意味着人们放弃表格的可能性大大降低。

文章图片
7.开始对话具有按钮, 链接和表单的传统登录页面UI逐渐消失在最直观, 最自然的交互模式之一-对话之后。
聊天机器人和对话式UI的流行正在爆炸。根据Gartner的调查, 到2020年, 聊天机器人将为所有客户服务互动的85％提供动力。在许多情况下, 聊天机器人可将登陆页面的潜在客户每千次销售成本(CPL)降低48％, 并可能通过提高客户参与度而使潜在客户转化率翻倍。

文章图片
Landbot使用其他工具来吸引访问者访问其登陆页面。
常规的目标网页通常以吸引人的视觉效果, 动画, 突出的价值主张和精心放置的CTA吸引访问者, 通常后面是表格。另一方面, 聊天机器人可以立即吸引访问者, 可以提供更具个性化的服务, 并且可以提高访问次数, 因为它们可以生成并限定潜在客户。
如果操作正确, 则对话性着陆页用户界面会很有趣, 友好且乐于助人, 对于希望与潜在客户建立联系的企业来说可能会很好用。此策略对于旅行和保险提供商等服务行业可能有意义。通过询问一系列问题, 由AI驱动的登陆页面聊天机器人可以调整其响应, 并且由于速度至关重要, 因此请迅速将用户指向正确的方向。
但是, 即使是非常复杂的机器也仍然会像机器一样思考。如果执行不当, 聊天机器人可能会感到寒冷, 在最坏的情况下, 人们可能会感到不舒服而走开。最好记住, 访问者是人类, 他们可能会提出超出预先设定的答案的问题, 或者可能会将聊天机器人无法立即识别的语法框起来。
虽然并不是每个行业都适合, 但对话性着陆页有可能在更人性化的层面上吸引访问者。由于对话是有意义的关系的基础, 因此聊天机器人必须能够进行智能的双向对话。跨越式发展并正确进行对话登陆页面的初创公司将是真正的开拓者。

文章图片
办公空间查找器聊天机器人Kontor只需询问几个问题即可创建建议列表。
如何设计高转换目标网页那里有数百万个网站在争夺人们的注意力, 而且正如所讨论的, 设计师只有几秒钟的时间说服访问者注册产品或服务。着陆页设计师需要从战略上考虑如何以及何时邀请用户进行注册, 以及要求提供哪些信息以及在什么阶段进行。
人们通过探索和参与推动对最终承诺的投入, 对产品或服务产生兴趣。要设计可转换的目标网页, 最好使网站具有吸引力且轻松自如, 并且注册过程顺畅而愉快。通过遵循目标网页转换最佳实践, 设计人员可以开发高转换目标网页, 从而吸引更多的客户。
? ? ?
在srcmini设计博客上进一步阅读：