赞助商
立即赞助

学会CTA 设计方法后,按钮的点击率高了49%!

产品设计3年前 (2021)发布 流光
2.7K 0 0

在绝大数人的眼里,互设计师的职责是对产品用户体验负责,毋庸疑这肯定是正确。交互设计师并不是个独立个体,我们既服务于用户又服务于团队,服务于品商业价值,提升转化率是交互设计中得考虑的重要一环。

那么如何能让用户按照我们期望使用品呢?我个结了个说法,叫做交互设计Call To Action。

一. 交互设计中的Call To Action

「Call To Action」本身是市场销里个要理论,翻译过来定义是「召唤用户去为」,需要注意是「Call」在这里能是「召唤」或「唤起」而不是「要求」。 召唤是指过设计让用户在不知不觉触发为,即为本身是用户本来存在需求,而让用户发起这个为过程是过设计影响。

互设计在行为设计学方面有一个与此非常契合的理论,就是著名的行为模型(Fogg’s Behavior Model)。

学会CTA 设计方法后,按钮的点击率高了49%!

模型简单来讲就是一个式:B=MAT。B(behavior)代表行为,M(motivation)代表动机也就是用户需求,A(ability)代表用户使用的门槛,T(trigger)代表触。也就是用户行为的产生需要用户需求为基础,需要证产品的易用,但是还不够,在个基础上我们还需要在产品中通设计触用户。

结合这两理论看都提到了影响用户行的重一点就触发,我所的交互设中的Call To Action也就通过设去触发用户行。

二. 如何进行Call To Action Design

交互设中如何行Call To Action设呢?我人认交互设中引导触发用户行的设并不只局限于某种交互样式,存于设的整流程,三环节不能忽略:注意力、传达、触发点。

学会CTA 设计方法后,按钮的点击率高了49%!

当我们希望引导用户某项特操作的时候,首先获得注意力使用户感知,其次通过传达使用户理解,用户理解的基础再去加入能够触发用户行的触发点。

在这三个环节中引导用户行为,能怎做呢?可以拆开来讲。

1. 注意力

吸引注意力

移动端界面阅读里用户的浏览速度非常速的,提高内的点击率,吸引用户注意交互设师不得不考虑的。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片自查查公积金

可以通过使用颜色、大、形状、增加标注等常规方式来吸引用户;可以使用动效果吸引用户;也可以通过第一人称对话或者直呼用户姓名的方式获取用户注。

引导注力

注力是可以通过计引导的,箭头,指向性的路径和视觉引导可以在不经间引导用户注计者希望被注的内容。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片来网络

例如,有一个著名的纸尿裤广告的实验,通过改变素材中婴的视线,就可把户的注意引导到产描述上,在设计中通过这样巧妙的引导,很有可带来极大好处。

合分配注意

吸引和引导注意是较简单的,但是交互设计师要注意的仅仅是吸引户注意,人的注意是有限的,而页面是一个相对复杂的整体,吸引户注意有时候可会带来负面效果,例如面的两个案例。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片来自络

图是个电商平台品列表页,案A过视觉排版饰创造出节奏感和层感使页更美观,是传统列表案B买数据却要比A高出17.1%。

图二是一个表单填写页面,页面的左是文字介绍,右是表单填写区域,方案A在表单附近加一个微笑的女以吸引用户注意到表单填写区域,而际情况是简单清晰的方案B转化率比方案A高出24%。

因此,产品列表页、任务流程页、订单结算页类型的页面,我们应当合理的分配用户注意力,试新方案的时候需谨慎,配合实际数据加以验证。

2. 传达

清晰直观

清晰直观是传达信息的一要求,我们应当做到文案精炼语言通俗,以最清晰直观的传达使用户快速理和忆产品内容,对用户的点击决定和回访是有帮助的。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图来自网络

我们看一简单的例子,一加入购车的按钮,用符组合文字的表达,点击率比只用icon的形式提高了15%;用纯文字表达时,按钮点击率比仅用icon高出49%之多,可见清晰直观的表达能很的影响。

契合需求、提炼用户痛点

