辛苦做的CTA行为召唤,反而降低失调的购买行为了转化率,为什么

如何在网页设计中更好的使用CTA(行为召唤)按钮?
“CTA(行为召唤)按钮”,每一个着陆页面的核心元素之一。在说服潜在客户采取下一步行动或与我们联系的过程中,“CTA按钮”起着核心作用。我们希望潜在客户采取的行动可以是,从注册到提交留言,购买产品或服务,下载资料,或者任何与我们的商业目标一致的请求。
很多因素都在影响一个成功的CTA按钮的创建,看看下面这些快速而有效的指南,它们会帮助你更好的将CTA按钮运用到当中。
一、为什么要使用CTA按钮?
1)网站主页作为一个经常访问的页面,它提供了一个巨大的机会来将流量驱动到一个特定的位置。在许多情况下,一个主页应该有一个以上的CTA按钮,以驱动不同的目标受众的不同的期望交互。
2)此外,一个网站应该在所有网页上都有统一的CTA按钮,以增加潜在客户深入访问网站页面的机会。
二、按钮文案设计问题
1)一个吸引潜在客户点击的CTA按钮必须是一个简短而有意义的短语,没有任何信息混乱。例如:“点击查看如何获取更多优惠”,这个短语信息量太多了。如果你的网站或广告清楚地解释了你所提供的内容,你所有的CTA按钮都必须是一致的,比如,“了解更多”。
2)许多网页设计师喜欢在他们的CTA按钮上增加一种紧迫感,用“快”、“今天”和“现在”这样的词。这些词汇的目的是希望潜在客户立即采取行动,并强化了按钮将会给他们带来好处的观念。
3)最重要的是,让你的潜在客户通过点击一个按钮来准确地知道他们将要实现的目标,无论它是“添加到购物车”,还是“免费下载”,确保他们在到达下一页时对页面内容充满期待。
4)一个CTA按钮如果没有清晰明确地告知用户,点击后会得到什么或者到达怎样的一个页面,这将会导致高。因为用户很厌倦这样继续访问内容的方式。
5)最后,(SEO)意识。为了让搜索引擎读取你的按钮,它们应该通过CSS3包含可读的文本,并添加关键词丰富的alt标记,避免使用简单的图像替换很重要。
三、大小和颜色
在我们现在这个信息密集的世界里,用户经常只是用很短的时间扫描网页内容,而不会花太多精力去阅读。如果他们在扫描过程中看到一些有价值的东西,他们会花额外的时间停下来阅读。这意味着我们必须强调我们希望用户注意的内容。你对行动的呼吁越大,用户就越有可能停下来了解你所提供的内容。
所以,你使用的应该是醒目和对比度极强的,确保你的CTA按钮看起来是可点击的。
四、放置位置
你在哪里放置CTA按钮是至关重要的。眼动研究表明,眼睛的路径倾向于从页面的左上方开始。它也是由简单的逻辑决定的。大部分用户喜欢开始从左到右,从上到下的浏览方式。这将是你最重要内容的最佳位置。
对CTA按钮的使用必须提醒的是,最好是将它放在页面折叠的上方,并确保按钮突出,在按钮周围进行留白,这使它附近的区域显得整洁并且醒目。这更有助于潜在客户与它产生交互行为。以驱动用户花时间更深入的访问你想让他们看到的内容。
「这样的网页设计干货,就不能在多点吗」
版权声明:本文系原创,如需转载,请。未经授权,转载必究。
扫码,一同进行思想碰撞,知晓更多设计干货
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。她把靴子这样穿,居然高出了10厘米,想不美都不行!
冬日里随处可见行走的,
但是降温从来不是邋遢的借口。
学会这样穿长靴,
拥有突破天际的细长腿不是梦!
▼苦口婆心跟你说要穿长靴你可能会不听,看看下面这张图,过膝长靴才是显高显腿长的必胜法宝啊朋友们!
pinpinlife
贴合腿部线条
▼如图,左右的长靴高度相同,但是由于左图靴筒肥大,则毫无美感。
▼选长靴首先要挑贴合腿部线条的,否则会有假肢即视感。如果腿并不细,肥大的靴筒则会让腿部显得更加粗壮。贴合腿部的效果就完全不一样了~
▼让双腿看起来更细长。
▼想要显腿长,不愿意穿高跟或低跟款?老实说,你还真是有点贪心呀。高跟款长靴不管怎么搭,都是逆天长腿~
▼散发出浓浓的女人味,想盖都盖不住。
pinpinlife
▼长靴因为本身已在膝盖以上的高度,所以选择较长的毛衣裙就刚刚好啦
▼如果你想特别点,可以像Leonie 一样再搭配一条伞裙,层次感立马显现~
▼搭配黑色波点衬衣,整个人都俏皮起来,如果觉得一身黑白比较沉闷,可以用鲜艳的小包提亮~
▼可以加一件中长款外套,御寒的同时让上身增添了重量感。
▼想要打造出精致感,可以搭配一件好看的披肩,名媛范儿十足,这样上街,回头率200%。
▼收口的裙摆,如包臀裙、针织裙,则让整体更显瘦。
▼加一条长围巾,可以让整个人显得更修长。
▼裙子外面加一件柔软的亮色针织毛衣也很美哦~
▼搭配短裙同样又Chic又显瘦。
▼冬天,皮质长靴和小皮裙更配哦~
▼下身搭配,上身配小西装和皮衣,干练帅气而不严肃。
▼一双黑色打底裤,把你的双腿拉到无限长,搭配一件宽松毛衣,简单又好看,围上一条同色系的围巾,立马比别人时尚几个度~
▼上身搭配宽松的卫衣,增添活泼可爱的年轻感。
▼穿长靴时想要显得腿长,一定要拉高腰线。像这样内搭太长,则会显得上身臃肿。
▼可以搭配腰带来凸显腰线。
▼外套上的绑带也能让你看起来更苗条,腰以下全是腿。
▼将上身的针织毛衣往上拉一些,拉高腰线,休闲感满分。
时尚不是跟风,而是生活态度,
给平淡的生活增添小乐趣,
给视觉更多美丽的冲击。
get这些搭配技巧,
您将要订阅:
110242位用户
女孩子的原创美文,创意图片,美好单品,兴趣小组。在这里,你可以阅读和你志趣相投的人的故事。
【上一篇】:
【下一篇】:
相关文章:
猜你喜欢:
用微信扫描二维码分享至好友/朋友圈如何让达内的设计拥有高转化率的配色?_合肥UI培训
如何让达内的设计拥有高转化率的配色?
发布:佚名
来源:网络
我们总期望自个的设计可以具有不错的转化率,但是高转化率并非一蹴即至,也没有一了百了的全能计划,一切都是要从根底上着手。今日聊聊要做高转化率的设计,应当具备哪些颜色上的基础知识~
对设计师而言,颜色是最强有力的东西之一,不一样的颜色可以引发用户不一样的心情和不一样的感触,这也是我们都熟知的工作。可假如你真的从零开始一个全新的设计项目就会发现,要拿出一套真实适合这个项目的配色计划是何其困难。
为此,合肥达内开始着手编撰这篇涵盖了基础颜色理论和UX设计的迅速参阅指南。这篇文章并非体系而齐备的颜色设计说明,它更接近于一份为UI和UX设计项目而准备的颜色运用概述。
色彩理论中涵盖了许多内容,但是其中最基本的还是通过对比、互补和感染实现色彩与用户的互动:
·互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
·对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
·色彩对于用户的情绪上的感染也是一个重要因素。
每次谈及色彩和配色,总是绕不过色轮。色轮上每一个色彩在对称的位置上都有一个与之“相反”的色。
色轮的功能不只是为你呈现出互补色。色轮以三原色(Primary Colors)红、黄和蓝为基础,两两混合创造出次色(Secondary
colors)橙色、绿色和紫色。在这六个不同的色彩的基础上,加入白色能够创造出不同的色调,加入黑色营造出色度的差异。
创造高效的配色方案
想要构建一套可行的配色方案,通常有三种可靠可行的配色方案:三元色(Tradic),近似色(Analogous)和复合色(Compound)。
三元色。这种配色方案是几种配色方案中最均衡的,在色轮上选取三个位置互成120度角的三种色彩,以它们的位置为端点能在色轮内画一个等边三角形。
复合色。色轮上相互对称位置上的色彩构成互补色,而两组相邻互补色构成的配色方案则为复合色。这两组色彩的强对比是吸引用户注意力的重要手段。
近似色。色轮上彼此相邻的色彩是类似色,它们能在色彩上营造出协调而连续的感觉。虽然这种配色不是那么好把控的,但是有诀窍,就是注意选取有感染力的色调作为核心,这样可以最大化利用整个方案。一套类似色的配色方案通常是在色轮的同一区域内选取色彩搭配而成。
当你在为文本进行色彩选取的时候,需知道文本和周围的色彩如何相互之间对比度低的话,用户是很难进行分辨的。当这种配色出现在移动端上之时,户外的炫光和屏幕本身的反光可能让这种情况更加严重。
色彩低对比度让用户的眼睛无法聚焦和分辨信息。
WC3 的网络内容可访问性指南
能帮你更好的解决网页中色彩和对比度的问题。这份指南中规定了对比度的最低标准,确保低视力的用户最起码能看清文本。根据WC3的规范,文本色彩和背景之间的对比度会根据光照强度分为1-21总计21个不同的级别。对于正文文本和图片文本之间,他们提出了如下的建议:
·较小的文本应当确保至少和背景之间有4.5:1的对比度比率
·较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:1
一旦你对配色作出了选取,那么用绝大多数的常用设备来验证这个配色的对比度是非常有必要的。测试结果和用户的实际体验是挂钩的,如果识别度有问题,那么应当作出适当调整。
色彩对转化率的影响
UI设计中,色彩搭配不仅仅是一种装饰,合理的设计能够对产品和业务产生直接的影响。色彩对于产品的转化率而言有着诸多影响,它作用于不同的UI控件,直接地影响着用户的交互和体验。而色彩对于转化率的影响,最值得一提的应该是行为召唤(CTA)按钮。
按钮通常牵涉到4件事情:位置,形状,文案和色彩。如果这四个因素在设计上都能良好的配合,那么这就是一个效果良好的CTA按钮了。在按钮的颜色选取和转换上的争议可能是世界范围内争吵的最多也是最常的一个问题了。有大量的A/B
测试的测试结果显示,CTA 按钮的色彩变化对于注册等交互行为有着重大的影响。HubSpot 曾经共享过一个著名的按钮颜色测试:
虽然大家都预测绿色的按钮效果会更好,但是红色的按钮实际效果比绿色按钮高了21%。
所以,同样的道理,这样的测试结果并不能覆盖所有的情况。并没有一种神奇的色彩能够应用于所有的网页和APP,实际的情况需要根据你的受众、基于测试来进行选取,看看用户会怎样决策。
对比度是关键
如果你想让用户点击某个东西,那么尽量让它脱颖而出。如果你的网站或者APP中使用了大量的蓝色,那么用户可能不会立刻注意到蓝色的按钮,就像浅色的背景下,浅色的按钮不会显眼。用户之所以会更倾向于CTA按钮也是因为它们对比更明显,会因为鼠标悬停、点击而发生状态改变,让人无法忽视。
合肥平面设计培训结语:对颜色的基础知识有完整而深化的了解,是做好页面和APP设计的主要先决条件。这些颜色理论是做好UI设计的主要柱石,提高的空间非常的大,怎样提高还是要取决于你的努力方向。不管你此时选择的颜色是什么,它们对于全体是一定会有影响的,从对比度、协调度和对用户情绪的感染力上,都有着直接的效果。
如果您想做深入的学习了解ui而本身知识储备不够的,欢迎关注达内微信公众平台或者登录官网,网站会每日推送您想要了解的ui技能干货,满足您工作学习的需要,提升您的ui技能。
在如今竞争日益激烈的互联网时代,众多的网络设备进入人们的日常生活,用户体验在其中扮演的角色越来越重要,新兴的UI设计师因此成为急需岗位之一。截止到目前,市场对于专业人才的需求逐步增大,高端人才极度缺乏,造成了UI设计师普遍高薪的局面,其就业空间也较为乐观。
这种设计该怎么发明呢,或许说有哪些特性我们能够学习呢?今日,就经典和现代设计的联系和疑问,合肥平面设计培训跟我们谈一下我的一些观点。
平面设计是怎么表达一个事物,而UI设计是怎么让用户非常好运用一个事物,表达层面令人费解则卡在了运用的第一步。曾有人吐槽:“不要用平面设计思想做UI”,但是很多UI设计师通常短少平面设计基本的认识。
如何快速选择或搭配颜色?今天合肥达内UI培训老师和大家介绍在界面中常用的三个方法,简单实用,附上大量的优秀实例,特别适合刚入门的色彩新手,学起来!
Copyright (C)
Tedu.cn All Rights Reserved 京ICP备号-56 版权所有
选择城市和中心
达内北京亦庄大学生实训基地
达内北京网络营销中心
达内北京会计中心用户体验&|&以用户为中心的转化率优化设计技巧
以用户为中心的设计是一种方法论,将焦点放在用户身上的一个广泛的过程框架。它不仅包括用户界面的设计,还包括用户研究等活动。其目的是创造一种产品,以满足用户的需求、欲望以及限制,而不是强迫用户去适应它。我认为这是提高转化率的最佳策略。
但关键的改进也可以通过直接修改用户界面来实现,按照以用户为中心的设计原则,我提供了一些可行的建议供你在(UX)设计中作为参考。
一、消除障碍
UX问题是转换过程中的障碍,应该被消除。他们通常属于这些类别:缺乏反馈、怀疑和用户疲劳。总体目标是将认知负荷最小化——即用户界面为了使用网站而产生的脑力劳动的数量。
让我们来看看用户体验设计中一些常见的问题,以及如何摆脱它们,以清除转换障碍。
1)视觉上的混乱
不帮助用户实现其目标以及您的业务目标的UI(用户界面)元素是无益的。它们是分散用户注意力的来源,需要额外的努力来区分它们以及有用的元素。
只显示在特定情况下需要的信息。避免颜色、图片、链接或版式不增加价值。并且记住,在元素之间进行留白处理。
太多的文本会使用户感到不适。遵循这些:
消除不必要的内容:使用最少的文本来传达你的信息。
易于阅读:对比度良好,字体足够大,短的文字行以及语句段落,并且在文本之间保有空间。
创造一个对话:用“你”来称呼你的用户,回答他们的问题,并避免使用行话。
内容说明:图片、插图和信息图表通常是传达信息的一种有效方式。
如果锚文本不清楚,用户可能会避免链接,因为他们不确定接下来会发生什么。
编写有意义的链接,表明用户将看到或得到什么。
使用动词来邀请用户的行为召唤。
形式是至关重要的。遵循这些:
减少用户疲劳:将用户填写的字段数量最小化。只问你真正需要的是什么(删除可选的字段)。每个额外的字段不仅增加了用户的视觉疲劳,并对转化率产生了负面影响。
给出反馈:在一个多步骤的表单中,清晰地标记每一个步骤,让用户从一开始就能洞察整个过程。当一个步骤完成时,用户可以立即得到进度反馈。
避免疑问:在下拉菜单中,答案选项应该包括所有的可能性,而不是强制的答案。如果需要,添加“其他”选项。
5)即时聊天
有时,用户在你的网站上执行任务时,会有疑问或需要立即的帮助,比如,填写表单。如果他们找不到解决方式,他们就会离开。实时聊天支持保存转换,防止用户共享负面评论,并及时发现以及进一步改进交互痛点。
6)移动体验
传统意义上来说,手机的转化率很低。了解不同的设备有不同的使用模式是很重要的。
在为手机设计时,关键是要始终简化内容。
减少文本的数量,并在用户界面上引入更多的留白处理。
简化表单和思考手势交互操作方式而不是纠结于图像像素。
删除或替换沉重的视觉元素以提高网站的速度。
二、更有说服力
1)视觉设计
你的视觉设计是你网站的第一印象,它对用户是否相信它的可信度有很大的影响。用户更有可能对一个有吸引力的网站或应用程序进行访问,并花更多的时间在上面。视觉提示可以被用来区分任务和将用户视线转移到正确的功能以及内容上。
注重专业的摄影和插图素材,巧妙的使用你的调色板和排版,并擅长使用留白空间。
2)价值主张
一个价值主张是关于你的产品或服务如何使你的用户受益的声明。
让你的价值主张清晰、具体、可见。让用户放心,他们在正确的网站上,你将兑现你的承诺。
3)CTA(行为召唤)
“CTA”(行为召唤)按钮的设计对转化率优化有很大的影响。你的目标是避免用户的疑虑,减少不畅的用户体验:
让它看起来像一个可点击的按钮,给它一个强调的颜色和大小。并在按钮周围创造留白空间。
CTA按钮用于操作。文本应该简短,并以一个动词开始。站在用户的角度思考动词具体表达,并清楚地说明如果用户点击它会得到什么。
在为移动设备设计时,不要简单地调整页面大小。让CTA按钮足够大,这样可以很容易地点击,并在它周围按比例添加更多的留白。
避免“横幅盲目”效应。确保CTA适合你网站的整体设计并出现在引起用户注意的位置。
避免选择过载,并优先考虑。如果你想要使用多个CTA按钮引导你的用户,分配优先级。确定哪一个是你的商业目标最重要的。
CTA的重要性也同样重要。保持一致、简单,避免分心。
以用户为中心的转换率优化设计不应该只关注孤立的元素。相反,它应该采取一种综合的方法来取得更好的结果。以用户为中心的设计原则为设计决策提供了信息,这些决策对于提高转化率和用户体验至关重要。
「有了这些干货,你的用户体验设计少走很多弯路」
版权声明:本文系原创,如需转载,请。未经授权,转载必究。
<img src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" real_src ="http://i-13.faiusr.com/4/ABUIABAEGAAgsdDozAUoxo_J7AEwrAI4rAI.png" WIDTH="300" HEIGHT="300" ALT=" " STYLE="vertical-align:"
TITLE="用户体验&|&以用户为中心的转化率优化设计技巧" />
扫码,一同进行思想碰撞,知晓更多设计干货
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。对CTA做A/B测试,帮你找到最契合你的业务、营销活动和目标市场的CTA设计方案。...
你在Facebook或其它什么地方做了一个你的网站的引导页,但是得到的转换率却不尽人意,这可能是你需要在“行为召唤”(CTA:Call-to-Action)上下功夫了。
当你问自己“引导页是什么”的时候,不要忘了,引导页是你获得业务机会的一个途径,想把用户对网页的访问变成销售机会,就必须要引导访问者点击一个按钮之类的,也就是说,要触发访问者做出一个“动作”。
“行为召唤CTA”就是你想要引导访问者做出的动作。无论你的引导页是想要增加销售,引入更多的邮件问询,还是发展客户关系,总之,你需要更高的转换率!
这里有7条改善CTA,提升转换率的最佳方法:
1. 视觉效果,亲!
你的CTA应该是浏览者登陆你的页面后第一眼看到的东西,毕竟你搭建引导页的目的就是为了驱动转换发生。你想要浏览者做的事情在视觉上越突出越清楚,就越能帮你获取来自目标市场的客户。
用对比色来设计CTA按钮。人类很自然的会被强烈变化的颜色吸引。这样的颜色组合会很吸引眼球,让你的潜在客户一下子就知道要在你的引导页上做什么。颜色的强烈对比也会让人下意识的感觉不舒服,想做点什么来缓解这种不适感。目前最流行的一组对比色是橘黄色的CTA按钮配以蓝色背景,这个组合非常夺目并且容易激发浏览者的点击动作。
有些专业的市场人员会坚持用公司品牌的色彩方案做CTA的观点。我在某种程度上同意整个观点,可以用品牌的颜色来做引导页,但在你的品牌色彩方案中应尽量选用对比度高的颜色。网上有非常多的选色工具,你可以利用他们为你的CTA寻找最合适的色彩方案。
Color Scheme Designer的色彩轮盘
用空白将浏览者的目光引导到你想要他们看到的地方。设计一个干净的引导页,有意识的利用空白来将浏览者的注意力引导到你的CTA上,不要用很多图片,冗长的收益列表和价值定位把你的引导页塞的满满的,而淹没了引导页本来的目的。
Wishpond’s的引导页工具提供了很多优化的模板,能让你的CTA在视觉上更加突出:
2. 触发动作的字眼
最棒的CTA能够触发非常迅速的反应。怎么做到的呢?那就是用简短,易懂,动作导向的字眼。
不管你喜不喜欢,事实就是大部分引导页的浏览者都是走马观花的。你用的字眼越简单,就越容易在浏览者中产生反应。
你的CTA用的动词越是动作导向,你激发的反应就越迅速。
下面是针对不同的引导页目的,分别举出的更能够激发CTA转换的例子:
生成销售机会:
建立业务关系:
我同样建议在引导页标题中也使用CTA中使用的动词,通过把你的引导页的目的突显清楚来强调你想要浏览者所做的动作。
如果你想得到更多提升引导页拷贝转换率的技巧,请阅读我最近的文章“你的引导页拷贝无法产生转换的21个原因, 敬请期待”。
3. 直接明了的展示Obvious Appeal
你的导航页和你的CTA都应该为你的客户心中的核心问题提供答案,这个问题就是“这样做对我有什么好处?”向客户强调如果点击了CTA他们的工作和生活将得到什么好处,不管点击CTA后是购买了一件产品,还是获得了一些内容,还是会定期收到你们的邮件,让客户明确的知道采取了行动,录入一些信息并提交了表格后,他们将得到好处。
通过用“你”、“我”这类拉近距离的称谓来显示出你所运营的业务是值得信任的,是处处为客户着想的。
为提高转换率,页面设计上应该尽量减少不顺畅的,会产生阻力的地方。在一个导航页上不要出现多个CTA。如果你有多个市场营销的目标,那就为每一个目标搭建一个单独的导航页,设置单独的转换机会。研究显示,具有30个以上导航页的公司会赢得7倍的转换率。
4. 大小也重要
如果你的引导页上有一个元素比其它元素个子都大,一般情况下它肯定会更引人注意。你希望你的CTA引起浏览者的注意,所以CTA按钮应该足够大!
但我也会很小心。我会让我的CTA按钮大到可以引人注意,但是不要太大以至于转移了浏览者阅读引导页上其它有价值的信息的注意力。你当然也不想你的CTA大到像要撞在浏览者的脸上,那样会显得你太渴望了,也会导致你的客户产生反感关闭页面!Neil Patel是做大尺寸CTAs (和CTA 弹出窗)最好的. Quick Sprout有一些很“厚脸皮”的技巧,在提升转换率上效果也不错,但是在你的业务还没有和客户达成信任之前,我不建议采用这些技巧。你觉得呢?
我强烈推荐包含4个部分的Paul Olyslager的CTA系列,里面包括“CTA按钮形状和大小”的内容,你可以从中获得更多CTA尺寸方面的技巧。
我们已经看到,有很多方法都可以突出你的CTA。请针对你的CTA做一些A/B测试,帮助你找到最契合你的业务,营销活动和目标市场的CTA按钮的尺寸。
5. 位置,位置,位置
总体来说,人们浏览网页的目光的范围会遵循一个“F”的形状,从页面的左上角向页面的右下角移动。根据这个研究成果,最佳实践通常是将CTA放在不用翻页的第一幅页面的右下角。Sprout Social提供的“F”形目光热图举例
如果你只是刚开始做引导页,我建议你就遵循最佳实践,但针对特定的营销活动,需要通过测试来摸索出最佳的CTA位置。
然而,最新的目光追踪研究显示,最佳实践的这个右下角位置并不总是产生最高转换率的位置。简单来说,最佳实践的建议是将CTA放在CTA转换率最高的地方,但是你需要通过测试找到能和你的整体页面设计有机结合的最佳的CTA位置。
把CTA放在第一屏,不用浏览者翻页就能看到,这也是无可辩驳的。但是,有些引导页专家也发现把CTA放在需要浏览者翻好几屏后的地方却能很大程度上提高转换率。这真的跟你所属的行业,你的报价,你的CTA请求的动作,以及很多其它的因素有关。
另外,人们浏览你的引导页的时候可能用的是手机,也有可能是平板电脑,也有可能是其它设备,在这些设备上,CTA是否在不用翻屏的地方对转换率的影响没有用桌面电脑浏览的影响大。
如果你没有时间和财力不停的做A/B测试来将你的引导页做的尽善尽美,或者优化页面的成本已经侵蚀他所能带来的利润,那就遵循标准的最佳实践,把CTA放在你的电脑显示器上不用翻页的第一屏的右下角位置。
6. 引导你的访客
整个引导页的设计都应该为实现转换服务。页面上有引导性的提示是带领访问者关注CTA的关键设计。引导性的提示可以是很微妙的设计(例如页面上一个人人脸的眼神所向),也可以直截了当(例如一个指向CTA的箭头)。
Sunsilk测试了用模特眼神作为引导性提示的微妙设计。在左图中,模特眼睛看着镜头,而在右图中,模特看着Sunsilk产品。人类有这样一个本能,就是目光会追逐别人的目光。Sunsilk选择了右图,很显然,这个微妙的引导性提示会提升转换率。
有很多方法可以帮助你在引导页上引导浏览者的目光。其中两个最受欢迎的引导性提示包括:
这是引导浏览者注意力的最简单直接的方法。你经常可以在各式各样的引导页上看到这样的箭头。使用强烈对比色设计箭头,给浏览者制造出一种需要立刻看一眼CTA感觉。
与箭头类似,一条线性的路径自然的能够引导人的视线。它能够触发我们大脑中的跟随的本能。你可以通过图片中收敛的线条,人的手指,甚至可以从图片库里挖出一张山间栈道的图片,来创造路径指向你的CTA。
IconDock 采用了一种更微妙的箭头和路径结合的方式,用一堆色彩丰富的图标来引导浏览者的视线,实现CTA转换。
让你的引导页设计专注于为提升转换率服务,浏览者的目光越多的落到你的CTA上,你得到的转换率就越高。
7. 这不是一夜情:吸引住你的访客
没什么比一个不靠谱的CTA更能拉低你的转换率了。
把你的导航页想象成一个约会的过程。第一次登陆的访客(就像那个可爱的人,你第一次与他/她约会)并不了解你,如果你不是先与之建立起较好的关系,而是一开始就过度强调“现在下单“,你肯定会被拒绝。你得慢慢来,展示你的优点,清楚明确的让对方知道你对他/她的好处是什么。
试想一下,如果你走进一家以前从没逛过的商店,而导购马上就让你买买买,然后就要你的信用卡,你肯定拔腿就离开商店。如果你的CTA显得销售过度或者不够专业,效果是一样的。
了解你的客户并且知道他们在你的销售漏斗的什么位置上。
有技巧的使用CTA,使导航页的效果最大化,制造一个机会,让访客去了解你的产品和服务,比如,给他们提供一些选项,诸如:
o免费试用产品30天
o免费获得内容
o订阅你的博客或业务通讯
一旦这些浏览者成为了潜在的客户,你在引导他们到你的订购页面“下单”。最后再评估一下效果。原文地址:http://blog.wishpond.com/post//7-landing-page-call-to-action-formulas-for-higher本文转载自:微信公众号:SaaS学堂
长按下方二维码,关注“吆喝科技”公众号——影响那些影响世界的APP。
(C)2015 吆喝科技 保留所有权利
AppAdhoc.com:吆喝科技开发的在线AB测试平台,用数据帮助开发者优化产品,是国内唯一同时支持前端(Web/H5、iOS、Android)及后端(Node.js、PHP、Java等)AB测试服务的专业Saas平台。
AppAdhoc优化平台能够帮助用户提高产品的设计、研发、运营和营销的效率,降低产品决策风险,同时也能够帮助用户用数据优化移动广告,让流量的变现价值更大。
微信扫一扫关注公众号
要回复文章请先或
微信扫一扫关注公众号}

我要回帖

更多关于 降低工作效率行为 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信