赞助商
立即赞助

如何设计落地页,才能获得更高的转化率?

交互设计3年前 (2021)发布 流光
3K 0 0

如果你想要转化更多的潜在客户或是增加销售额,那么你需要的是一个高转化率落地页 (Landing Page)。根据 Hubspot 的数据[1],拥有超过 30 个落地页的公司所获取的客户转化率,是少于 10 个落地页的公司的 7 倍。

如何设计落地页,才能获得更高的转化率?

△ Hubspot 关于落地页与用户流量的数据

落地页是独立的网页,专为特定的市场营销活动或搜索广告而设计。当用户点击搜索结果、电子邮件或广告中的链接时,落地页就是用户「落地」的地方。

与通常具有许多目标并鼓励探索的网页不同,落地页通常会引导用户完成明确的行为召唤 (Call to Action),例如购买、订阅资讯或是取得联络。

首页和落地页之间主要的区别

首先我们要明确首页(Homepage)与落地页之间的区别是什么。从 unbounce [2] 给出的示例图我们可以看到首页和落地页明显不同的布局,首页有许多链接,而落地页只有一个。

如何设计落地页,才能获得更高的转化率?

△ unbounce 对首页和落地页之间区别示例

首页通常会有许多潜在的干扰因素,落地页却非常聚焦。落地页上的链接越少,转化率就越高,这就是为什么专业营销人员总会使用落地页来作为其流量的目的地。

,何创落页引导户,借操控巧或灰策略 (Dark Pattern) 呢?键确焦、宣传、深思熟虑持续测验证。

开始设计之前,我们必须要有一个明确的焦点,即清晰地定义我们的价值主张 (Value Proposition)

清晰地定义我们的主张

当用户访问落地页时,你只有不到 8 秒的时间来吸引他们的注意力[3]。创建落地页的第一步,是明确这个页面是用来做什么的,并尽可能简明有效地传递这个信息。这个信息通常被称为「价值主张」。

我们可以通过一句话来向用户传递价值主张。这句话由两个部分组成:你能解决什么问题(或者提供什么服务)?你将如何做到?

例如 Skype 的价值主张是:

「Skype 可以让你轻松保持联系,通话、聊天和协作。」

概述它供,则。

如何设计落地页,才能获得更高的转化率?

△ Skype 供

但要注意,你的价值主张很容易变得毫无意义。例如「一流」、「友好」等修饰词是任何公司都可以拿来套用的。为了避免言之无物,审视一下你的价值主张的对立面是否依然能阐述有效的立场。例如,如果你的价值主张是:

「我们以合理的价格提供高质量的产品。」

那它的对立面将变得毫不可取:

「我们以天价提供劣质产品。」

言。

但如果你的价值主张是:

「我们向独具慧眼的买家提供手工产品。」

那它的对立面将同样有效:

「我们向大众市场提供工厂制造的产品。」

,必句。罗列够供优势并描述。

如何设计落地页,才能获得更高的转化率?

△ Pipedrive 罗列

表明了价值主张后,接下来就该考虑你的行为召唤 (Call to Action) 了。

明确你的行为召唤

每个落地页都需要明确的行为召唤:你希望用户做什么?

为了让你的落地页聚焦,提升用户操作的几率,你要克制住设置过多行为召唤的冲动。比如,引导用户在社交媒体上关注你的同时,也会分散他们完成主行为召唤的注意力。

通常设置一主一次两个行为召唤是合适的。当主行为召唤是「取得联络」或者「购买」时,次行为召唤就可以是「订阅资讯」,这为没有选择主行为召唤的用户提供了一个合适的备选。

次行为召唤的设计相对而言不用过于突出,可以展示在页面下方,甚至在退出页面时的浮层上。不过,部分用户对弹窗非常抵触,所以要谨慎使用弹窗。

如何设计落地页,才能获得更高的转化率?

△ 尽管弹窗有时候挺烦人的,这仍是个不错的在退出时唤起次行为召唤的弹窗应用案例

即使引导户召唤,仍避免素使失望。应况,需问题并决法,异议 (Objection Handling)。

理解用户异议

阻止户落页操?收取,或者担隐私问题?相竞,昂贵?

