最近與業務、產品和運營同事評審設計稿的過程中，出現頻率最高的內容就是「這個 CTA 按鈕不夠吸引人」、「功能都具備了，但讓用戶點擊的動力不足」……

CTA 按鈕(Call To Action, 行為召喚按鈕)，是在頁面中引導用戶點擊從而跳轉至下一流程的按鈕控件，就像是產品設計師在對著用戶隔空喊話，呼吁用戶快來參與活動、快來購買……

CTA 按鈕之所以很重要，是因為它承載著促進用戶與產品發生交互，進而提升轉化、完成業務目標的作用。

今天就來總結下，有哪些小妙招可以吸引到用戶點擊 CTA 按鈕，從而實現高高的點擊率、轉化率。??

1-讓用戶能關注到按鈕

a. 色彩上

為了讓 CTA 按鈕更容易被發現、被關注，按鈕的背景顏色應該具有「誘目性」，容易映入用戶眼簾。通常高明度、高純度的暖色系色彩誘目性較高，冷色系次之。

不僅要關注 CTA 按鈕本身的顏色，還要關注按鈕與頁面背景的對比。可以利用色相、明度、純度的對比(比如互補色對比)來增大按鈕與頁面背景的反查，從而突出按鈕。

b. 布局上

CTA 按鈕是轉化的重要控件，需要在頁面首屏中出現；并且隨著用戶滑動頁面查看相關指引內容，CTA 按鈕最好一直都存在在頁面中，以便用戶被打動之后隨時可以點擊按鈕，不會因為滑動了頁面而要重新尋找按鈕。

關于 CTA 按鈕具體放在頁面的上、中、下哪塊位置，有這么幾個考慮因素：

一是，根據古騰堡式、尼爾森F型、Z型視線流的情況，頁面上部、中部、右下區域都是比較容易關注到的位置；

二是，在 CTA 按鈕之前，需要有相關的引導內容介紹。用戶先了解產品內容，之后看到 CTA 按鈕是比較合理的行為動線。所以按鈕的上下位置也跟產品內容的復雜程度、引導介紹內容的長度有關，越簡單、引導內容越少，CTA 按鈕就有空間越往上放；

三是，CTA 按鈕周圍有一定的留白可以引導用戶視線關注按鈕；

四是，隨著手機屏幕越來越大，用戶難以點擊的屏幕區域也會越多。總的來說，中下部、遠離持機手一側的屏幕更容易點擊到；

綜合以上四點，放置在頁面中下部是比較好的位置選擇。

c. 動效上

人出于對自身的保護，會有容易關注到運動的物體的應激反應。通過給 CTA 按鈕增加縮放、流光動效，會吸引用戶關注到按鈕。

同時增加引導點擊的動畫，不但可以吸引用戶關注，還會傳達給用戶點擊就可以打開的操作tips。

PS. 關于按鈕形狀

個人認為按鈕形狀也會影響用戶關注。因為人傾向于喜歡比較圓潤的物體，避開鋒利的物體，所以圓角矩形會讓人更舒服。另外，圓角會將內容指向按鈕中心，也就是按鈕上的文本，從而讓用戶更關注文本內容，從而促進點擊。

PPS. 關于按鈕的數量

一個頁面中 CTA 按鈕可以不止一個，但不能過多，或者一個比一個出風頭。一定是有1個主CTA 按鈕，1-2個輔 CTA 按鈕。主按鈕用實心的背景，副按鈕用空心背景或者直接用文字按鈕的形式。

PPPS. 每個頁面中都應當有恰當的轉化內容

比如下單完成后可以引導用戶查看訂單詳情、領取獎勵、訂閱狀態通知、瀏覽推薦商品等。總之，每個流程中總會有適合引導用戶了解的產品功能。乃至一個小 banner 里也應該增加一些 CTA 按鈕形式的內容以促進用戶點擊。

2-按鈕要有可點擊感

按鈕控件是用戶界面模擬現實世界的產物，由真實的物理按鈕抽象而來。像老式的電話、收音機，車載控制臺上，都有按鈕的部件。

a. 按鈕大小

遷移到屏幕上的按鈕，首先要保證用戶可以看到、并且用胖胖的手指能點擊到。根據 MIT 實驗室研究，人們使用觸摸屏時平均的觸摸面積為10-14mm，指尖面積為10×10mm，據此可以換算出不同分辨率的界面下，最小點擊區域的大小，設計界面、制作規范時要注意。

