建站、小程序開發(fā)必備:CTA按鈕設(shè)計(jì)學(xué)問

2023-02-11    分類: 網(wǎng)站建設(shè)

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

文字方面。
CTA上面的文字,應(yīng)該遵循“必要”“簡(jiǎn)短”“硬氣”三個(gè)原則。其一,文字是必要的,否則會(huì)讓訪客無所適從;其二,文字要簡(jiǎn)短,五個(gè)字以內(nèi)。其三,語氣要適當(dāng)強(qiáng)硬一些,可以讓用戶堅(jiān)定點(diǎn)擊的信念。

當(dāng)前標(biāo)題:建站、小程序開發(fā)必備:CTA按鈕設(shè)計(jì)學(xué)問
文章網(wǎng)址:http://www.bm7419.com/news28/236478.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、靜態(tài)網(wǎng)站、域名注冊(cè)、搜索引擎優(yōu)化、網(wǎng)站收錄、網(wǎng)站營(yíng)銷

廣告

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

商城網(wǎng)站建設(shè)