Call to Action-行为召唤


  Call to Action

  这个里把它翻译为:行为召唤,或者说是用户行为号召。

  那么什么是行为召唤呢?先看下面的几个例子:

  在商场超市里,我们经常会看见一些新品上市,会推出免费试用以及低价促销的活动,用以刺激、吸引用户的购买行为。这就是行为召唤中的一种。


  下面两幅图为宜家商场里的产品销售模式,通过柔和而体贴的语言“请躺下试试”、“打开抽屉看看”来召唤用户的行为。用户在试用体验之后,才可能转化为你真正的客户。


  而在迪卡侬商场里,使用了“请试穿 Try Me”来召唤用户。


  在现实生活中,一个箭头、一个图标或者一句话,都可能召唤用户的一种行为。

  而在互联网中也会有同样的效果,它存在于按钮、链接文字、图标等等很多元素之中,正确合理的使用行为召唤,可以给你带来更高的转化率和收益。

  这里先以按钮为例:

  按钮,具有不同的形状和表现形式。如果一个按钮能够强迫或者激励用户采取行动,那么它就是一个有效的按钮。你的按钮点击的越多,就会获得越多的机会将用户变为客户。

  如何设计才能一个具有行为召唤能力的按钮呢?

  1、使用渐变、阴影、圆角让你的按钮看起来更加逼真

  渐变、阴影、圆角让你的按钮看起来像立体按钮,用户可以更好的感知并去按压。用户在现实生活中也需要经常按按钮,比如开关灯、开电脑、敲键盘等等。所以当用户看到这种立体感的按钮时,就知道如何去做了。


  下图看看付费频道的“用户登录”和“购买包月套餐”按钮、过于平面的设计,似乎并不易发现和认知,引发用户的点击欲望,它的行为召唤能力就会比较弱。


  2、使用高反差的颜色

  一个强迫或激励用户点击的按钮能够被立即识别、认出。然而容易识别的关键就是按钮的颜色和按钮上文本的颜色具有很高的反差和对比。


  下图是迅雷精简版下载,按钮上的“立即免费下载”和按钮背景都使用了深色的文字、对比不够强烈,使得按钮看起来并不是那么清爽。


  3、使按钮大些,但不要太大

  按钮和按钮的文字要适当的大些,以便更好的认识。但不宜过大,太大的按钮也会使用户从他的任务中分散。


  下图左侧为腾讯微博发布,右侧为新浪微博发布。


  4、使用有紧迫感和即时性的文字

  立即、立刻、现在、马上等具有紧迫感和即时性的文字,会更好的强迫用户行动。这些会给你的用户创建了一种紧张、兴奋、激动的感觉。情感在市场营销和设计上都扮演着一个很重要的角色。


  如下图中的应用,淘宝的立刻购买和迅雷的立即下载:


  5、柔和行为词语

  对于不是很了解的产品,用户在没有试用的情况下是不一定会购买的。很多网站在用户还没了解他的产品的时候,就在首页要求用户去购买它的产品。不要立刻把所有的赌注下在一个地方。在问用户是否购买前,使用柔和的行为词语并允许用户试用或浏览他的功能。


  如优酷院线的应用,用户可以“免费试看”,再决定是否要购买:


  6、增加功能可预见性(affordance)的箭头或图标

  增加一个可见性箭头,会感觉更像是一个动作。按钮上的箭头可以传达给用户,这个按钮将带他去另外一个地方。使用一个描述性的图标在按钮上,可以和行为相匹配,这样会感觉到我所点击的就是我想要得到的内容。


  如下图的qq开通会员按钮,向右的箭头传达给用户带你去开通会员;右侧京东商城购物时,将商品加入购物车按钮,按钮上图标和行为相匹配,更能很好的吸引和展示给用户当前的操作。


  7、增加鼠标移上去的效果

  当用户鼠标移动到按钮上出现视觉改变也能够激励用户点击。改变颜色的渐变是一个很好的方式。但是至少鼠标光标应该由通常的箭头变成手型。这是一个标准的光标,让用户知道它是可点击的,给用户更好的反馈。


  8、按钮放在第一屏分割线的上面和下面

  如果页面有滚动条,在第一屏分割线上面和下面出现按钮是一个很好的方式。绝大多数用花费大量的时间在第一屏分割线上,然而大多数用户会在分在浏览下文后结束。当用户在阅读下文后,无需滚动到第一屏,任然可以进行操作。

  如下链接的应用,在第一屏和网页的底部都出现操作按钮:

  https://www.mint.com/ (财务管理应用)

  http://inst.ag/ (Instagram 图片分享)

  链接 文字连接和按钮相似,不同在于缺少了背景的衬托,通过下划线来展示它的可点击性。在按钮上的行为召唤特性同样也适用于文字上,如下图点点网内容的底部链接“未完,继续阅读→”,通过文字和图标召唤用户继续阅读。


  用户的行为召唤还存在于很多元素及交互中,如iphone的滑动解锁,半遮盖效果等等。

  具有很强行为召唤的按钮、文字连接及动态的行为交互,还需要更多的思考,这里所讲的仅作为参考。此外,如果你想要做更多事情来增加你的按钮的转化率,可以使用A / B测试来测试你的按钮或连接的效果。

  文章来源:迅雷CUED