各操作系統也有給出建議的最小點擊區域大小：蘋果系統為 44×44 px，而微軟推薦 34×26 px。

既然如此，按鈕是不是越大越好呢？我們都知道，按鈕越大越容易被用戶關注到、也越容易被點到，但要注意按鈕的大小要與整個頁面布局保持和諧，不要破壞原有的布局、風格、視覺層級等。

b. 圖層效果

做到了可點擊之后，我們可以通過增加圖層效果(如浮雕、投影等形式)模擬真實的按鈕效果，使按鈕在頁面背景中突出出來，來增強按鈕的可點擊感。當然圖層效果的使用也要考慮與頁面風格契合，在扁平風的頁面中過度擬物的風格就不太適合，具體要根據實際情況把握。

c. 指引箭頭

在按鈕文本后增加類似“>”的箭頭，也會更強地傳達點擊后會進入新頁面/新流程這樣的信息，從而讓用戶知道這里是可以點擊的。

3-準確傳達按鈕的功能

a. 按鈕上的文本要精準、直接、簡潔地傳達功能內容，不要冗長，也不要有歧義。在涉及「取消」的功能、有雙重否定感覺的語境下，都要特別注意。比如下圖：

b. 按鈕文案可以貼合使用場景、更具體。比如同樣是免費體驗，在音樂 App 中可以是「免費體驗無損音質」，在學習類 App 中可以是「免費學習精英課程」，在求職類 App 中可以是「免費獲取人脈推薦」……越具體的內容越容易戳到用戶的心窩，讓用戶愿意一試。

c. 在表述內容時，關注點應該是用戶使用產品可以來做什么、解決什么問題，而不是產品能做什么，所以文案應以用戶為主語來寫。

4-給用戶點按鈕的充分理由

這是本文的最后一點，也是最重要的一點。就是勸說用戶，給用戶充分、充足、充沛的理由，作為觸發器去觸發用戶的點擊行為。

這些理由需要足夠誘人，可以是將獲得的利益、完成后的成就感、時間和數量的緊迫、社交的排名、圈子的參與，它們可以調動心理滿足這種內在動機，以及利益、獎懲、社交等外在動機。

總的來說，要發現用戶的情感訴求，并且描述出產品解決訴求的方法；或者要闡明產品吸引用戶的利益點。在這個過程中可以選擇性地利用6個說服力原則——互惠、一致性/承諾、權威、社會證明/從眾、喜愛、稀缺。

也就是「提出問題+解決方案+號召行動」/「闡述利益+號召行動」這樣的內容公式。

此外，增加一些數據的信息，也會增強用戶對產品的信任、認可，同時有提升、完成的動力。比如脈脈中，會提示用戶目前資料的完善度、補充后人脈機遇可擴展的倍數：

可以有效地促進用戶去點擊完善資料，從而沖刺更高的利益價值。

在頁面上呈現這些理由內容的方式也多種多樣：

① 按鈕前/中/下的文案

② 按鈕上的標簽/角標

③ 按鈕上的提示氣泡

……

(形式不限，傳達出內容是王道)

劃重點

本文總結了設計 CTA 按鈕的幾個思路：

1、使用對比較強的配色、圓潤的形狀，將按鈕放置在頁面中下部用戶易瀏覽、易點擊的位置，讓用戶在頁面中能夠關注到按鈕，進而關注按鈕內容；

2、調整按鈕大小，讓其可點擊、在布局和諧的前提下盡量大；增加投影等樣式；增加箭頭等符號標識。這些都可以提升按鈕的可點擊感，從而促進用戶點擊；

3、要注意按鈕文案必須準確傳達出功能，防止用戶產生困惑、影響轉化；

4、利用6個說服力原則，「提出問題+解決方案+號召行動」/「闡述利益+號召行動」，在按鈕附近通過文案、標簽/角標等形式告知用戶點擊 CTA 按鈕的價值，進而促進點擊轉化。

? 寫在最后的??

關注公眾號“天匠設計”，添加好友，拉你進入設計交流群、大廠內推群，一大堆免費的設計資料和書籍。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的windowbuilder点击按钮出现新界面_掌握这几招，轻松设计出高点击率的行为召唤按钮...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。