在网络上,如果说客□□□□户付款是□□一项交易※的“里程碑”,那么,在付款之□□□前,从设计角▲度而言,哪一个设□□□□计要素,对客户付□□□□款的作用□□最大?
我们认为——是CTA按钮。
什么是CTA按钮?
CTA的全称是call to action,直译过来就是“呼叫行动”,通用的翻译为“行动召唤”。即,点击这一按钮,意味着访客打算与服务商建立某种联系。
CTA按钮,随处可见。
在企业官□□□网,有“在线咨询”按钮,点击进去,就能够与□□□□客服在线□□□□交流;在小程序◉商城,有加入购□□物车、付款等按□□钮,也是CTA按钮。
这样说,如果一个□□页面或者□□□□平台,没有CTA按钮,就好比超·市或者商□□□场没有大□□□□门或者是□□□入口。
所以,为网站或者小程序,设计CTA就非常重要。
CTA按钮设计指南
如下,我们将从六个方面来介绍CTA按钮设计的一些的思路。
数量方面。
一个页面□□□应该有几□□□个CTA按钮,设计师往○往遵循“单个页面□□不超过2个”的原则进□□行设计。
其实这一□□□□表述并不△准确,准确的表□□述应该是□□□□这样的——针对单一★决策的CTA按钮不超□□过2个。如果一个□□□□页面中,有多个事·项需要决□□策,则可能超□□□过2个。
例如,电商商铺,一个页面□□□上的CTA按钮就包□□□□括“收藏”“加入购物□□□车”“购买”“咨询客服”等CTA按钮。但是,当我们进○入付款页□□面,CTA按钮就只♦有“购买”和“暂时放弃”两个。
位置方面。
CTA按钮的位置,应该放在用户视线必经之处。
例如,如果网站BABNER是左右构□□□□图,那么,阅读方式□□□□是从左至□□□右,CTA应该放在·最右边。但是,如果BANNER是上下构□□图,CTA按钮就应□□□该放在最□□□□下方。
为了方便访客找到CTA按钮,可以使用“箭头”等元素,让CTA按钮更为突出。
如果是小程序或者手机网站,CTA按钮应该放拇指区域,方便拇指能够点击到,拇指区域通常是指右下方。
形状方面。
CTA的形状应该保持简单,同时,形状要以圆润设计。
为什么要□□□□保持简单★呢?是为了避□□□免访客在◣点击之前□□有较多的“思考”,进而产生□□犹豫。
为什么要圆润呢?圆润设计可以避免过于强势,访客更愿意点击。
所以,CTA的形状以圆角矩形为主。
颜色方面。
在颜色方□□□□面,为了让CTA的按钮更◆为醒目,CTA按钮的颜□□□□色应该与□□背景色有□□较为明显□□□□的对比。
但是,我们也发□□现这样的丨规律——红、绿、黄等颜色◈的转化率□□□要高于黑、白、棕。
所以,CTA按钮颜色优先选择前者。
大小方面。
在设计上,有一个设计理念较为倒三角形,从上往下,越来越小。
所以,CTA按钮的大小至少要比上方的内容或图案小一些。
以菲律宾j9集团的预约咨询页面为例,提交信息的按钮比输入框要小。

文字方面。
CTA上面的文□□□字,应该遵循“必要”“简短”“硬气”三个原则。其一,文字是必□□要的,否则会让※访客无所□□□适从;其二,文字要简□□□□短,五个字以□□□□内。其三,语气要适♦当强硬一※些,可以让用◈户坚定点□□□□击的信念。
综上,使我们在□□□网站设计□□□□和小程序□□□□开发过程□□□□中,就CTA按钮设计□□总结出来□□的一些经◤验之谈,仅供参考。