由- 尼尔科尔

如何创建高性能登录页设计

创建一个高度转换的登录页面设计可以对底线产生巨大的影响,因为它靠近转换漏斗的顶部。

为什么你的登陆页面设计糟糕?

您的登录页面设计的转换率是否低于6%?超过30%的访客会反弹吗?您的参与度指标是否很差?好,如果是这样的话,很可能你的页面正遭受着登陆页面设计中7个致命错误中的一个或多个。

登陆页面当然是访问者第一次登陆网站的任何页面,因此对于许多访问者来说,这就是主页。登陆页面会对你的转化率产生巨大的影响,因为它们接近漏斗的开始。如果你想对你的转化率产生影响,最好从这里开始,而不是从其他任何地方开始,因为你将有最多数量的游客受到影响。

什么是高登录页转换率?

Unbounce对潜在客户开发的登录页面转换率进行的基准测试研究表明,根据行业部门,转换率的差异很大。但当我们将登录页面转换率细分为四分位数时,每个部门之间也存在巨大差异。

未发布报告中的最佳和平均潜在客户转化率,2017年3月
图像来源: 转换基准报告-未发布,2017年3月

到目前为止,房地产的平均登录页面转换率最低(2.8%),而职业学习和职业培训的平均登录页面转换率最高(6%)。然而,一些人可能会感到震惊的是,最好的登陆页面和最差的登陆页面之间的巨大差异。最佳登录页面的转换率约为27%和25%。表现最差的登陆页面转换率低至1%。

想一想。对于最好的转换登陆页面来说,这是25到27倍。这可能是企业成功与失败之间的区别。这项研究只是确认了登陆页面设计的重要性,因为它可以对您的转化率和底线造成如此巨大的差异。所以,是什么导致某些登录页设计性能如此差?

登陆页面设计的8大致命罪:

阿什,SiteTuners首席执行官,在他那本了不起的书中概述了登陆页面设计的七个致命错误。登录页优化.我无法击败这一出色的名单,因此我在下面概述了如何解决每一个致命的罪,并添加了我自己的第八个罪。

1。不清楚的行动要求!

不明确或模棱两可的操作调用会在用户中造成混乱和沮丧,因为应该清楚单击的位置,而不需要考虑任何问题。页面的目标应与页面顶部的突出标题保持清晰,并且CTA应在清晰可见的、清晰可见的、在视觉上突出的块中清晰可见。页面的其余部分应该是清晰的,视觉上没有混乱。

为您的登录页面仔细选择“行动呼吁设计”,以便访问者轻松点击。

一个清晰的CTA应该描述下一步会发生什么,以及当用户到达下一页时他们能期望什么。CTA上的文本应填写“我想……”一句,因此您应避免“提交”或“继续”等通用副本。不要为主要CTA使用超链接,因为链接不太明显,用户希望主CTA是某种类型的按钮。

2。给游客太多的选择!

希克定律表示为用户提供的选项越多,他们做出决定的时间越长。这也意味着,当您增加对所显示操作的调用次数时,转换率可能会下降。其目的应该是通过引导访问者使用相关的CTA或所需的内容,帮助客户确定最符合其需求的内容。

图中显示了希克的选择量和做出决定的时间之间的规律关系。

为了有助于此过程,请确保避免页面混乱,尽量减少细节,将相关的选择分组到较少的类别中,并使用视觉提示将阅读副本的需求降至最低。

此主页来自快车快车缺乏清晰的CTA,为游客提供了太多的选择。页面显示广告,社交媒体图标,带有CTA和其他干扰用户的CTA的自动滑动条。星级也部分模糊了主导航,页面缺乏清晰的结构。很难知道从哪里开始浏览网页。

comms express主页有太多冲突的cta和分散注意力的内容
图像来源: comms-express.com网站

三。视觉干扰!

保持登录页面简单,并确保页面内容和页面外壳(页眉、导航和背景)。复杂的背景,动画和自动播放视频会自动吸引他们的眼球,并在用户旅程中的关键时刻骚扰用户。

