在網路上銷售商品是一條漫長的過程跟挑戰,我們看過很多人興沖沖的踏入,請人做了一個網站,然後就期待它可以生意興隆。但事實上,在網路上銷售其實必須經過縝密的計算與對話。網站的設計中,包含了許多元素,其中一個很重要的關鍵就是”CTA ( Call-to-Action”),也就是所謂的行動號召按鈕,或是鼓勵購買按鈕。
這個按鈕常常出現在網站內,但你可能不一定會注意到,所以我們今天想來聊聊這個讓你的客戶願意按下去掏錢的關鍵。

CTA ( Call-to-Action ) 到底是什麼?

號召性按鈕(CTA)常常出現在網站內,也就是告訴客戶說:來,你想要的東西在這裡,鼓勵你的客戶立即採取行動,但這個按鈕有時候不見得是購買商品,它也可以是下載文件、訂閱服務、註冊會員、聯繫、開始試用等等。來看看實際的範例好了:

基本上,CTA的用語都必須是相對肯定並且帶有個性的,例如:想脫魯按這裏、想變美趕緊來、給我好康別囉嗦。
比較少會是:點這裡試試看、點看看這類比較弱的語氣。
只要安排得宜,它絕對是你的網站銷售利器!

 

CTA範例一:蝦皮的廣告

有注意到右下角的:去逛逛了嗎?
CTA ( Call-to-Action ) 範例 airbnb | 設計迷

CTA範例二:Airbnb

Airbnb首頁,直接要求使用者進行“搜尋”的動作

該如何設定CTA?

首先要決定你想達成什麼目標

一個經過設計的CTA,它必須直指你網站的核心目標,所以身為網站的主人,你必須很清楚的知道,我究竟想達成什麼目標,然後再來決定它所擺放的位置以及號召性的關鍵詞是什麼。

舉例來說好了,假設你所提供的是線上交友性質的網站,那CTA的號召性文字就可以寫著:立即預約、找另一半、立即註冊找同好等等的詞彙。而某些情況下,或許我們不只想達成一個目標而已(通常也不會只有一個目標),那就必須做好妥善的安排,例如:你希望網友在瀏覽網站的時候可以購買商品,順便替你的粉絲頁按讚,甚至是訂閱你的電子報。那我們建議你將這些按鈕分別安排在頁面的不同位置,盡量同一頁面不要超過兩個CTA按鈕,否則就分開在不同頁面來顯示,才不會讓你的客戶覺得眼花撩亂。

設定CTA的同時,別忘了使用者體驗

OK~還記得我們前幾篇的文章嗎?11種不應該出現在你網站的設計 裡面有提到客戶體驗至上這件事。前面說到怎麼安排CTA,是以你自己本身出發的觀點來設計,但別忘了,網站就如同你的店面一般,真正掏錢在裡面逛來逛去體驗的是你的顧客,因此,他們怎麼想絕對比你怎麼想來得重要許多。
所以針對這部分,你有幾種選擇來評估該怎麼設計你的CTA擺放:

  • A/B Test : 設計兩種不同的頁面給相同的顧客,讓他們告訴你該怎麼辦。
  • 找一些你的忠實顧客,直接跟他們聊聊。

大多數時候,你還可以選擇拿競爭對手的網頁來比較,究竟差別在哪,透過身邊朋友或是客戶,請他們給你最直接的建議。
以上都是很好的方式,建議你都試試看再來決定如何設定你的CTA擺放位置。

CTA按鈕的設計三個關鍵

CTA按鈕以及文字必須設計的非常明顯(不然放它做什麼?)以下是我們建議必須注意的三個設計關鍵:

按鈕與文字配色:
在配色上必須盡量讓按鈕明顯,好讓使用者可以清楚的知道下一步是什麼,但不是說讓你用極度強烈的顏色來閃瞎你的客戶,如果在配色上有困擾的話,我們建議你到這裡看看:Coolors, 在這裡你可以找出與你的網站主色調搭配卻又不突兀的好選擇,另外,也別忘了色彩心理學的建議,某些特定的顏色是可以喚起人們特定的情緒的喔。

CTA按鈕尺寸大小:
通常來說,按鈕的大小必須比網站內的文字比例再大上一到兩個級距,切勿過度放大。

CTA按鈕擺放位置:
設定在網站首頁第一頁的按鈕其實作用不會太大,因為現在消費者選擇太多,因此請不要太期待那個位置的成效會有多好,我們反而建議你在網站的中段或是最後來放置按鈕,並且擺放的周圍盡量不要有太多干擾的元素存在,以避免混淆。

別忘了用Google Analytics追蹤成效

上述如果都做到了,那你千萬別忘記替每一次的點擊做完整的追蹤,因為這樣一來你才知道究竟有多少人對你的網站溝通模式感到興趣,如果成效不好也好即時修正,不論是從文字、圖片或是按鈕色調。

如果您想要提升網站的使用者體驗成效,很歡迎您透過我們的粉絲頁或是右下角的紅色對話泡泡直接與我們聯繫喔。

 

延伸閱讀

設計資源
免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權
免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

免費圖庫網站大整理,順便讓你一次搞懂圖片授權的差異,從此不再擔心侵權

根據研究顯示,圖片或照片品質的好壞將是影響消費者願意停留駐足的關鍵,但只要你曾經參與過任何廣宣或是網站設計,你一定都遇過這樣的事情:那就是要找到一張合適並且與內容主題相符合的圖片有多麼困難跟耗費時間。