时间: 2023-09-26

Call to Action-行为召唤的相关文章

jsp-JSP页面中显示Action传入list

问题描述 JSP页面中显示Action传入list Action List list=newsdao.findall(); //执行dao方法 request.setAttribute("newslist", list); //保存到request方便前台调用 JSP**JSP** List newslist=(List)request.getAttribute("newslist"); // 取request里面的对象队列 if(newslist.size()!=

Struts2框架,表单请求到action出错,貌似找不到自定义action类中的方法。

问题描述 Struts2框架,表单请求到action出错,貌似找不到自定义action类中的方法. 关键代码如下: ${Msg.sendUser.username } 上面代码的意思是:把${Msg.sendUser}提交到action,赋值给 action类属性message的sendUser.(sendUser数据类型是User对象) 请求后提示找不到action中的自定义方法,但是我表单中的值换成下面 的,变成赋值给message的属性sendUser的属性username,就能成功. 是

JSP2个页面传值,单是页面,不借助其他的action这些!!!

问题描述 JSP2个页面传值,单是页面,不借助其他的action这些!!! 我现在要在第一个页面(1.jsp)中,传一个值到第二个页面(2.jsp),1.jsp 传值是在地址栏上传的,那么我现在想要在2.jsp页面中获取这个值,怎么做? 解决方案 request.geParameter("参数名") jsp获得get方式请求中文参数解决方法 解决方案二: 用el表达式 ${变量名}

android-Intent的Action与Category的区别

问题描述 Intent的Action与Category的区别 Action和Category都是用来描述要启动的目标组件的特征的,那么这两者有什么区别?为什么要分开设计这两者而不是只用其中一个就可以了? 解决方案 每一个通过 startActivity() 方法发出的隐式 Intent 都至少有一个 category,就是 "android.intent.category.DEFAULT",实际上android默认定义了几种Action对应到category中,CATEGORY_BRO

关于web验证码与action的问题

问题描述 关于web验证码与action的问题 一般来说,验证码校验前端后台都要检验一次.这才比较安全. 可是现在问题是这样的: 我有一个action是提供给自己业务系统调用,同时也提供给别的系统通过httpclient的方式调用. 在这个action里面,是需要做验证码校验的. 在我自己的业务系统,只要客户端浏览器用户输入后台生成的四位数验证码,连同其他要提交的 内容一并提交表单,到达action就能校验验证码. 可是,别的系统是通过httpclient调用我的action,他们怎么传验证码过

Strust2上传Xls文件 数据超过200条就找不到action

问题描述 Strust2上传Xls文件 数据超过200条就找不到action Strust2上传XLS文件的时候 文件中的数据超过200条就找不到action 我在本地限制了一下 但是到了服务器还是不找不到action package com.actions; import java.io.File; import java.io.FileInputStream; import java.io.InputStream; import java.sql.Connection; import jav

HBase in Action前三章笔记

最近接触HBase,看了HBase In Action的英文版.开始觉得还行,做了些笔记,但是后续看下去,越来越感觉到实战这本书比较偏使用上的细节,对于HBase的详细设计涉及得非常少.把前三章的一些笔记帖一下,后面几章内容不打算整理了,并不是说书内容不好. key-value存储,强一致性,多个RegionServer节点对client端是不暴露细节的 使用场景:典型的web-search, capture incremental data, ad. click stream, content

struts-urlrewrite 如何配置向特定action跳转并调用指定的函数

问题描述 urlrewrite 如何配置向特定action跳转并调用指定的函数 我设定一个rule /edit/(2[0-9]{3})$/essayAction.action?method=editEssay&id=$1 希望将http://127.0.0.1:8080/iBlog/essay/2000的请求 映射到:http://127.0.0.1:8080/iBlog//essayAction.action?method=editEssay&id=2000 结果错误提示我,没有excu

addactionerror-在jsp页面接收action中addActionError()的错误信息

问题描述 在jsp页面接收action中addActionError()的错误信息 struts.xml Login.jsp action.javapublic String execute() { if (!userService.isValidUser(userName)) { this.addActionError(""不存在此用户""); return INPUT; } }想要实现jsp页面点击按钮以alert()的方式弹出错误信息,请为各位大神该怎么实现