哪些属性描述了良好的着陆页体验 – 良好用户体验的提示 –

已发表: 2021-09-13

摘要哪些属性描述了良好的着陆页体验? 用户体验包括访问者与公司、其服务和产品交互的所有方面。 示范性用户体验的第一个要求是满足访问者在您网站上的确切需求,而不是复杂化。 用户体验旨在提供积极的体验,让用户忠于产品或品牌。 出于这个原因,最终用户体验是许多因素的总和,包括网站设计、导航、交易便利性,当然还有页面下载和渲染时间。

SVG+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

作者:马丁·格雷夫

12 分钟阅读

这篇文章是转化率优化的一部分

本文将涵盖以下内容

目录

  • 兑现你的承诺
  • 使用适当的配色方案
  • 消除干扰
  • 适当使用视频
  • 闪电般的页面加载时间
  • 为访问者轻松捕获数据字段
  • 避免非个人的错误信息
  • 给出要求提供个人信息的理由

作为您营销工作中最强大的焦点,您的网站访问者的体验肯定可以成就或破坏您的业务。 那么在当今快节奏的数字趋势中,您如何满足访问者的期望? 答案是——投资于卓越的用户体验。

用户体验是一个人在您的网站上的整体体验,以及使用它的方便程度或令人愉悦的程度。 这里的目标是让访问者尽可能简单地完成他们想要的事情。   

请记住:只有在满足客户需求的情况下,您才能实现所需的转换。

兑现你的承诺

您希望与访问者的意图保持一致。 您的前期消息传递需要符合用户的期望。 你不想让你的访客思考。 例如,访问者正在搜索“Solitaire Diamond Rings”,以下两个广告显示在搜索引擎中。

第一个搜索结果来自 Diamond Exchange。

Ads shown in the search engine

第二个搜索结果来自 Bevilles。

Solitaire Diamond Rings From Bevilles 1

两者都是非常好的广告,您会期望被传送到带有 Solitaire Diamond Rings 的页面。 Well Diamond Exchange 带您进入以下登录页面:

Solitaire Diamond Rings From Diamond Exchange Landing Page

它绝不表明访客已登上单钻戒指。 它只是展示了一堆镶有钻石的戒指,而不是访问者想要的。 另一方面, Bevilles将访问者带到以下登录页面:

Solitaire Diamond Rings From Bevilles Landing Page 1

有了这个登陆页面,访问者就知道他们已经登陆了正确的位置,因为登陆页面的标题栏上写着“Solitaire Diamond Rings”。 您希望确保您的目标网页能够提供用户想要的内容。

了解Bevilles 电子商务如何将转化率提高16%并将销售额提高30%

Bevilles case study

使用适当的配色方案

您的访问者会根据他们在视觉上感到满意的内容做出反应。 不管你怎么想,在你的网站上加入太多颜色总是一个坏主意。 相反,使用微妙的颜色。 理想情况下,您品牌颜色的 2-3 种主色调是很好的开端。 您希望在整个网站中使用一种原色作为主要行动号召 (CTA)。 任何次要 CTA 都应该是您的主要 CTA 的微妙版本,所有其他 CTA 应该是与您的主要 CTA 不竞争的颜色。

其着陆页上配色方案的一个糟糕例子是Oxford Seminars 以下是他们第一次接触 SiteTuners 以改进其登陆页面时的登陆页面。

Color Schemes Oxford Seminars

他们的登陆页面是一个色彩万花筒,访问者不知道从哪里开始或找到他们正在寻找的东西。 进行改进后,您会注意到登录页面发生了巨大变化:

Color Schemes Oxford Seminars After Sitetuners E1631169012523

请注意,他们现在如何为主要的号召性用语按钮使用一种原色。 这训练访问者知道颜色是访问者应该按的。 访问者立即知道他们接下来需要做什么。 明智地使用配色方案来突出页面上的特定区域。

消除干扰 

当访问者登陆您的页面时关注哪些属性描述了良好的登陆页面体验很重要,但同样重要的是要避免让访问者感到困惑的分心。 远离:

  • 过度使用颜色
  • 不正确的视觉强调
  • 旋转横幅
  • 闪光动画
  • 条目流行音乐
  • 突然弹出窗口等

请记住,少即是多。 您希望访问者专注于着陆页中最重要的元素,特别是 CTA。

下面是一个非常分散注意力的着陆页,其中包含多个 CTA 和过度使用的颜色。 左侧边栏分散了整个页面的注意力并使访问者感到困惑。

Heller Consultants Landing Page With Multiple CTAs 1

来到 SiteTuners 之后,进行了以下更改,其中只有 1 个主要 CTA,并且从页面中删除了左侧边栏。 这是一个更干净的外观和转换得非常好,比以前的登陆页面好得多。

Heller Consultants Landing Page After Fixing CTAs 1

适当使用视频

