在预算范围内进行平面设计是一件令人生畏的事情,但以用户粘性和转化率为目标设计cta却从未如此简单。

对于资源有限的品牌来说,平面设计是一项艰巨的任务。当你的目标是通过可操作的、引人注目的图像资产获得转化率和用户粘性时,尤其如此。

没有专门的平面设计团队或机构来创建他们的行动号召的企业经常求助于免费的在线图形服务,比如Canva20万家公司和200万用户

当涉及到cta的图形时,营销人员通常会专注于视觉设计(颜色、字体和形状)和特定的图像及其含义(人和物体的图片、按钮和眼球流)。让我们仔细看看这些元素——我们将把副本、措辞和用词保存到第三部分。

视觉设计

当一个新用户登陆一个网站时,他们需要十分之一秒的时间来留下第一印象。有效的,引人注目的cta是抓住领先和阻止他们的区别。如果CTA的美学让观众失去兴趣,那么优秀的内容和SEO就会白白浪费。

颜色

kiss_metrics_color_meanings

图片来源:kissmetrics.com

在你的CTA中,访问者首先注意到的事情之一就是颜色——颜色会帮助你的观众看到你想让他们首先看到的东西。根据Kissmetrics,保持纯色方案提高80%的品牌认知度

转换没有“最好”的颜色,但某些颜色比其他颜色更好地传达层次,这取决于类别。

例如,红色可以表示“停!看这个按钮,”或者“注意!或者“热!”而这对进入是有帮助的tickets_celtics_cta_greenG用户的注意力与驾驶点击量有关,红色也有负面联想:严厉、愤怒、警示甚至不正确(想想数学考试的评分)。

绿色或橙色也是很受欢迎的CTA颜色,可以传达重要性、运动、财富和积极的信息。

也许比颜色的潜意识意义更重要的是你的用户能在多大程度上找到它。正确的颜色dropbox_cta_blue_brandingr将提醒人们注意CTA中最重要的部分-可操作按钮。

dwyane_wade_shoes_CTA_contrast

哪双鞋最显眼?许多时尚达人会认为,左边两张照片中的鞋子与衬衫元素有细微的颜色相似,与其他衣服很相配,同时又不与相邻的颜色相匹配。

将CTA按钮与标题或标志相匹配将有助于它脱颖而出,只要公司的品牌已经建立起来,CTA的设计足够简洁。例如,在购买凯尔特人球票时看到一个绿色的CTA,这在视觉上与页面顶部的品牌和标志相匹配,并利用了观众对球队广为人知的品牌颜色的认识。

同样,Dropbox使用蓝色按钮来连接蓝色标志,并保持极简主义、开放的设计,大部分是白色空间,使可识别的颜色更加突出。

形状

亚柯fibonaccispiralBrafton的客户策略总监Wilfred Hirst说:“有疑问时,使用斐波那契数列。黄金比例通常为制作简单的矩形CTA盒子和按钮提供了最吸引人的尺寸。”

这并不是说圆形和圆形按钮也不能很好地工作。事实上,史蒂夫·乔布斯是圆角矩形和正方形的早期支持者(在他生命的最后,他把圆角矩形和正方形纳入了应用程序的形状,甚至是实际的iPhone手机的形状。

比尔·阿特金森,他和史蒂夫·乔布斯一起工作,为QuickDraw添加了新的代码来绘制圆形和椭圆形。史蒂夫·乔布斯想要更多,而比尔提出了一个数学解决方案带圆角的矩形。

——PaulOlsyslager.com

这些形状对于产生用户粘性很有用,因为它们:

  • 巧妙地指向内,将注意力吸引到内容上,而矩形的角指向外。
  • 暗示柔和,而不是尖锐,许多读者潜意识里会做出更积极的反应。
  • 实际上,你的眼睛和大脑需要更少的成像能力,观众可以更快地看到它们。

文本bold_text_space_canva

CTA优化系列的下一部分将介绍CTA优化系列后续部分中的写作策略,但现在,我们将从图形化的角度讨论CTA文本。大尺寸、清晰、粗体的文字在你的图形中是最有效的,而像Canva这样的程序使这变得很容易。

通常情况下,最好去掉小字,除非是像“别担心-不需要信用卡”或“随时取消”这样能让人平静、减少焦虑的文字。

保持简单

CTA上的按钮越少越好,但如果你包含多个选项,强调其中一个选项的设计,以表明层次结构,最能吸引读者的眼球,或占用他们最多的时间。

白色或空白的空间是有帮助的。它使你的CTA中的选项脱颖而出。下面的例子利用了很好的空-图片是可伸缩的,视觉上干净和吸引人,并帮助用户更快地通过过程。CTA_Desk_clean

对象而且图形化的cta内容

现在我们已经控制了颜色、形状和图形设计,下一个挑战是创建更大的图形对象,以及设计人们如何与CTA交互。

使用自然流动

说英语的人从左到右,从上到下阅读。人们阅读文字时遵循的方向同样适用于图片,而图片恰好通常代表着时间的流逝。这就是为什么这张图显示的是体重减轻,而不是体重增加。people_weight_progress

当用户登陆一个网站时,他们通常研究的第一个点在这里表示:人们往哪里看

英语读者快速浏览页面,并使用类似Z的混合方法:z_eyes_newspaper

在页面上放置CTA的最佳位置在哪里?在折叠的中间上方,稍右的位置是吸引读者注意力的好地方。

对于CTA的内部设计,上面类似的方法可以帮助引导读者的眼睛看到最重要的部分;基本信息在顶部,从左到右,靠近中心的按钮,任何次要操作或附加部分在底部,从左到右。永远不要要求你的观众在这条路上后退。

当您在cta中包含对象或人员时,您可以优化它们的定位和设计,以便对观看者更有效,甚至可以控制它们如何与您的资产交互。如果你的CTA使用了人物的照片,他们的眼睛可以引导读者的眼睛朝特定的方向看,因为我们倾向于看其他人在看什么。看

baby_eye_leading_CTA

物体的角度和位置也会在潜意识中影响观看者。你更愿意用哪个杯子喝一口?

杯子

如果你是右撇子,你很可能会说右边的那个(如果你是左撇子,反之亦然),因为你的大脑更容易想象用惯用手抓住把手。

在选择正确的颜色、形状、图片、照片和字体之间,有很多因素可以促进用户通过你的CTA进行转换。对于没有内部图形团队或机构来支持其图形需求的品牌,最近免费在线软件的激增可以帮助缓解许多CTA图形需求。

请继续关注CTA优化迷你系列的下一篇文章,并查看我们的第一期文章,CTA优化第一部分:用户体验原则,你不能忘记.有关2016年营销的顶级平面设计趋势的信息,点击这里查看我们的文章

本·西尔弗曼是Brafton的市场营销作家。他的写作经历可以追溯到他在马萨诸塞大学阿默斯特分校为《马萨诸塞大学日报》评论音乐的时候。Ben加入Brafton时拥有古典和爵士行业的市场营销背景。不写作的时候,他会打鼓、弹吉他或打篮球。