信息传达的第二层求让用户产趣。撰写文案时,仅仅直观去描述产品不够的,我们比用户的远一层,去提炼用户的痛点,将用户与产品建立联系能打动用户。

学会CTA 设计方法后,按钮的点击率高了49%!

我们耳熟能详的王老吉凉茶广告词,如果仅仅描述产品本身降火的功能,只用户此时不火的实状况下,一般都难以产共鸣。但广告词用「怕火」描述的时候切中的却用户的理状态,怕火理的用户就很易与之产共鸣了。

在产品中也是一,例如查查公积金中的贷款产品,使用产品的使用景作为描述,希望用户即便在当下没有直贷款需求,也能通过景去记忆产品,当生活中发生类似需求景可以想产品。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片来查查公积金

3. 设置触发点

直觉触发

直觉出发顾思义指的通过图标、按钮、文案看似无关紧的小内,给用户直觉的触发。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片自简书、豆瓣

强化紧迫性稀性

增加紧迫性稀性,可以非常效的提升用户点击。由于赋予效应,人往往对将失去的事估过高,创造稀或者即将失去的感觉,就一极的行触发点。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片自淘宝、饿了么

例如,淘上的慢无,采用倒计和即将罄来给用户制造稀有性和急迫,触发用户进行购买行为。饿了上的红包会置短的有效期,触发用户的下行为。

奖励定

由于用户的逐利心理,置奖励是让用户发起行为好的触发点。这讲的奖励并不简指的是加入奖励的运营活动,而是使用在产品交互计,用来破僵局,提升用户点击,触发用户续行为的方法。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片来者荣耀

拿现在炙手可热的王者耀来举个例子,如铭获取这个模,这是一个户使金币和钻石抽取铭的一个功区,在这个入口的层级相对较深的情况,通过每天免一次的奖励设置,可成功的将户引导到这里,这个功的曝光,从而收益。再如每日跃,设置了进阶式的奖励制,使户为了得到奖励一步步按照产的引导触发行为。

结合场景

在特定场景户会产生特定的需求,抓住户在特定场景的需求,这本身就可算是一个极佳的触发点了,因为时机对了很多操作就会顺成章得多。

学会CTA 设计方法后,按钮的点击率高了49%!

△ 图片来自每日优、支付宝

举个最常见例子,现在很多品用户截图时,会根据品本身类型,弹出分享或提问快速入口,在用户截图情景下需要使用分享或提问概率很高,此在此时出现疑是个极好触发。

最总结来讲,互设计中通设计引导用户行为是贯穿整个产品内的,我们不应当局一个按钮、一个页面。当我们想要引导和影响用户行为时,互设计师应当设身处地的把自己当用户,思考用户所处的节,从我们希望用户做的行为出,在整个互流程内找到对用户最合理有效的引导方式。

欢迎关注微信公众:「 融360RUX」

学会CTA 设计方法后,按钮的点击率高了49%!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

接下来,恐怕要进入设计师最为忙碌的季节了!年底大量的工作需要完成,所以这次的设计圈干货合集当中,不仅汇集了一波最新的...
干货
不出意外,这应该是 2019 年最后一波设计师干货合集了!这一次,我们汇集了 27 款超级实用的设计工具,包括在 XD 中快速生成...
干货合集
最新的 Prototypr.io 的实用设计工具合集来了!这个月推荐了总计33款设计类的工具,涵盖了图库、素材合集、原型、样机、效率...
干货
随着移动互联网的不断发展,「以移动为中心」的理念和战略也不断渗透,互联网的「短、平、快」往往使设计师们无法长时间停下...
App设计
这篇文章来自于 Invision 出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富专家的...
UI
Google 开发了许多实用指标和工具,帮助衡量用户体验和质量,从而发掘优化点。一项名为 Web Vitals 的计划降低了学习成本,为...
用户体验
这是一个什么都在变快的时代。在互联网上,一切都开始动起来,短视频开始流行,而 Gif图早就已经像病毒一样占据了网络的每个...
gif动画
作为UX从业人员,我们的工作是代表用户发声,挖掘出用户的诉求和真实想法。为了做到这一点,我们不仅必须深入了解我们的用户...
产品设计