用CCD概念设计抓住买家的眼球

(文/张俊老师)

 

设计一个最优的着陆页并不是一件非常容易的事。在前几篇文章中,我们给大家讲解了设计图片的创意,那么有了创意如果让你获得一个可观的转化率呢?其实并不是很容易、然而,对于以转化为核心的设计理念你懂得多少呢? 
着陆页的CTA学会了以后,那么我们来学习一下着陆页的CCD设计。

 

什么是CCD,转化成中文的意思就是 概念设计(CONCEPT DESIGN ,CCD的意图在于,通过使用有说服力的设计和心理诱因来引导访客完成一个具体的行动,来增加转化率。 

 

着陆页是CCD设计的核心。着陆页的设计元素会同电子邮件的设计保持一致,它的目的是使来到页面的访客能够有效的转化至目标路径的终点,走完整个转化路径。而在着陆页面上,我们可以收集到访客的浏览数据或在访客到达下一个页面之前获取你的产品和服务的细节信息。 
那么,该如何通过设计来说服访客完成你想要的转化目标呢?有很多设计元素,可以将访客的注意力牵引至你所期望产生互动的区域当中来,心理的诱导也能激发参与感。让我们来深入了解这两种类型的设计元素,使你设计的着陆页可以实现真正的转化。 
我们会从两个部分七个层次得来为大家说明。 

大家先看看下面这个图。 
 sc1

今天我们来讲讲第一大部分“设计元素”中的四个点 

 

(1)聚焦 

制造出隧道的视觉效果,这是一种比较典型的用来吸引访客眼球的方法。你可以考虑在着陆页中这样的视点上设置call-to-action。例如下面左侧这幅图,圆拱的建筑特征可以防止访客的视线停留在别的地方,而是被锁定在中间部位。右侧的图则是将你的注意力驱动至隧道的尽头。这也成为视觉聚焦效果,在现实生活中,无论是什么样的场景,你的眼睛肯定会优先选择聚焦点集中的一个场景,这样给你看起来的感觉就很不错,近视眼略过,因为近视眼摘下眼镜后一片模糊。 
 

xc2

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

sc3

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

颜色可以用来给访客制造一种情绪反应。例如橙色,可以使人产生一种积极的情绪,使用橙色作为call-to-action是个很不错的选择。下面分析了很多颜色给人们带来的心理暗示: 
sc
sc4

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

 

 

(3)方向提示 

方向提示也可以成为是“视觉引导”,是将访客视觉引导至着陆页上重点区域的一种指标。这可以帮助你将访客的目光引导至你期望的区域内,并且在到达着陆页后很快就能转化完成你的目标。这种视觉引导的类型包括方向箭头、公路路径以及视觉的冲击效果。 
作为方向提示,箭头是关于微妙的一拳打在脸上,这就是为什么他们的工作这么好。用这么短的时间您的网页上,视觉引导用户到预定的焦点是一个聪明的举动。箭头让你说,“忽略一切,并注意这个吧。” 

眼神暗示 

sc5
这种案例我们在平时购物的时候也可以找得到,再结合CTA会有意象不到的效果 。
 

sc6

通过这张照片中成龙大哥的表情可以让我产生一种感觉,就是用这台相机会使我大吃一惊,那么这是时候如果我有这样的念头了,我是不是会还不犹豫的往页面下面拖滚动条 .

sc7
 

当我看完之后,突然发现给我来了一句能打动我心的话,想要吗?那就立即购买吧,可能我就就会毫不犹豫地放入购物车了。(结合上一篇Html设置询盘链接,自己思考一下) 

 

 

(4)白色空间 
白色空间也称为(留白),即是页面上包围在重要信息周围的空白区域。留白区域是什么颜色并不是很重要,而留白的作用是使用简单的颜色使得call-to-action的设计在周边区域中脱颖而出,并使访客的注意力可以专注在call-to-action上。 

这种用的最多的就是主图了。简介,背景一片白,上面就只有产品图,然后再阐述买家利益 
sc8 

首先让我第一眼看到的是这台相机,然后背景一片纯色,然后让我看到了促销广告。 

分享了4个点,大家对了解了吗?CTA只是一小部分,想要达到一系列的效果还得把一系列的东西串联起来,就会发生很奇妙的效果,至于为什么没有效果,那肯定是少了某个环节,好好检查检查,自然能明白其中的原因,多总结,多分析。 

 

下一节,我们继续来学习《利用关联销售让你的询盘订单数倍翻》。

 

最新文章

发表评论