18511590867

7个提高着陆页转化率的设计技巧(上篇)

时间:2016-07-01

设计一个最优的着陆页并不是一件非常容易的事。如果你想获得一个可观的转化率,那就更不简单。然而,对于以转化为核心的设计理念你懂得多少呢?

以转化为核心的设计(CCD)是一门学科,专门针对为实现某个单一的业务目标的设计经验。它的意图在于,通过使用有说服力的设计和心理诱因来引导访客完成一个具体的行动,来增加转化率。

着陆页是CCD设计的核心。着陆页的设计元素会同电子邮件的设计保持一致,它的目的是使来到页面的访客能够有效的转化至目标路径的终点,走完整个转化路径。而在着陆页面上,我们可以收集到访客的浏览数据或在访客到达下一个页面之前获取你的产品和服务的细节信息。

那么,该如何通过设计来说服访客完成你想要的转化目标呢?有很多设计元素,可以将访客的注意力牵引至你所期望产生互动的区域当中来,心理的诱导也能激发参与感。让我们来深入了解这两种类型的设计元素,使你设计的着陆页可以实现真正的转化。

1聚焦

制造出隧道的视觉效果,这是一种比较典型的用来吸引访客眼球的方法。你可以考虑在着陆页中这样的视点上设置call-to-action

2对比色

使用对比色是一种简单的理念,整个光谱的颜色都是适用的,但是单色是最简单的的。

使你的call-to-action从周围的区域中脱颖而出,就是使它一眼就很容易被发现。假如你在白色的背景上设置了一些黑色或灰色的文字,这时使用黑色或白色的call-to-action都不能体现出对比度,因此你需要更丰富多彩的元素来突出call-to-action。但是,如果你除了一个非常简洁的设计之外没有太多的细节或文本,那么较大的黑色或白色按钮就会显得很突出。

颜色可以用来给访客制造一种情绪反应。例如橙色,可以使人产生一种积极的情绪,使用橙色作为call-to-action是个很不错的选择。

另一个重要因素是颜色的对比效果。这个方法是借用了空白区和对比度来显现不同之处。有人说call-to-action的颜色是无关紧要的,但其实这是对比色的问题带来的假象。举个例子,正常情况下,红色的call-to-action可能会输给蓝色的call-to-action,但如果你的页面背景是蓝色,那红色的按钮一定比蓝色更吸引人。

记住:整个页面都是以你的转化目标为导向!

3视觉引导

视觉引导是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。

方向箭头

对于视觉引导来说,使用方向箭头的效果非常明显,因为它直观、一针见血。在访客到达着陆页的短暂时间内,能够直观的将访客聚焦在预期的区域内是非常成功的引导方式。这样的箭头其实是在告诉访客:你不用关心其他的内容,只要将注意力转移至我指向的位置区域就可以了!

公路

使用公路的设计思路是以现实世界中寻找道路的方式来触发并引导我们的大脑思维进入所要陈述的事物。比如使用了一个长长的公路,引导你的视线直达照片上方的山崖。在我们的潜意识中,道路是一种很明确的,毫无阻力的路径指引方法,所以我们自然而然的会接收这种引导。

LandingPage着陆页设计提示:

设计有趋向性的线条来将注意力吸引到call-to-action,三角形是最有活力的形状,它们自然的指引特性使他们成为特殊的设计工具,同理,箭头则是更天然的路径指引设计。

眼神暗示

作为人类的我们很自然地了解目光的意图和使用方法,无论它来自人类还是动物眼睛。伴随着目光的移动,头也会一起移动。因此,如果将你希望转化的目标设置在这个位置,到达的访客也同样会在这里聚焦视点。

婴儿和有吸引力的人物

图案也是设计非常重要的一个因素,因为它会在图片和你之间创建一种连接。当考虑到使用一些有刺激效果的图像时,婴儿和人们熟知的有影响力的人物是最有效的。而在这两者当中,最有说服力的则是婴儿的图案。研究表明,我们都会将call-to-action设置在婴儿脸部的位置。

在着陆页的人类元素设计中,有吸引力的女人也被证实是非常有说服力的。强有力的感觉互通产生的效果,使你的主角吸引着你的注意力。这种目光接触是一个非常好的视觉引导方式,是延长访客在页面停留时间的好方法,为访客提供更多深入了解你的内容的时间。

在着陆页的设计当中除了设计因素外,心理因素的考虑也会为提高转化率带来意想不到的作用。

Copyright ©2007 - 2022 webthink.com.cn 网博思创网络技术(北京)有限公司 All Rights Reserved 京ICP备07017583号 百度统计