在網絡上,如果說客戶付款是一項交易的“里程碑”,那么,在付款之前,從設計角度而言,哪一個設計要素,對客戶付款的作用大?
我們認為——是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上面的文字,應該遵循“必要”“簡短”“硬氣”三個原則。其一,文字是必要的,否則會讓訪客無所適從;其二,文字要簡短,五個字以內。其三,語氣要適當強硬一些,可以讓用戶堅定點擊的信念。
新手站長應該怎樣優化網站網站改版專題:網站改版費用幾何?搜索引擎優化的難點在哪里網站改版應注意與SEO人員配合將風險降到更低!廣州市電商網站建設注意事項是什么?企業網絡推廣的策劃應該怎么做老鐵,網站建設前看看這6點!將傳統網站構建成自適應網站所使用的關鍵技術