2021年,人​​均每天会花100分钟观看在线视频。 如果您将网站上的视频用作演示或展示现有客户的推荐信,请确保您遵循所有视频的标准指南。

永远不要自动启动视频。 它们会分散注意力,可能会惹恼访客。 您想让访问者控制何时以及是否要开始播放视频。 你应该用简短的描述和视频的持续时间来标记视频。 允许访问者决定是否要观看视频。

例如,Heller Tax Grievance 在其登录页面上显示一个视频,其标题解释了视频的内容以及视频的时长。 这允许访问者决定是否要观看视频。

Heller Tax Grievcance Shows A Video 1

闪电般的页面加载时间 

相信我们,无论您的目标网页多么好,加载缓慢的页面都会让您的访问者离开并转向您的竞争对手。 人们珍惜时间,并受到即时满足的影响。 确保充分优化您的网站以吸引更多潜在客户。

Page Experience And Core Web Vitals A Quick Guide For CRO And SEO 1

您了解最新的 Google 算法吗?

了解 Google 的 Core Web Vitals

为访问者轻松捕获数据字段

不仅仅是让访问者浏览您精心设计的网站,您的目标是让访问者真正注册、订阅电子邮件或单击购买按钮。 如果您希望他们采取这些行动,请确保该过程对他们来说尽可能简单。 以下是您应该在清单上列出的一些内容:

  • 用星号 (*) 标记所有必填字段。 清楚地表明所有标有星号的字段都是必填项。 告诉他们您为什么需要此信息也很有用。
  • 当您需要输入日期时,请清楚地说明您需要的格式(例如:mm/dd/yy)。 为了使它更容易,您可以提供带有下拉菜单的各个框以输入日、月和年。
  • 当您需要地址时,请为国家、城市、州/省等设置单独的字段。尽可能使用下拉菜单。 这样,打字错误的机会就更少了。 它还可以避免访问者输入过多。

如果您发送了一封带有折扣代码的电子邮件或短信以及指向您网站的链接,最好让他们在点击电子邮件或文本中的链接时自动填写优惠券代码。 这比让他们在访问网站时手动重新输入优惠券代码更方便。

您错过了我们的网络研讨会吗?

Google Page Experience Update Is Your Site Ready Webinar On Demand

避免非个人的错误信息 

想象一下,一旦你欢迎朋友到你家,你会如何对待他们。 这类似于您对待网站访问者的方式。 像对待客人一样对待您的访客并逐步引导他们。 即使您使访问者输入信息变得非常容易,也有一些人在填写表格时会出错。

您要做的最后一件事就是为此责备他们。 避免只显示发生错误的非个人消息,并且对于解释错误以及如何修复它不是很有帮助。

这是在错误消息中使用幽默的一个很好的例子。 访客知道他们做错了什么,Mailchimp 让他们知道幽默是什么。

Username Already Exist

这是另一个轻视情况并让访问者知道他们错过了一些字段的示例。

This Field Is Required

这些知名网站的一个共同点是,即使在访问者犯了错误之后,它们也会提供友好、乐于助人的语气。 这些示例中唯一推荐的项目是为错误消息使用不同的颜色。 红色是负面的,您不希望访问者感到愚蠢。 更好的颜色是黄色,谨慎起见,你犯了一个错误。

让访问者感到轻松的第一步是在他们犯错时像人一样与他们交谈,而不是与计算机交谈。 最简单的方法是不依赖程序员为您编写错误消息。
问自己一个问题,哪些属性描述了良好的着陆页体验,并尝试将您的网站作为访问者登陆您的页面。

给出要求提供个人信息的理由 

您的访问者对在线分享他们的个人信息持怀疑态度是可以理解的。 你的工作是让他们感到安全,相信你这些机密细节。 为此,请提前说明您将如何使用他们的个人信息。

这里有一些很好的例子来解释你为什么要求他们的个人信息。

让他们知道,他们的电子邮件将用于在他们购买后发送收据和跟踪信息。

Reason To Collect Personal Info Tracking By Email 1

让他们知道您需要他们的电话号码,以防出现计费问题。 这样他们就知道您无意向他们发送垃圾邮件或将他们的电话号码出售给其他公司。

Reason To Collect Personal Info Billing 1

这是潜在客户生成表格的示例。 这只是一个友好的通知,让访问者知道他们计划如何使用他们的信息。

Email To Recive Your Email Confirmation Png

您会使用他们的电子邮件地址向他们发送收据或确认吗? 不管是什么,如果他们要信任您的个人信息,请确保他们确切知道他们要注册的内容。

结论

用户体验就是在客户意识到他们需要多少之前就关心他们的需求。 关键是让他们在您的页面上的浏览体验变得轻松,以便访问者完成他们的意图。 希望本文对描述良好登录页面体验的属性有所帮助。 您打算在下一个目标网页中加入哪些提示?

与转换专家交谈

给我们 30 分钟,我们将向您展示我们如何帮助您取得更好的结果

立即安排我的通话
立即安排我的通话