如果你不能轻松地罗列出用户可能提出的反对意见,你可能需要通过用研来找到答案。

不必担心这会花费很多精力,只需在落地页加上一个单问题调查即可。你可以在用户没有进行任何操作就离开网页时,向他们提出一个问题:

「决定离开了吗?请告诉我们不注册的原因吧,那将会很有帮助。」

你可以向用户列出一些可能的选项,或者让用户自行补充。

如何设计落地页,才能获得更高的转化率?

△ 单问题调查就可以帮你知道为什么用户不进行操作

旦,始决它。

理想情况下,这意味着你得消除障碍,例如提供免费送货或退款保证。如果无法消除,也要尽可能在页面的文案中有相应的反馈。对于异议,解决总是好过忽略的。

例如,麦当劳知道许多人声称他们的鸡肉来自禽类肉质较差的部位。麦当劳没有无视这些顾虑,而是直接通过他们的网站主动澄清。

如何设计落地页,才能获得更高的转化率?

△ 麦当劳直面用户的担忧

隐私安全就是一个很好的例子。人们在阅读隐私条例时不会担心相关问题,但在要提交邮件地址时就会开始有所顾虑。这就是为什么在用户录入表单时,展示数据保护和隐私安全很有必要。用户通常不会主动在你的网站上搜索答案,他们只会自觉联想到最坏的情况。

如何设计落地页,才能获得更高的转化率?

△ 将隐私条例与订阅资讯的表单紧密地排版在一起,这通常会增加转化率

价值主张、行为召唤、异议处理,完成了这些理性工作后,接下来该给用户带来更感性的一面了。

塑造你的个性

我们的行为经常取决于潜意识层面。根据发表在《行为与信息技术》杂志上的研究[4],人们在 50 毫秒内就对一个网站产生了初步印象。由于光环效应 (Halo Effectt),这些初始印象会一直持续。

换句,尽者系,塑印象。,,楚识传印象,确够。

1. 确传

创简短键词列表,此传希望户访问获印象。

有些关键词非常通用,比如你希望你的落地页能传达「可信赖的」。但大部分的关键词还得取决于你的受众和产品特点。

一旦有了关键词列表,设计师就会基于这些关键词去完成设计,下一步就是测试。

2. 测试你的设计风格

如果设计师提供了多个方案,那么简单的偏好测试就可以帮你做出选择。你可以询问用户哪种设计更「合适」。

如何设计落地页,才能获得更高的转化率?

△ 简单的偏好测试通常是确定最佳设计方案的最佳方法

如果只有一个设计方案,则可以进行语义差异调查 [5],让用户基于你的关键字对网站进行评级。

如何设计落地页,才能获得更高的转化率?

△ 通过调查可以确定设计是否使用户产生了正确的感知

当然,风格并不是设计的唯一考虑因素,视觉层级也得是清晰正确的。

创建你的视觉层级

为落地页建立清晰的视觉层级可以确保用户在正确的时机看到正确的信息,并且不会因无关或次要的内容而分心。

1. 在正确的时机回答正确的问题

首先,确保你在正确的页面位置向用户提供正确的信息。为此,你需要了解人们在看你的落地页时的思考过程。

,确,。测供参考,仍根据测。

通常来说,用户在查看落地页时会下意识地提出一系列问题。这些问题依次为:

  • 页供?()
  • 那对我有什么帮助?(优势)
  • 产品如何运作?(特点)
  • 为什么我要信任此页面?(社会认同)
  • 接下来我该怎么办?(行为召唤)

因此,页面的视觉层级在一定程度上能够映射用户提出的这些问题的顺序是至关重要的。

例如,典型的落地页层级可能如下所示:

如何设计落地页,才能获得更高的转化率?

一个落地页需要承载价值主张、优势、特点和社会认同。

页确结构序展示效视半,另挑战确户键屏幕素。

我们有多种方式来吸引用户的注意力,包括但不限于:

  • 
  • 颜色
  • 尺寸
  • 意象
  • 动画
  • 负空

不过,最有效的技巧可能是最小化页面上的其他干扰。

2. 简化你的界面

我们可以通过三个问题系统地检查落地页上的每个元素。