通过将用户引导到“快乐的路径”来保持用户的关注点,该路径将用户引导到首选的转换操作。避免的其他视觉效果包括:

  • 黑色或饱和亮色的黑色和戏剧性的色彩主题,创造了一种黑暗和神秘的氛围,具有有限的吸引力。
  • 采用高对比度颜色的大字体,并通过使用边缘效果(如阴影和淡入淡出)来强调的华丽文本。
  • 视觉装饰和繁荣,如容器强调使用下降阴影和其他设计效果。充满复杂图案或图像的页面侧面会分散对操作调用所在页面主体的注意力。这些类型的元素分解了眼球流动,分散了用户的注意力。
  • 横幅广告或看起来像横幅的元素可以使你的注意力从你想要的转换行为中转移,给人的印象是你对广告收入比满足客户需求更感兴趣。
  • 进入弹出窗口可能是一个不受欢迎的惊喜,但有时他们也会阻止用户查看他们正在寻找的内容。

这个A/B测试显示了从登录页中消除混乱和干扰的好处。

在这个A/B测试中,一个有着非常突出的初级“免费加入”CTA的专用登录页面大大超过了现有主页。主页是大多数新访客的主要登录页面,但它遭受了多重CTA,令人分心的横幅和一般的杂乱。

专用登录页面记录了主CTA点击量上升了133%,这导致完成注册量上升了27%,年上升了9%。首次定期存款.

4。不信守承诺!

重要的是,登录页面的设计要符合人们对你的建议的期望和意图。例如,如果您在您的PPC广告或有机搜索条目中提到了一个报价,那么在登录页面上清楚、一致地显示该报价是很重要的。否则游客会感到焦虑,困惑和沮丧。

这个目标梯度效应这表明,人们更倾向于自己离目标有多近,而不是迄今为止取得了多大的进展。这意味着您应该指出访客离实现他们的目标有多近(例如在不到60秒的时间内注册)以增强他们的动力。

  • 使参观者感到他们正在朝着最终目标前进。
  • 创造高度的连续性和与上游经验的一致性至关重要。否则游客会感到迷茫,困惑和沮丧。

5。访客不识字,他们扫描网页。

如果没有清晰的视觉层次或组织流程来引导,人们会浏览网站并迅速迷路。很难扫描大的文本块,因此密集的SEO类型拷贝会损害您的登录页面设计并导致低转换率。为了帮助访问者扫描您的页面,请确保您的登录页面设计:

  • 使用简短的要点而不是句子
  • 使用清晰的页面标题和子标题
  • 使用倒金字塔结构,最重要的一份和最后一份
  • 无情地编辑以将内容控制在最低限度
  • 将支持文本(如报价条款和条件)放在支持页面或信息弹出窗口上。

这个斯波顿下面的主页使用要点来清楚地传达注册音乐下载服务的好处。它使用损失厌恶突出显示客户不注册高级服务而失去的功能。这种设计也打破了登陆页面必须短的神话。对于许多用户来说,订阅服务是一项重要的承诺,因此允许访问者探索免费服务和订阅服务的本质是很重要的。该设计还确保在任何单个屏幕上只有一个突出的CTA来帮助转换。

创建一个高度转换的登录页面会对底线产生巨大的影响,因为它靠近转换漏斗的顶部。
图像来源: SpfTiffycom

这个长格式的页面也设定了对Spotify的免费服务的期望,这样用户在注册有限的免费服务时就不太可能失望。这鼓励用户考虑订阅服务的好处,而不是让用户自动注册免费服务。

6。要求太多信息

