设计一个最优的着陆页并不是一件非常容易的事。如果你想获得一个可观的转化率,那就更不简单。然而,对于以转化为核心的设计理念你懂得多少呢? 以转化为核心的设计(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,但如果你的页面背景是蓝色,那红色的按钮一定比蓝色更吸引人。
我们来看看下面这两个图例,左侧图片中的颜色对比如此极端,导致你很难不被其吸引,而相比之下,周围的区域显得很低调。而右图,在整个着陆页中使用一个单一颜色的不同色调,而除了那个呼之欲出的call-to-action。 记住:整个页面都是以你的转化目标为导向! 3) 视觉引导 视觉引导是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。 方向箭头 对于视觉引导来说,使用方向箭头的效果非常明显,因为它直观、一针见血。在访客到达着陆页的短暂时间内,能够直观的将访客聚焦在预期的区域内是非常成功的引导方式。这样的箭头其实是在告诉访客:你不用关心其他的内容,只要将注意力转移至我指向的位置区域就可以了! 上面是一个关于使用箭头的非常出彩的设计案例,被箭头指向的男人,用他的目光将你的注意力引导回到这个拿着箭头指示牌的人身上,最终你的目光会停留在箭头指示牌上,这样就轻而易举的吸引你去弄清楚指示牌上写的什么。 公路
使用公路的设计思路是以现实世界中寻找道路的方式来触发并引导我们的大脑思维进入所要陈述的事物。这个例子使用了一个长长的公路,引导你的视线直达照片上方的山崖。 在我们的潜意识中,道路是一种很明确的,毫无阻力的路径指引方法,所以我们自然而然的会接收这种引导。 LandingPage着陆页设计提示:
设计有趋向性的线条来将注意力吸引到call-to-action,三角形是最有活力的形状,它们自然的指引特性使他们成为特殊的设计工具,同理,箭头则是更天然的路径指引设计。 眼神暗示
作为人类的我们很自然地了解目光的意图和使用方法,无论它来自人类还是动物眼睛。让我们一起来看看下面的案例:
第一张图例中的猴子专心地注视着手中的香蕉,这时好奇心会迫使我们不得不寻着猴子的目光去一探究竟。第二张图:你会无法控制地像土狼一样往下看。 伴随着目光的移动,头也会一起移动。第二张图例中,你不但会好奇草里面有什么,而且会本能的朝着狼注视的位置看。因此,如果将你希望转化的目标设置在这个位置,到达的访客也同样会在这里聚焦视点。
第三张图例中,视觉引导的设计方法很奇妙,首先是右下角的麋鹿驱动你的目光,这个位置你可以设计主题或独特的营销策略,然后跟随着麋鹿的目光聚焦在从水上飞过的候鸟群上,在这里设置你的call-to-action。 婴儿和有吸引力的人物
图案也是设计非常重要的一个因素,因为它会在图片和你之间创建一种连接。当考虑到使用一些有刺激效果的图像时,婴儿和人们熟知的有影响力的人物是最有效的。而在这两者当中,最有说服力的则是婴儿的图案。研究表明,我们都会将call-to-action设置在婴儿脸部的位置。 在着陆页的人类元素设计中,有吸引力的女人也被证实是非常有说服力的。下面的图例显示了强有力的感觉互通产生的效果,你的主角吸引着你的注意力。这种目光接触是一个非常好的视觉引导方式,是延长访客在页面停留时间的好方法,为访客提供更多深入了解你的内容的时间。 4) 留白 留白,即是页面上包围在重要信息周围的空白区域。留白区域是什么颜色并不是很重要,而留白的作用是使用简单的颜色使得call-to-action的设计在周边区域中脱颖而出,并使访客的注意力可以专注在call-to-action上。 LandingPage着陆页设计提示:
在你的着陆页中设计必要的留白来使你的call-to-action脱颖而出是非常有必要的! 5) 紧迫和稀缺感 紧迫感(限时)和稀缺感(限量)是常见的心理动机,这种心理动机可以应用在很多设计中。 紧迫感 “立刻买”、“千万别错过了”我们经常听到这些话。 紧急声明是用来催促访客立刻作出购买决定。例如,Amazon和Ticketmaster都应用这种营销策略。 *Amazon:提交订单剩余时间* 我们都知道,Amazon亚马逊常用的营销策略就是给消费者制造压力,而其中一个就是“订购截止日期”的概念。也就是利用有限的剩余时间来鼓励消费者购买的策略。最早截止日期用在圣诞节,为了保证支付定义一个截止日期。亚马逊扩展了这种策略,把它应用在日常的订购中。这种方式适用于消费者生日也同样适用于每一天的销售中。 *Ticketmaster:购票剩余时间* Ticketmaster找到了另一种增加购票紧迫性的方法。一旦你选择好座位,你需要在一定的限制时间内完成购票交易,如果你错过了这次机会,其他人可以重新购买你选择了位置的票。而你在页面的右下角可以找到限制的时间。 稀缺性 利用稀缺的的心理动机,你需要让消费者产生必须在卖完之前立刻购买的心态。这种策略大大增加了消费者心中担心错过购买机会的心理。 *Expedia:剩余座位的个数* 购买飞机票对稀缺的概念是非常敏感的,因为随着起飞时间的临近,座位的数目迅速减少。
Expedia利用剩余席位作为心理触动点,促使消费者马上用信用卡订购机票。 他们用剩余座位数来做到这一点,但通常都是剩余数很少的时候才有效,例如只剩下3个席位,如下图: 6) 先试后买 在线下销售中常见的“先试后买”的例子如在超市中购买葡萄之前我们会偷偷的尝一下,我们都干过这种事。这已经被国际组织公认为一种可接受的盗窃,但有些人还会因此而感到内疚。
作为一个以转化为中心的营销者,你可以敞开心扉的让你的访客去试用你的产品,而不是担心客户的评价和职责。 下图的例子中,葡萄供应商乐于提供一些专供品尝的葡萄,以此向消费者展示对葡萄品质的信心。 提供预览 如果可以的话,为消费者提供你所售卖的商品的预览。例如提供个人资料可获得一本电子书,或是在着陆页中免费提供你的PDF的第一章内容,再或者选择一段内容节选作为博客放在页面上,为访客提供一个可下载电子书全文的call-to-action。但在到达页面的访客中,并一定都会对你的产品感兴趣,因此应该在所有访客中将对产品感兴趣的访客细分出来,而那部分并不打算购买你产品的客户并不一定是真正的潜客。 关于“先试后买”的策略,亚马逊是非常典型的案例,它会为访客提供在线试读的机会,使你在购买前能够预览书本的一部分内容。 消费者信任公开透明的产品 在消费者购买之前,要让你的产品被公开的审查,展现你的权威和可信任度。这会增加企业与消费者之间的信任度,同时也是提高转化率的关键因素。 7) 聚“众”效应 聚“众”效应是指行为相似所形成的一类特定人群,这类人群很容易出现“跟风”现象—我也要,我也要。这种效应的好处是可以真实的反应产品的可信度。例如下面这幅图,从商场门口的排队的现象来看,你一定也认为商场正在发生着什么让大家都感兴趣的好事,即使你并不知道到底是怎么回事。 LandingPage着陆页设计提示: 同样,你在着陆页的设计中应用这种方法,使访客感受到有些活动正在进行中。通过社会化的分享传播,在线研讨会的注册,或电子书限时下载,你也许可以争取到更多访客在页面停留的时间,加深访客对于你页面信息的印象。这种正面的评价也是建立信任感的重要因素,尤其评论是来源于在你的目标潜客当中比较众所周知的企业,他们的言论将在同行业内迅速传播,给企业带来更多正面的影响。
尽管如此,我们推荐的聚众评论如果使用不当反而会阻碍转化率的发展。 仰望天空的实验 1969年,在纽约市的街道上进行了这样一个实验:一位男士抬头仰望着天空。刚开始,人们毫无察觉的从他身边走过更不会留意他在做什么。然后,当有5个人加入一起抬头仰望着天空看看到底发生了什么事的时候,人群就开始不断的壮大,增加到18个人,甚至以4倍的速度增长。很显然的道理,这种聚“众”效应带来的作用力是非常强大的! 以上文中介绍着陆页的设计思路,都是提高转化率的关键因素。结合你的转化目标,在转化路径的不同截点,利用这些设计思路来刺激访客完成你想要的转化,使访客最终按照你设计的转化路径,走到终点,乖乖把money送到你手上!
|