目錄
1.定義：什么是 CTA 按鈕?
2.作用：CTA?按鈕在界面中的作用
3.設(shè)計CTA按鈕需要注意些什么臂外，通過什么方法增強CTA的點擊
4.總結(jié)
1.定義：
CTA 是英文?“call-to-action”的簡寫汹想，又名行為召喚按鈕。是 Web 和移動軟件應(yīng)用中最常用的交互元素益咬，其主要作用就是引導(dǎo)人們做出某些特定操作，從而提高產(chǎn)品的轉(zhuǎn)化率帜平。
2.作用：
簡而言之幽告，就是設(shè)計師通過設(shè)計手法梅鹦，視覺上突出按鈕，讓用戶自然而然的產(chǎn)生點擊按鈕的行為冗锁，例如留下聯(lián)系方式或者產(chǎn)生購買行為齐唆，都算是行為召喚。 行為召喚這一 UX 設(shè)計手段的主要目的就是催生交互冻河、行為箍邮，提升轉(zhuǎn)化，達成業(yè)務(wù)目標(biāo)叨叙。 目前的主流電商 APP 在促銷模塊的購買按鈕都在往大的面積锭弊，高飽和度，高層級的方向做擂错。主要也是為了引導(dǎo)用戶點擊按鈕并產(chǎn)生之后的一系列購買可能廷蓉。
3.說了這么多，那么怎樣設(shè)計 CTA 按鈕马昙，能夠增加點擊率和轉(zhuǎn)化率呢桃犬？
樣式上
1）按鈕在樣式是必須看起像是按鈕，符合用戶對以往按鈕的認知行楞，提高可辨識度攒暇，降低用戶的學(xué)習(xí)認知成本 。純文本按鈕會讓用戶遲疑到底是按鈕還是內(nèi)容子房，從而造成混淆形用，這種不確定性可能會導(dǎo)致他們直接跳過這些按鈕。
如上圖证杭，在按鈕在這個頁面層級比較低田度，而且并不重要的時候可以是直接使用鏈接文字這樣的按鈕形式，一般的按鈕根據(jù)在頁面是視覺層級可以選擇后面 2 種解愤，無論是點擊區(qū)域還是樣式上更加容易吸引用戶點擊镇饺。
2）使用漸變、陰影送讲、圓角讓按鈕樣式看上去更加的逼真奸笤，引導(dǎo)用戶點擊 。這些樣式的應(yīng)用會讓按鈕看起來更加立體哼鬓，模擬現(xiàn)實生活中的按鈕樣式监右，比如，開關(guān)燈异希、鍵盤按鈕等健盒。用戶在現(xiàn)實生活也需要對這些按鈕進行點擊和交互，如此用戶看到這些按鈕時，就直接知道如何去操作?
3）正確的設(shè)計按鈕的大小扣癣，?按鈕的大小要符合拇指原則（44pt）惰帽，同時按鈕上下左右有足夠的留白空間。需要一個頁面相同位置的按鈕組搏色，必須有明確的層級區(qū)分善茎，引導(dǎo)用戶進行正確的操作券册，降低用戶思考和選擇的時間?
例如 上圖的蝦米频轿、京東、網(wǎng)易云音樂app的登錄頁面烁焙，除了最重要的登錄按鈕最大航邢，最突出外；其他的第三方登錄以及賬號密碼登錄等按鈕都根據(jù)不同的層級重要性進行了樣式區(qū)分骄蝇。讓用戶可是直接進行正確（或者是你希望）的操作行為膳殷，降低用戶的選擇時間。
文案上
1）行為召喚按鈕 九火，顧名思義按鈕對于用戶的行為有一定召喚赚窃，指示作用。所以按鈕上的文案可以使用緊迫感和即時性的文字提示岔激。比如：立即勒极、馬上、開搶等虑鼎。這些文字會給用戶營造一種緊張辱匿、興奮、刺激的感覺炫彩，刺激用戶進行點擊和消費匾七。
2）按鈕文案應(yīng)該表述明確，告知用戶按鈕的代表的意思江兢，以及點擊交互后會發(fā)生什么昨忆。通過清晰的文案給予用戶操作預(yù)知，降低用戶的使用成本和防備心態(tài)杉允。同時文案也可以是利益點扔嵌，促進用戶點擊，并產(chǎn)生消費夺颤。
圖1 是蘇寧易購購物車左劃時效果痢缎，3個按鈕文案分別是表述清楚了不同的操作以及給予用戶相應(yīng)的操作預(yù)期。同時不同的按鈕背景顏色表述了不同的操作層級世澜，刪除按鈕是不可逆的操作独旷，所以紅色示警。
圖2 是芒果臺tv充值會員會員頁面，按鈕文案明確的說明：確認支付￥9嵌洼，以及副文案開通會員后用戶可以得到的利益點案疲。用戶可以很清楚的從按鈕中的文案 知道點擊操作后，需要支付的￥9元金額麻养，以及可以得到的好處褐啡，排除了用戶的疑惑，告知了用戶好處鳖昌，更有利于提高點擊备畦。
交互上
按鈕在操作后需要及時給出用戶不同狀態(tài)的反饋，告知用戶你的操作生效了许昨，做到所見即所得懂盐，給用戶安全感。例如：網(wǎng)頁上的按鈕鼠標(biāo)懸停時糕档，可以按鈕變色莉恼，提示并吸引用戶點擊。最起碼按鈕上的光標(biāo)會變成小手速那；一些小游戲界面中需要引導(dǎo)用戶點擊按鈕時俐银，也會做各種動效果，或是指引手勢端仰。
4.總結(jié)：
1.CTA 是英文 “call-to-action”的簡寫捶惜，又名行為召喚按鈕
2.按鈕在樣式是必須看起像是按鈕，符合用戶對以往按鈕的認知榆俺，大小要符合拇指原則（44pt
3.按鈕文案上有清晰簡潔,可以使用帶有緊迫感售躁、即時性、利益點的文案
4.頁面中按鈕過多時茴晋，需要根據(jù)層級作出明確區(qū)分陪捷，減少用戶決策時間
5.按鈕在操作后需要及時給出用戶不同狀態(tài)的反饋
