建站、小程序開發(fā)必備:CTA按鈕設計學問

2023-02-11    分類: 網站建設

在網絡上,如果說客戶付款是一項交易的“里程碑”,那么,在付款之前,從設計角度而言,哪一個設計要素,對客戶付款的作用大?
我們認為——是CTA按鈕。
什么是CTA按鈕?
CTA的全稱是call to action,直譯過來就是“呼叫行動”,通用的翻譯為“行動召喚”。即,點擊這一按鈕,意味著訪客打算與服務商建立某種聯(lián)系。
CTA按鈕,隨處可見。
在企業(yè)官網,有“在線咨詢”按鈕,點擊進去,就能夠與客服在線交流;在小程序商城,有加入購物車、付款等按鈕,也是CTA按鈕。
這樣說,如果一個頁面或者平臺,沒有CTA按鈕,就好比超市或者商場沒有大門或者是入口。
所以,為網站或者小程序,設計CTA就非常重要。
CTA按鈕設計指南
如下,我們將從六個方面來介紹CTA按鈕設計的一些的思路。
數(shù)量方面。
一個頁面應該有幾個CTA按鈕,設計師往往遵循“單個頁面不超過2個”的原則進行設計。
其實這一表述并不準確,準確的表述應該是這樣的——針對單一決策的CTA按鈕不超過2個。如果一個頁面中,有多個事項需要決策,則可能超過2個。
例如,電商商鋪,一個頁面上的CTA按鈕就包括“收藏”“加入購物車”“購買”“咨詢客服”等CTA按鈕。但是,當我們進入付款頁面,CTA按鈕就只有“購買”和“暫時放棄”兩個。
位置方面。
CTA按鈕的位置,應該放在用戶視線必經之處。
例如,如果網站BABNER是左右構圖,那么,閱讀方式是從左至右,CTA應該放在最右邊。但是,如果BANNER是上下構圖,CTA按鈕就應該放在最下方。
為了方便訪客找到CTA按鈕,可以使用“箭頭”等元素,讓CTA按鈕更為突出。
如果是小程序或者手機網站,CTA按鈕應該放拇指區(qū)域,方便拇指能夠點擊到,拇指區(qū)域通常是指右下方。
形狀方面。
CTA的形狀應該保持簡單,同時,形狀要以圓潤設計。
為什么要保持簡單呢?是為了避免訪客在點擊之前有較多的“思考”,進而產生猶豫。
為什么要圓潤呢?圓潤設計可以避免過于強勢,訪客更愿意點擊。
所以,CTA的形狀以圓角矩形為主。
顏色方面。
在顏色方面,為了讓CTA的按鈕更為醒目,CTA按鈕的顏色應該與背景色有較為明顯的對比。
但是,我們也發(fā)現(xiàn)這樣的規(guī)律——紅、綠、黃等顏色的轉化率要高于黑、白、棕。
所以,CTA按鈕顏色優(yōu)先選擇前者。
大小方面。
在設計上,有一個設計理念較為倒三角形,從上往下,越來越小。
所以,CTA按鈕的大小至少要比上方的內容或圖案小一些。
以創(chuàng)新互聯(lián)的預約咨詢頁面為例,提交信息的按鈕比輸入框要小。

文字方面。
CTA上面的文字,應該遵循“必要”“簡短”“硬氣”三個原則。其一,文字是必要的,否則會讓訪客無所適從;其二,文字要簡短,五個字以內。其三,語氣要適當強硬一些,可以讓用戶堅定點擊的信念。

分享文章:建站、小程序開發(fā)必備:CTA按鈕設計學問
本文路徑:http://bm7419.com/news/236478.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站策劃、微信公眾號網站改版、企業(yè)網站制作、手機網站建設、關鍵詞優(yōu)化

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

網站建設網站維護公司