社会规范和离线对话一样适用于太多的在线互动。重要的是我们尊重用户的隐私,并从互惠中获益,我们尽可能多地提供服务,尽可能少地要求回报。当我们在登录页上请求信息时,请确保您遵守这些准则(另请参见上的帖子表单设计最佳实践指南):

  • 有一个清晰的标题来解释对用户的好处
  • 必要时使用简洁的描述性标签和工具提示
  • 将输入字段组织成逻辑标记的子组
  • 只需询问将访问者带到用户旅程的下一步所必需的信息。
  • 删除所有可选字段并在稍后的过程中收集其他数据
  • 通过使用表单中的数据自动刷新CRM或个性化引擎,消除重复的数据输入。

当访问者使用移动电话时,将信息请求保持在最低限度的压力甚至更大。在这里天空扫描仪,机票比较网站,设法使所有输入字段和CTA在屏幕上保持可见,而无需用户滚动。

Skyscanner.net移动主页可以管理折叠上方的所有表单字段和CTA。
图像来源: 天空扫描仪

Skyscanner一年运行数千个A/B测试,因此页面流如何关注表单下的热门目的地(社会影响)很有趣。然而,在下一页,我们看到了关于服务好处的简短段落,以及有关其声誉的证据。登陆页设计结合了长格式设计,有效地利用了空白和简单的插图,以避免信息过载。

7。缺乏信任和信誉:

为了让人们对任何交易感到满意,双方必须建立一种信任水平,使他们能够在不怀疑对方的行为是自私的或可能对一方不利的情况下进行互动。我们必须将一些信任扩展到完全未知的人身上,以使小型和大型交易能够发生。

第一印象算作研究表明访问者在50毫秒内就形成了一个网站的印象。这意味着一个登录页面必须看起来是专业设计的,并且在几秒钟内清晰地传递关键信息以建立信任。对于您的登录页面设计,请遵循以下关键规则:

  • 在你的登陆页面设计中,对杂乱的内容要毫不留情。
  • 在页面上有一个清晰的组织结构,以最小化认知负荷。
  • 显示降低风险的工具(例如免费邮资,轻松或免费的回报和退款保证)以降低游客的焦虑。
  • 对于可能没有听说过您品牌的访客,请使用第三方验证(例如通过显示合作伙伴徽标或评论),因为这会将一些善意从其他人或组织转移到您的。
  • 第三方验证表明,知识渊博的专家或审核人员认为您拥有高质量的产品或服务。它为决策提供了捷径。

主题论坛.com登陆页面设计结合了名人的支持和强有力的客户评价来建立信任和信誉。该设计还通过提供多个CTA来满足不同购买阶段的游客。然而,它确保了主要的CTA——“今天开始”是最突出的。

themathsfactor.com手机登录页使用名人的支持和证词来建立信誉。
图像来源: 主题论坛.com

8。不了解您的市场决策风格:

