UI 頁面通常由許多不同的元素組成，它們中的每一個元素都在用戶體驗的效率提升以及 App 的轉換方面扮演著重要作用。即使像按鈕這樣的小部件也需要得到關注，以便它能夠實現預期目標。
什麼是 CTA 按鈕？
CTA 全稱 Call-To-Action ，它是 Web 和 App 上的關鍵 UI 元素，例如購買，聯繫，訂閱等，其主要目的是引導用戶採取某些行動，使頁面提升轉化。
用戶的引導和轉化是 CTA 按鈕的核心目的，當一個按鈕足以引起潛在用戶的注意時，它才可以吸引用戶點擊並進入下一個流程。我們設計一個功能強大的 CTA 按鈕比較重要的方面包括但不限於尺寸、顏色、形狀、位置等。
按鈕就有更高的機會來完成它的目標和任務，但是如何在這些方面變得更加強大？
我們有一些關於 CTA 按鈕設計的實用技巧與你分享。
1.使按鈕看起來可點擊
任何 CTA 的先前任務就是讓用戶點擊它，所以他們的設計應與目標一致，我們的用戶不想一上來就得先弄清哪些元素是可點擊和互動的。這就是為什麼確保所有交互式元素都可以點擊是很重要的原因。
什麼可以使按鈕看起來可點擊？
首先，它是一個視覺表現形式，當 UI 設計師添加一些 3D 效果時，按鈕看起來更容易點擊。
例如，具有輕微漸變或小陰影的 CTA 通常會帶來點擊慾望，因為它看起來更加突出。如果具有 3D 效果的按鈕不適合所選風格，例如平面設計，則可以通過按鈕的圓邊來強調可點擊性。
2.選擇合適的尺寸
尺寸的大小是幫助根據其重要性安排 UI 組件優先級時最常用工具之一，元素越大，它變得越明顯。
前面說過由於 CTA 的先前目標是吸引用戶的注意力，因此我們通常會試圖讓它們在屏幕上在所有其他按鈕中脫穎而出，特別是通過明顯的尺寸。
大按鈕有很高的機會被發現和點擊，但你必須保持一些限制：一個引人注目的引導性按鈕通常足夠大，可以快速找到，但又不會太大，以免佈局的視覺構圖和層次結構受到損害。
市場領導者通常會在其準則中提供有關按鈕有效大小的建議。 例如，蘋果公司表示：移動用戶界面中的 CTA 應至少為 44×44 Pixels，而微軟推薦 34×26 Pixels。
3.應用對比色
顏色的選擇我們可以考慮如下因素——如主視覺色，以及目標受眾的潛在偏好和心理特徵，在為 CTA 按鈕選擇顏色時有一個條件非常重要：按鈕和背景顏色應該足夠反差，以便 CTA 能夠從其他 UI 元素中脫穎而出。
例如，如果設計師在佈局中使用藍色調色板，那麼為CTA按鈕使用紅色或黃色將是一個好主意。
4.更少的文字
CTA 按鈕的引導文案會提示用戶如果點擊他們將獲得什麼收益，文案必須迅速吸引用戶的注意力，並引導他們正確行動。
所以要給出有效的引導性文案，您需要將成語數量保持在最低限度，少數適當選擇的單詞比長描述性短語的要高效的多。
5.符合用戶的心理預期
大尺寸和鮮豔的色彩是吸引用戶注意力的有效方法，但在操作流程中（用戶在產品中完成特定任務的路徑），恰當的位置可以增加更多關注 CTA 按鈕的機會。
例如，創建著陸頁時，您需要確保用戶在閱讀有關優惠或服務的信息後馬上就能找到“註冊” CTA 按鈕，這樣用戶就能理解他們正在註冊的內容以及他們是否需要它。 如果人們在閱讀信息之前看到這樣的 CTA 按鈕，他們很可能會忽略它。
6.運用留白
空間留白也稱為負空間，是設計構圖中元素之間的區域。我們通常不會意識到這個空間的重要作用，但做為設計師需要注意它。
白色空間不僅僅是視覺構圖的背景，它經常被用作強調用戶界面元素的有力工具。如果用戶界面包含許多可視組件，則 CTA 按鈕可能會在頁面或屏幕上丟失，按鈕周圍的適當留白空間有助於吸引用戶的注意力，因為它變得更加明顯。
另外，空白區域映射了 UI 元素之間的連接，各組件之間的空白區越少，它們看起來就越連接緊密。因此，如果有些元素可以帶有引導性的文案，例如項目說明或照片，請嘗試減小它們與按鈕之間的空間，以便為用戶的操作提供雙重效果。
7.添加一些額外有效信息
正如我們上面所說的：保持 CTA 信息的短小是非常重要的，這樣可以很快引起用戶的注意。但是當用戶注意到引導文案時，提供一些額外的數據可能也是有用的。
它可以是一小部分信息，解釋下一階段的情況。例如，您可以澄清註冊過程不會超過15秒或提醒註冊是免費的，一小句話可以增加用戶的興趣並鼓勵他們採取行動。
8.A/B Test
如果你想確保一切正常，你需要測試它。這個黃金法則是包括 UI 設計在內的各個領域的必備條件，用戶研究和分析有助於設計人員定義目標受眾的具體情況，但很難準確知道設計決策是否最好。這就是為什麼測試可以成為幫助消除疑慮的充分解決方案。
A / B測試是最有效的 CTA 測試方法之一，它通過數據比較產品的兩個版本，以找出哪一個更好。
比如我們將用戶分成兩組，每組都顯示不同的內容， 一半看到 A 版本，另一半看到 B ，這種方法有助於確定更有利的解決方案。
為了獲得更準確的結果，建議每次測試一個方面，例如，只有一個按鈕的顏色， 這樣我們就可以區分哪個因素最終會有所作用。
本文由@孟大偉 翻譯發於人人都是產品經理
閱讀更多 媒介匣日記 的文章
