在網(wǎng)絡(luò)上，如果說客戶付款是一項(xiàng)交易的“里程碑”，那么，在付款之前，從設(shè)計(jì)角度而言，哪一個(gè)設(shè)計(jì)要素，對(duì)客戶付款的作用最大？
我們認(rèn)為——是CTA按鈕。
什么是CTA按鈕？
CTA的全稱是call to action，直譯過來就是“呼叫行動(dòng)”，通用的翻譯為“行動(dòng)召喚”。即，點(diǎn)擊這一按鈕，意味著訪客打算與服務(wù)商建立某種聯(lián)系。
CTA按鈕，隨處可見。
在企業(yè)官網(wǎng)，有“在線咨詢”按鈕，點(diǎn)擊進(jìn)去，就能夠與客服在線交流；在小程序商城，有加入購物車、付款等按鈕，也是CTA按鈕。
這樣說，如果一個(gè)頁面或者平臺(tái)，沒有CTA按鈕，就好比超市或者商場(chǎng)沒有大門或者是入口。
所以，為網(wǎng)站或者小程序，設(shè)計(jì)CTA就非常重要。
CTA按鈕設(shè)計(jì)指南
如下，我們將從六個(gè)方面來介紹CTA按鈕設(shè)計(jì)的一些的思路。
數(shù)量方面。
一個(gè)頁面應(yīng)該有幾個(gè)CTA按鈕，設(shè)計(jì)師往往遵循“單個(gè)頁面不超過2個(gè)”的原則進(jìn)行設(shè)計(jì)。
其實(shí)這一表述并不準(zhǔn)確，準(zhǔn)確的表述應(yīng)該是這樣的——針對(duì)單一決策的CTA按鈕不超過2個(gè)。如果一個(gè)頁面中，有多個(gè)事項(xiàng)需要決策，則可能超過2個(gè)。
例如，電商商鋪，一個(gè)頁面上的CTA按鈕就包括“收藏”“加入購物車”“購買”“咨詢客服”等CTA按鈕。但是，當(dāng)我們進(jìn)入付款頁面，CTA按鈕就只有“購買”和“暫時(shí)放棄”兩個(gè)。
位置方面。
CTA按鈕的位置，應(yīng)該放在用戶視線必經(jīng)之處。
例如，如果網(wǎng)站BABNER是左右構(gòu)圖，那么，閱讀方式是從左至右，CTA應(yīng)該放在最右邊。但是，如果BANNER是上下構(gòu)圖，CTA按鈕就應(yīng)該放在最下方。
為了方便訪客找到CTA按鈕，可以使用“箭頭”等元素，讓CTA按鈕更為突出。
如果是小程序或者手機(jī)網(wǎng)站，CTA按鈕應(yīng)該放拇指區(qū)域，方便拇指能夠點(diǎn)擊到，拇指區(qū)域通常是指右下方。
形狀方面。
CTA的形狀應(yīng)該保持簡(jiǎn)單，同時(shí)，形狀要以圓潤設(shè)計(jì)。
為什么要保持簡(jiǎn)單呢？是為了避免訪客在點(diǎn)擊之前有較多的“思考”，進(jìn)而產(chǎn)生猶豫。
為什么要圓潤呢？圓潤設(shè)計(jì)可以避免過于強(qiáng)勢(shì)，訪客更愿意點(diǎn)擊。
所以，CTA的形狀以圓角矩形為主。
顏色方面。
在顏色方面，為了讓CTA的按鈕更為醒目，CTA按鈕的顏色應(yīng)該與背景色有較為明顯的對(duì)比。
但是，我們也發(fā)現(xiàn)這樣的規(guī)律——紅、綠、黃等顏色的轉(zhuǎn)化率要高于黑、白、棕。
所以，CTA按鈕顏色優(yōu)先選擇前者。
大小方面。
在設(shè)計(jì)上，有一個(gè)設(shè)計(jì)理念較為倒三角形，從上往下，越來越小。
所以，CTA按鈕的大小至少要比上方的內(nèi)容或圖案小一些。
以方維網(wǎng)絡(luò)的預(yù)約咨詢頁面為例，提交信息的按鈕比輸入框要小。
 

文字方面。
CTA上面的文字，應(yīng)該遵循“必要”“簡(jiǎn)短”“硬氣”三個(gè)原則。其一，文字是必要的，否則會(huì)讓訪客無所適從；其二，文字要簡(jiǎn)短，五個(gè)字以內(nèi)。其三，語氣要適當(dāng)強(qiáng)硬一些，可以讓用戶堅(jiān)定點(diǎn)擊的信念。
綜上，使我們?cè)诰W(wǎng)站設(shè)計(jì)和小程序開發(fā)過程中，就CTA按鈕設(shè)計(jì)總結(jié)出來的一些經(jīng)驗(yàn)之談，僅供參考。