CTA指的是什么

CTA 是英文 "call-to-action"的簡(jiǎn)寫(xiě)，又名行為召喚按鈕。是 Web 和移動(dòng)軟件應(yīng)用中最常用的交互元素，其主要作用就是引導(dǎo)人們做出某些特定操作，從而提高產(chǎn)品的轉(zhuǎn)化率。

CTA的作用

簡(jiǎn)而言之，就是設(shè)計(jì)師通過(guò)設(shè)計(jì)手法，視覺(jué)上突出按鈕，讓用戶(hù)自然而然的產(chǎn)生點(diǎn)擊按鈕的行為，例如留下聯(lián)系方式或者產(chǎn)生購(gòu)買(mǎi)行為，都算是行為召喚。 行為召喚這一 UX 設(shè)計(jì)手段的主要目的就是催生交互、行為，提升轉(zhuǎn)化，達(dá)成業(yè)務(wù)目標(biāo)。 目前的主流電商 APP 在促銷(xiāo)模塊的購(gòu)買(mǎi)按鈕都在往大的面積，高飽和度，高層級(jí)的方向做。主要也是為了引導(dǎo)用戶(hù)點(diǎn)擊按鈕并產(chǎn)生之后的一系列購(gòu)買(mǎi)可能。

怎樣設(shè)計(jì) CTA 按鈕，能夠增加點(diǎn)擊率和轉(zhuǎn)化率

樣式上

1）按鈕在樣式是必須看起像是按鈕，符合用戶(hù)對(duì)以往按鈕的認(rèn)知，提高可辨識(shí)度，降低用戶(hù)的學(xué)習(xí)認(rèn)知成本 。純文本按鈕會(huì)讓用戶(hù)遲疑到底是按鈕還是內(nèi)容，從而造成混淆，這種不確定性可能會(huì)導(dǎo)致他們直接跳過(guò)這些按鈕。

如上圖，在按鈕在這個(gè)頁(yè)面層級(jí)比較低，而且并不重要的時(shí)候可以是直接使用鏈接文字這樣的按鈕形式，一般的按鈕根據(jù)在頁(yè)面是視覺(jué)層級(jí)可以選擇后面 2 種，無(wú)論是點(diǎn)擊區(qū)域還是樣式上更加容易吸引用戶(hù)點(diǎn)擊。

2）使用漸變、陰影、圓角讓按鈕樣式看上去更加的逼真，引導(dǎo)用戶(hù)點(diǎn)擊 。這些樣式的應(yīng)用會(huì)讓按鈕看起來(lái)更加立體，模擬現(xiàn)實(shí)生活中的按鈕樣式，比如，開(kāi)關(guān)燈、鍵盤(pán)按鈕等。用戶(hù)在現(xiàn)實(shí)生活也需要對(duì)這些按鈕進(jìn)行點(diǎn)擊和交互，如此用戶(hù)看到這些按鈕時(shí)，就直接知道如何去操作。

3）正確的設(shè)計(jì)按鈕的大小， 按鈕的大小要符合拇指原則（44pt），同時(shí)按鈕上下左右有足夠的留白空間。需要一個(gè)頁(yè)面相同位置的按鈕組，必須有明確的層級(jí)區(qū)分，引導(dǎo)用戶(hù)進(jìn)行正確的操作，降低用戶(hù)思考和選擇的時(shí)間。

例如上圖的蝦米、京東、網(wǎng)易云音樂(lè) app 的登錄頁(yè)面，除了最重要的登錄按鈕最大，最突出外；其他的第三方登錄以及賬號(hào)密碼登錄等按鈕都根據(jù)不同的層級(jí)重要性進(jìn)行了樣式區(qū)分。讓用戶(hù)可以直接進(jìn)行正確（或者是你希望）的操作行為，降低用戶(hù)的選擇時(shí)間。

文案上

1）行為召喚按鈕 ，顧名思義按鈕對(duì)于用戶(hù)的行為有一定召喚，指示作用。所以按鈕上的文案可以使用緊迫感和即時(shí)性的文字提示。比如：立即、馬上、開(kāi)搶等。這些文字會(huì)給用戶(hù)營(yíng)造一種緊張、興奮、刺激的感覺(jué)，刺激用戶(hù)進(jìn)行點(diǎn)擊和消費(fèi)。

2）按鈕文案應(yīng)該表述明確，告知用戶(hù)按鈕的代表的意思，以及點(diǎn)擊交互后會(huì)發(fā)生什么。通過(guò)清晰的文案給予用戶(hù)操作預(yù)知，降低用戶(hù)的使用成本和防備心態(tài)。同時(shí)文案也可以是利益點(diǎn)，促進(jìn)用戶(hù)點(diǎn)擊，并產(chǎn)生消費(fèi)。

圖 1 是蘇寧易購(gòu)購(gòu)物車(chē)左劃時(shí)效果，3 個(gè)按鈕文案分別是表述清楚了不同的操作以及給予用戶(hù)相應(yīng)的操作預(yù)期。同時(shí)不同的按鈕背景顏色表述了不同的操作層級(jí)，刪除按鈕是不可逆的操作，所以紅色示警。

圖 2 是芒果臺(tái) tv 充值會(huì)員頁(yè)面，按鈕文案明確的說(shuō)明：確認(rèn)支付￥9，以及副文案開(kāi)通會(huì)員后用戶(hù)可以得到的利益點(diǎn)。用戶(hù)可以很清楚的從按鈕中的文案知道點(diǎn)擊操作后，需要支付的￥9 元金額，以及可以得到的好處，排除了用戶(hù)的疑惑，告知了用戶(hù)好處，更有利于提高點(diǎn)擊。

交互上

按鈕在操作后需要及時(shí)給出用戶(hù)不同狀態(tài)的反饋，告知用戶(hù)你的操作生效了，做到所見(jiàn)即所得，給用戶(hù)安全感。例如：網(wǎng)頁(yè)上的按鈕鼠標(biāo)懸停時(shí)，按鈕會(huì)變色，提示并吸引用戶(hù)點(diǎn)擊。最起碼按鈕上的光標(biāo)會(huì)變成小手；一些小游戲界面中需要引導(dǎo)用戶(hù)點(diǎn)擊按鈕時(shí)，也會(huì)做各種動(dòng)效，或是指引手勢(shì)。

總結(jié)

1. CTA 是英文 "call-to-action"的簡(jiǎn)寫(xiě)，又名行為召喚按鈕
2. 按鈕在樣式是必須看起像是按鈕，符合用戶(hù)對(duì)以往按鈕的認(rèn)知，大小要符合拇指原則（44pt）
3. 按鈕文案上要清晰簡(jiǎn)潔，可以使用帶有緊迫感、即時(shí)性、利益點(diǎn)的文案
4. 頁(yè)面中按鈕過(guò)多時(shí)，需要根據(jù)層級(jí)作出明確區(qū)分，減少用戶(hù)決策時(shí)間
5. 按鈕在操作后需要及時(shí)給出用戶(hù)不同狀態(tài)的反饋

作者：kiki