您当前的位置是:首页 - 建站常识 - 正文

如何设计Call to Action行为召唤效果的按钮
发布日期:2015-4-29  浏览次数:1485次   优化北京网站建设  

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

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

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

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


Call to Action行为召唤的效果和方式


Call to Action行为召唤的效果和方式


在百货商场里,使用了“请试穿 Try Me”来召唤用户。


Call to Action行为召唤的效果和方式


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

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

这里先以按钮为例:

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

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

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

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


Call to Action行为召唤的效果和方式


2、使用高反差的颜色

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


Call to Action行为召唤的效果和方式


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

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


Call to Action行为召唤的效果和方式


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

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


Call to Action行为召唤的效果和方式


5、柔和行为词语

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

Call to Action行为召唤的效果和方式



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

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


Call to Action行为召唤的效果和方式


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

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


Call to Action行为召唤的效果和方式


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

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

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



上一篇:单色背景的艺术感
下一篇:新域名网站提高收录排名的方法
点击查看更多建站常识新闻   丨   点击返回上一页