建站、小程序開發必備：CTA按鈕設計學問
2023-02-11 分類： 網站建設
在網絡上，如果說客戶付款是一項交易的“里程碑”，那么，在付款之前，從設計角度而言，哪一個設計要素，對客戶付款的作用大？
我們認為——是CTA按鈕。
什么是CTA按鈕？
CTA的全稱是call to action，直譯過來就是“呼叫行動”，通用的翻譯為“行動召喚”。即，點擊這一按鈕，意味著訪客打算與服務商建立某種聯系。
CTA按鈕，隨處可見。
在企業官網，有“在線咨詢”按鈕，點擊進去，就能夠與客服在線交流；在小程序商城，有加入購物車、付款等按鈕，也是CTA按鈕。
這樣說，如果一個頁面或者平臺，沒有CTA按鈕，就好比超市或者商場沒有大門或者是入口。
所以，為網站或者小程序，設計CTA就非常重要。
CTA按鈕設計指南
如下，我們將從六個方面來介紹CTA按鈕設計的一些的思路。
數量方面。
一個頁面應該有幾個CTA按鈕，設計師往往遵循“單個頁面不超過2個”的原則進行設計。
其實這一表述并不準確，準確的表述應該是這樣的——針對單一決策的CTA按鈕不超過2個。如果一個頁面中，有多個事項需要決策，則可能超過2個。
例如，電商商鋪，一個頁面上的CTA按鈕就包括“收藏”“加入購物車”“購買”“咨詢客服”等CTA按鈕。但是，當我們進入付款頁面，CTA按鈕就只有“購買”和“暫時放棄”兩個。
位置方面。
CTA按鈕的位置，應該放在用戶視線必經之處。
例如，如果網站BABNER是左右構圖，那么，閱讀方式是從左至右，CTA應該放在最右邊。但是，如果BANNER是上下構圖，CTA按鈕就應該放在最下方。
為了方便訪客找到CTA按鈕，可以使用“箭頭”等元素，讓CTA按鈕更為突出。
如果是小程序或者手機網站，CTA按鈕應該放拇指區域，方便拇指能夠點擊到，拇指區域通常是指右下方。
形狀方面。
CTA的形狀應該保持簡單，同時，形狀要以圓潤設計。
為什么要保持簡單呢？是為了避免訪客在點擊之前有較多的“思考”，進而產生猶豫。
為什么要圓潤呢？圓潤設計可以避免過于強勢，訪客更愿意點擊。
所以，CTA的形狀以圓角矩形為主。
顏色方面。
在顏色方面，為了讓CTA的按鈕更為醒目，CTA按鈕的顏色應該與背景色有較為明顯的對比。
但是，我們也發現這樣的規律——紅、綠、黃等顏色的轉化率要高于黑、白、棕。
所以，CTA按鈕顏色優先選擇前者。
大小方面。
在設計上，有一個設計理念較為倒三角形，從上往下，越來越小。
所以，CTA按鈕的大小至少要比上方的內容或圖案小一些。
以創新互聯的預約咨詢頁面為例，提交信息的按鈕比輸入框要小。
我們認為——是CTA按鈕。
什么是CTA按鈕？
CTA的全稱是call to action，直譯過來就是“呼叫行動”，通用的翻譯為“行動召喚”。即，點擊這一按鈕，意味著訪客打算與服務商建立某種聯系。
CTA按鈕，隨處可見。
在企業官網，有“在線咨詢”按鈕，點擊進去，就能夠與客服在線交流；在小程序商城，有加入購物車、付款等按鈕，也是CTA按鈕。
這樣說，如果一個頁面或者平臺，沒有CTA按鈕，就好比超市或者商場沒有大門或者是入口。
所以，為網站或者小程序，設計CTA就非常重要。
CTA按鈕設計指南
如下，我們將從六個方面來介紹CTA按鈕設計的一些的思路。
數量方面。
一個頁面應該有幾個CTA按鈕，設計師往往遵循“單個頁面不超過2個”的原則進行設計。
其實這一表述并不準確，準確的表述應該是這樣的——針對單一決策的CTA按鈕不超過2個。如果一個頁面中，有多個事項需要決策，則可能超過2個。
例如，電商商鋪，一個頁面上的CTA按鈕就包括“收藏”“加入購物車”“購買”“咨詢客服”等CTA按鈕。但是，當我們進入付款頁面，CTA按鈕就只有“購買”和“暫時放棄”兩個。
位置方面。
CTA按鈕的位置，應該放在用戶視線必經之處。
例如，如果網站BABNER是左右構圖，那么，閱讀方式是從左至右，CTA應該放在最右邊。但是，如果BANNER是上下構圖，CTA按鈕就應該放在最下方。
為了方便訪客找到CTA按鈕，可以使用“箭頭”等元素，讓CTA按鈕更為突出。
如果是小程序或者手機網站，CTA按鈕應該放拇指區域，方便拇指能夠點擊到，拇指區域通常是指右下方。
形狀方面。
CTA的形狀應該保持簡單，同時，形狀要以圓潤設計。
為什么要保持簡單呢？是為了避免訪客在點擊之前有較多的“思考”，進而產生猶豫。
為什么要圓潤呢？圓潤設計可以避免過于強勢，訪客更愿意點擊。
所以，CTA的形狀以圓角矩形為主。
顏色方面。
在顏色方面，為了讓CTA的按鈕更為醒目，CTA按鈕的顏色應該與背景色有較為明顯的對比。
但是，我們也發現這樣的規律——紅、綠、黃等顏色的轉化率要高于黑、白、棕。
所以，CTA按鈕顏色優先選擇前者。
大小方面。
在設計上，有一個設計理念較為倒三角形，從上往下，越來越小。
所以，CTA按鈕的大小至少要比上方的內容或圖案小一些。
以創新互聯的預約咨詢頁面為例，提交信息的按鈕比輸入框要小。
CTA上面的文字，應該遵循“必要”“簡短”“硬氣”三個原則。其一，文字是必要的，否則會讓訪客無所適從；其二，文字要簡短，五個字以內。其三，語氣要適當強硬一些，可以讓用戶堅定點擊的信念。
當前標題：建站、小程序開發必備：CTA按鈕設計學問
文章網址：http://www.js-pz168.com/news28/236478.html
成都網站建設公司_創新互聯，為您提供電子商務、靜態網站、域名注冊、搜索引擎優化、網站收錄、網站營銷
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 在網站開發之中怎樣運用半透明效果 2023-02-11
- 什么樣的網站才能給企業帶來好的效益 2023-02-11
- 成都成都新零售盒馬鮮生門店打造年味新體驗 2023-02-11
- 網頁制作兩個比較重要的小技巧 2023-02-11
- 如何做好網站的策劃書這些要素不可少 2023-02-11
- 如果網站沒流量301還能傳遞權重嗎 2023-02-11
- 網站沒展現，一直不收錄有哪些原因呢？ 2023-02-11
- 網站布局需要考慮的四個要素-成都制作網站 2023-02-11
- php程序員如何渡過迷茫期 2023-02-11
- 分銷商城有哪些業務模式？特點有哪些？ 2023-02-11
- 成都網站雖然建成了，但主要的事還在后邊 2023-02-11
- 分手！電視臺內容優勢大減視頻網站掙脫 2023-02-11
- 成都怎么才能夠注冊到一個好的域名呢？ 2023-02-11
- 關于網站偽靜態化的必要性探討 2023-02-11
- 網站搭建中底部設計的內容 2023-02-11
- 成都怎樣在網站中插入聲音 2023-02-11
- 品牌網站運營哪些問答平臺值得推廣 2023-02-11
- 關于站內站文章質量的說明 2023-02-11
- 移動網站開發一定要提升加載速度 2023-02-11