赞助商
立即赞助

学会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%!

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

相关文章

给予用户即时反馈是交互设计中十分重要的一个原则。它是关于系统如何即时有效地应对用户进行的操作的设计。当用户进行操作时...
按钮设计
前言 设计驱动已经成为 vivo 重要的产品和服务理念。作为设计师,这意味着我们在承接日常设计需求外,还要主动发现并解决产品...
交互设计
一、字体设计的价值 文字是图像记忆的一种衍生方式,人们为了简明地表达事情、物品、人物等情景画面,而演变出的简明的记载方...
产品设计规范
9月4日,Google 终于发布了Android 10的正式版本。此前的内测阶段它一直以 Android Q 的名字示人,无论是交互、使用体验的优...
Android 10
曾经有一位顾问,问亨利·福特(福特公司创始人),为什么他每年要付5万美元给一个每天大部分时间都把脚翘在办公桌上无所事事...
Eugen Eşanu
什么是等距图形?等距图形的发展历史?如何快速做出等距图形?这篇总结全都有了! 一. 等距是什么? 等距视图是指,绘制物体...
2.5D
微信的最近一次更新,小程序入口变浅了很多。最近使用的小程序,被放置在微信打开后初始页面的下拉菜单中,而且给的下拉栏空...
ui设计
每个公司都有着它的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师总能...
logo设计