CTA按钮,在如今会出现于绝大多数的网站当中,含有诸如“点击下载”“点击试用”等等字眼,呼吁用户完成相关操作的链接按钮。
在CTA设计标准中,有众所周知的一条就是:采用对比鲜明的颜色等等设计,要让CTA能有效抓住用户眼球。然而这一条,在用户体验角度上,有时却会造成困扰。
下面的图片中,明确展示了CTA按钮是如何影响用户浏览网站时的视线焦点的。
CTA页面上的网站视线追踪图
在该图片上,我们可以看到,用户起先大致按照从左到右从上到下的顺序浏览网页信息,然而在视线被CTA按钮捕捉到后,一切都改变了。
用户的视线直接跳到了CTA按钮上,没有浏览任何中间的文本讯息。并且视线在跳到了CTA按钮上后,没有任何后续的浏览动作。整个长页面的用户浏览视线,都被一个CTA按钮所终止。
在网站访客的研究中我们发现,当用户捕捉到CTA按钮后,他们普遍认为CTA能将他们带到想要的地方去或者能给予他们想要的答案,基于这种类似本能的心理,他们会停止对网页中其他信息的浏览与获取;另一种情况是,如果CTA中写有“注册”“购买”等等字眼时,用户会错认为只有进行这些动作,才能获得后续信息的获取。
实际上,对于网站的新访客而言,他们可能只通过一些渠道获取了部分信息,当他们来到网站时希望的是更多的补充信息,在有了更多的深入了解后,他们可能会发起注册与购买等等相关的举动。
对于这些新访客而言,如果你的网站主页设计头部有一个大型的banner,同时还带有一个引领他们走向注册或者购买的CTA按钮,你的新访客转化率可能会有大麻烦。我们来看一下下面的网站示例图片:
用户在这个服装网站上着陆的时候,首屏只有一个大图片以及引入瞩目的CTA按钮。新用户通常会点击这个按钮看看网站会给他们带来什么,然而这个网站却将用户带入了类似注册的页面。一个几乎不了解的网站,用户进行注册的几率可想而知。
那么,应该如何从网站设计上规避CTA造成的这些负面用户体验的影响呢?
首先,CTA的设计思路依旧应当保持足以引人注意,比如CTA按钮颜色的选择应当产生足够的对比等等。与之相对的,在其他部分的设计上,应当做到足够的精简,要知道当用户注意到CTA按钮时,一切补充的信息都可能会被忽视。做好如下几点,就可以让CTA与网页设计达到有效结合:
第一,CTA的文本:宽泛的下载,注册等等,尤其是“从这里开始”最好替换为更有效的反馈信息。让用户确切地明白点击按钮后会开启什么,以及有什么好处。比如“无需注册,立即开始试用”这一类的CTA文本无疑具有非常强的吸引力。
第二,给用户提供多个选择:对于老用户与新用户,可以采用两个CTA。老用户的CTA按钮可以直接设计成“登录”等等简明扼要的字眼,而新用户可以在CTA中进行简短的业务介绍,比如“现在注册,开始您的电子理财”等等。
第三,CTA周围的文本:应当足够精简并且字号要足以引人注意。在这些文字中,可以简短的介绍网站的主体业务等等。
第四,首屏的设计:应当采用醒目的动效箭头或者内容填充,来告知用户下面有其他的相关内容,如果CTA的文本经过了优化,用户明白CTA无法带给他想要的信息时,可以明确的知晓可以继续向下浏览网页进行信息的获取。
总结
对于网页中的CTA设计,仅仅引人注目是远远不够的。如果你希望采用CTA按钮作为整个流程的入口,应当避免使用通用的CTA文本描述,并准确地说明用户可以从该CTA中获取什么。