设计一个最优的着陆页并不是一件非常容易的事。如果你想获得一个可观的转化率,那就更不简单。然而,对于以转化为核心的设计理念你懂得多少呢?
以转化为核心的设计(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) 视觉引导
视觉引导是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头丶公路路径以及视觉的冲击效果。
方向箭头
对于视觉引导来说,使用方向箭头的效果非常明显,因为它直观丶一针见血。在访客到达着陆页的短暂时间内,能够直观的将访客聚焦在预期的区域内是非常成功的引导方式。这样的箭头其实是在告诉访客:你不用关心其他的内容,只要将注意力转移至我指向的位置区域就可以了!
上面是一个关于使用箭头的非常出彩的设计案例,被箭头指向的男人,用他的目光将你的注意力引导回到这个拿着箭头指示牌的人身上,最终你的目光会停留在箭头指示牌上,这样就轻而易举的吸引你去弄清楚指示牌上写的什么。