如何设计落地页,才能获得更高的转化率?

△ 简化落地页的过程

问题:否删除素?删除它,?否素认负担破坏?

如果不会,那最好将它删除。如果你觉得这个元素非常有价值无法删除,那么第二个问题是:我可以隐藏这个元素吗?我能不能把它放在子页面、标签下或者折叠面板中?

如何设计落地页,才能获得更高的转化率?

△ Vibecast 将次要内容收在了折叠面板内

这种方法适用于次要内容,尽管部分用户会想获得更多详细信息,大多数人是不会太感兴趣的。

最后,如果这个元素用户必须知晓、无法隐藏,那么,是否可以缩小这个元素呢?比如人们可能很想知道你的退货政策,但这个信息并没有你的产品功能或者优势那么重要。我们可以在视觉上进行适当的弱化,让它不过于抢眼。

通过这种简单的方法以及其他设计技巧,你可以创建有效的视觉层级来将用户的注意力吸引到最关键的屏幕元素上,例如行为召唤。但为了确保万无一失,你还要进行验证。

3. 测试你的视觉层级

幸运的是,有一种便捷的方法可以测试用户是否看到了必要的屏幕元素。这种方法叫「五秒测试」。

顾思义,测程户展示,秒钟户忆住素。

如何设计落地页,才能获得更高的转化率?

△ Usability Hub 供捷秒测

根据用户记住的内容以及他们回忆的顺序,你能更好地了解到页面层级对吸引注意力到最重要的元素上的有效性。

在设计出色的落地页时,即使是上线后,验证也至关重要。

监控、迭代和测试

没有团队可以在创建落地页时一步到位,总会有改进的余地。对于落地页上线后的打磨优化,测试是非常重要的一环。

一旦你的新落地页上线,必须使用类似 Hotjar 或 Fullstory 之类的用户行为监测工具仔细监控。这些工具可以让你观察页面上的用户行为,从而提出改进建议。

你可以使用 A/B 测试来对文案、图像和色彩进行较小的改进,较大的改动可以通过可用性测试来验证设计原型。

论采哪法,终形监控、迭测,将确任何落页效。

更多落地页技巧:

录:

  • [1]https://blog.hubspot.com/blog/tabid/6307/bid/15424/the-key-to-more-leads-create-more-targeted-conversion-opportunities-data.aspx
  • [2]https://unbounce.com/landing-page-articles/what-is-a-landing-page/
  • [3]https://informatix.com.au/blog/3-ways-to-captivate-your-audience/
  • [4]http://news.bbc.co.uk/2/hi/technology/4616700.stm  (打不开)
  • [5]https://www.surveygizmo.com/resources/blog/how-to-measure-attitudes-with-semantic-differential-questions/

欢迎关注作者的微信公众号:「阅文体验设计YUX」

如何设计落地页,才能获得更高的转化率?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家在便利店结账的时候,是否有注意到:结账区会放几个货架,货架上面会有口香糖,巧克力,糖果等一些商品,排队的时候我们...
心理学
平时的工作中,经常会遇到一些不舒服但是又说不上理由的交互问题。本文作者从争论的点出发,有理有据的说明这些问题,并给出...
App设计
UI 设计师在做需求的时候,经常会接到以提升点击率为目标的需求。 提升点击率,设计师朋友第一反应就是提升操作功能的视觉抢...
交互设计
什么是用户体验设计?有人说是可用性、易用性,有人说用户体验本质是实现商业价值,有人说是以用户为中心,解决用户需求问题...
Facebook 设计
这篇文章要为大家解析空白页的存在意义及设计技巧,希望对你有益。 一. 概念 空白页是什么? 空白页指的是当前页面内容为空...
加载设计
编者按:定价页面中,具体的设计细节其实对于用户购买和销售的转化有着直接的影响,怎样设计才会更有有效?今天这篇来自Proof...
定价策略
本文从「用户故事」的概念、准则、创建用户故事地图到建立用户故事卡的方法无一不包,帮你完整掌握「用户故事」这个知识点。 ...
体验地图
优惠券作为一种营销手段在现代生活中无处不在,除了在线下常见的街头小哥派发的传单优惠券,更多的是线上各个电商系统中存在...
交互