在網(wǎng)絡(luò)上,如果說客戶付款是一項交易的“里程碑”,那么,在付款之前,從設(shè)計角度而言,哪一個設(shè)計要素,對客戶付款的作用大?
我們認為——是CTA按鈕。什么是CTA按鈕?
CTA的全稱是call to action,直譯過來就是“呼叫行動”,通用的翻譯為“行動召喚”。即,點擊這一按鈕,意味著訪客打算與服務(wù)商建立某種聯(lián)系。
CTA按鈕,隨處可見。
在企業(yè)官網(wǎng),有“在線咨詢”按鈕,點擊進去,就能夠與客服在線交流;在小程序商城,有加入購物車、付款等按鈕,也是CTA按鈕。
這樣說,如果一個頁面或者平臺,沒有CTA按鈕,就好比超市或者商場沒有大門或者是入口。
所以,為網(wǎng)站或者小程序,設(shè)計CTA就非常重要。CTA按鈕設(shè)計指南
如下,我們將從六個方面來介紹CTA按鈕設(shè)計的一些的思路。數(shù)量方面。
一個頁面應(yīng)該有幾個CTA按鈕,設(shè)計師往往遵循“單個頁面不超過2個”的原則進行設(shè)計。
其實這一表述并不準確,準確的表述應(yīng)該是這樣的——針對單一決策的CTA按鈕不超過2個。如果一個頁面中,有多個事項需要決策,則可能超過2個。
例如,電商商鋪,一個頁面上的CTA按鈕就包括“收藏”“加入購物車”“購買”“咨詢客服”等CTA按鈕。但是,當我們進入付款頁面,CTA按鈕就只有“購買”和“暫時放棄”兩個。位置方面。
CTA按鈕的位置,應(yīng)該放在用戶視線必經(jīng)之處。
例如,如果網(wǎng)站BABNER是左右構(gòu)圖,那么,閱讀方式是從左至右,CTA應(yīng)該放在最右邊。但是,如果BANNER是上下構(gòu)圖,CTA按鈕就應(yīng)該放在最下方。
為了方便訪客找到CTA按鈕,可以使用“箭頭”等元素,讓CTA按鈕更為突出。
如果是小程序或者手機網(wǎng)站,CTA按鈕應(yīng)該放拇指區(qū)域,方便拇指能夠點擊到,拇指區(qū)域通常是指右下方。形狀方面。
CTA的形狀應(yīng)該保持簡單,同時,形狀要以圓潤設(shè)計。
為什么要保持簡單呢?是為了避免訪客在點擊之前有較多的“思考”,進而產(chǎn)生猶豫。
為什么要圓潤呢?圓潤設(shè)計可以避免過于強勢,訪客更愿意點擊。
所以,CTA的形狀以圓角矩形為主。顏色方面。
在顏色方面,為了讓CTA的按鈕更為醒目,CTA按鈕的顏色應(yīng)該與背景色有較為明顯的對比。
但是,我們也發(fā)現(xiàn)這樣的規(guī)律——紅、綠、黃等顏色的轉(zhuǎn)化率要高于黑、白、棕。
所以,CTA按鈕顏色優(yōu)先選擇前者。大小方面。
在設(shè)計上,有一個設(shè)計理念較為倒三角形,從上往下,越來越小。
所以,CTA按鈕的大小至少要比上方的內(nèi)容或圖案小一些。
以創(chuàng)新互聯(lián)的預(yù)約咨詢頁面為例,提交信息的按鈕比輸入框要小。
文字方面。
CTA上面的文字,應(yīng)該遵循“必要”“簡短”“硬氣”三個原則。其一,文字是必要的,否則會讓訪客無所適從;其二,文字要簡短,五個字以內(nèi)。其三,語氣要適當強硬一些,可以讓用戶堅定點擊的信念。
當前標題:建站、小程序開發(fā)必備:CTA按鈕設(shè)計學問
文章網(wǎng)址:http://www.rwnh.cn/news28/236478.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、靜態(tài)網(wǎng)站、域名注冊、搜索引擎優(yōu)化、網(wǎng)站收錄、網(wǎng)站營銷
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)