在开始考虑构建登录页设计之前,考虑市场中的主要选择样式是很重要的。你说什么是决策风格?好,决策风格基于广泛的分析和研究(宾利Earls&O'Brien–2011年)为了理解关系,不同行为方式决策的异同。

数据中的模式表明,在许多市场中,买家的行为受到其他人所做的或我们认为他们所做的行为的强烈影响。这一点的特点是,人们遵循专家或趋势(例如最流行的)。在另一方面,有时我们会使用更为合理的决策风格。这两种不同的决策风格形成了横轴。

四象限决策风格图
图像来源: 复制,复制,复制-标记耳

横轴反映了我们必须从中选择的相似选项的数量。在轴的顶部,人们面临的相似选项相对较少,因此,如果他们拥有这样做的知识,他们可以做出判断。

但在另一个极端,人们面临着如此多的选择,以至于几乎不可能找到一种理想的产品或服务来满足他们的需求。在这里,人们必须根据猜测或受欢迎程度(即社会证明)。

你如何确定你的市场属于哪个象限?好,你需要研究你所在行业的特点。例如,如果您的市场遵循80:20规则(即长尾分布)一些大品牌占据了销售的最大份额,这往往反映出强烈的社会影响。当人们更加理性和独立地评价品牌时,你会期望看到更多类似规模的品牌。

自主决策和社会决策的人气分布形象
图像来源: 复制,复制,复制-标记耳

一旦你确定了你的市场定位的象限,你就可以制定对你的受众最有效的策略。

西北:

如果您的客户位于西北象限,您需要就您的产品或服务的真实或感知优势进行沟通。戴森的家用电器和奥迪汽车就是这种策略的例子。

西南:

西南象限更多的是让你的产品从人群中脱颖而出,因为有这么多类似的竞争对手。例如,这可能涉及使用名人代言或忠诚计划。保险和保险比较网站属于这个象限,因为大多数人没有时间或知识来了解可用的许多不同功能和选择之间的差异。

西南象限决策风格容易产生认知偏差。

在这个象限中,我们的选择主要是猜测。因此,认知偏差和确认偏差和损失厌恶等短线对这些市场尤其有影响。

东北镇:

如果您的客户主要在东北象限,那么他们倾向于遵循专家或权威的建议。因此,来自公认的专业用户或机构的认可或奖励可以成为游客建立信誉的强大动力。

在1990年代,当IBM仍然生产个人电脑时,有一句话说没有人因为购买IBM而被解雇。这反映了作为风险降低者的社会影响力的重要性,也反映了企业不希望被视为做出错误决策的愿望。因此,一些SaaS解决方案(如A/B测试软件)属于此象限。

东南:

位于东南象限是人气,所以社会证明是王道。这里的策略包括被视为流行的选择(例如显示您拥有的数千或数百万客户,显示大量的“喜欢”和分享,或显示来自知名出版物或网站的积极媒体评论。流行音乐,时尚和最新时尚(例如fidget spinners)属于此象限。受欢迎程度当然是易变的,因此这些市场的特点是极度波动。

主导风格:

这些象限当然是概括性的,因此,你可能会发现其他象限的一些策略也适用于你的市场。的确,有时你的市场可能会处于两个象限之间。然而,决策风格图的要点是让您考虑人们做出决策的主要方式,并专注于开发与大多数客户相关的营销策略。

每种决策风格的营销策略形象
图像来源: 复制,复制,由马克·厄尔斯复制

结论:

登录页设计对转换率至关重要,因此请务必小心设计。首先确定市场中的主要决策风格,因为这将帮助您为您的提议制定适当的营销策略。

如果可以,将您的新访问者发送到一个专门设计的、考虑到转换的专用登录页。这允许您消除仅针对现有客户的内容,这些内容通常与新潜在客户完全无关。它还使您能够将导航保持在最低限度,并将您的利益相关者数量减少到只负责收购的人。

  • 确保你有一个清晰和令人信服的行动要求,从页面中脱颖而出。
  • 限制您为访问者提供的选项数量,以简化选择。
  • 通过最小化的视觉美学设计,将视觉干扰降至最低
  • 展示访客如何接近实现他们的目标,并确保您符合上游的期望。
  • 使用要点和视觉提示使您的页面易于扫描。
  • 将对信息的请求保持在绝对最低限度,并确保访问者感觉他们得到了更好的交易。
  • 最后,确保您的设计和内容立即建立您的信誉和专业性。

如果你遵循登陆页面设计的这八条规则,你将在用户旅程中的关键一步提高参与度和转化率。大多数品牌都会花费大量资金将访问者吸引到他们的网站上,因此,您的登录页面必须符合目的并最大限度地提高转化率。

谢谢你阅读我的帖子,希望你觉得它有用。如果你喜欢这篇文章,请使用下面的社交媒体图标分享。

你可以看到我的全部这里是数字营销和优化工具箱.

浏览链接到我在一页上的所有文章请点击这里.

  • 作者简介:Neal提供数字营销优化咨询服务,并为等品牌工作。深网foxybingo.com.V.Y.CO.U.、partypoker.com和bgo.com。他使用各种技术,包括网络分析,人物角色,客户旅程分析和客户反馈,以提高网站的转化率。
现在就打电话给我!