学会CTA 设计方法后,按钮的点击率高了49%!
在绝大多数人的眼里,交互设计师的职责是对产品用户体验负责,毋庸置疑这肯定是正确的。但交互设计师并不是一个独立的个体,我们既服务于用户又服务于团队,服务于产品的商业价值,提升转化率也是交互设计中不得不考虑的重要一环。
那么如何能让用户按照我们的期望使用产品呢?我个人总结了一个说法,叫做交互设计中的Call To Action。
一. 交互设计中的Call To Action
「Call To Action」本身是市场营销里的一个重要理论,翻译过来的定义是「召唤用户去行为」,需要注意的是「Call」在这里只能是「召唤」或「唤起」而不是「要求」。 召唤是指通过设计让用户在不知不觉中触发行为,即行为本身是用户本来就存在的需求,而让用户发起这个行为的过程是通过设计影响的。
交互设计在行为设计学方面有一个与此非常契合的理论,那就是著名的福格行为模型(Fogg’s Behavior Model)。
福格模型简单来讲就是一个公式:B=MAT。B(behavior)代表行为,M(motivation)代表动机也就是用户需求,A(ability)代表用户使用的门槛,T(trigger)代表触发。也就是用户行为的产生需要用户需求为基础,需要保证产品的易用性,但是这还不够,在这个基础上我们还需要在产品中通过设计触发用户。
结合这两个理论来看都提到了影响用户行为的重要一点就是触发,我所要说的交互设计中的Call To Action也就是通过设计去触发用户行为。
二. 如何进行Call To Action Design
交互设计中如何进行Call To Action设计呢?我个人认为交互设计中引导和触发用户行为的设计并不只是局限于某种交互样式,而是存在于设计的整个流程,有三个环节不能忽略:注意力、传达、触发点。
当我们希望引导用户做某项特定操作的时候,首先获得注意力使用户感知,其次是通过传达使用户理解,在用户理解的基础上再去加入能够触发用户行为的触发点。
在这三个环节中引导用户行为,我们能怎么做呢?我们可以拆开来讲。
1. 注意力
吸引注意力
移动端界面阅读里用户的浏览速度是非常快速的,要想提高内容的点击率,吸引用户注意是交互设计师不得不考虑的。
△ 图片来自查查公积金
我们可以通过使用颜色、大小、形状、增加标注等常规方式来吸引用户;可以使用动态效果吸引用户;也可以通过第一人称对话或者直呼用户姓名的方式获取用户注意。
引导注意力
注意力是可以通过设计引导的,箭头,指向性的路径和视觉引导可以在不经意间引导用户注意到设计者希望被注意到的内容。
△ 图片来自网络
例如,有一个著名的纸尿裤广告的实验,通过改变素材中婴儿的视线,就可以把用户的注意力引导到产品描述上,在设计中通过这样巧妙的引导,很有可能带来极大好处。