Facebook Pixel Facebook Pixel

設計掌握3訣竅,創造高點擊「行動呼籲」按鈕

2016-06-16
SmartM/鄭祐銓
設計掌握3訣竅,創造高點擊「行動呼籲」按鈕
圖片來源 : pixabay

大多數電商業者在發送電子報時,會在電子報上加入行動呼籲「Call to Action」的按鈕,以吸引消費者進入網站購物,但所帶來的轉換效果卻有莫大差異。這些差異可能是由於按鈕太小不好找,或是顏色與背景太相近,隱身於其他文字或圖案之中等,都是讓行動呼籲按鈕點擊率不好的原因。

 

Emma, Inc的行銷副總裁Cynthia Price在TargetMarketing網站上發布三種能提升行動呼籲按鈕點擊率的設計方式,讓電商業者能夠透過設計更高點擊率的行動呼籲按鈕,進而增加業績。

 

1.好的顏色

好的顏色沒有一定的標準,但在設計的時候,可以從以下兩個角度著手思考:

 

(a)選擇突顯於背景的顏色

行動呼籲的按鈕愈容易被使用者看到,會愈容易被點擊。所以在選擇顏色時,若挑選能在電子報中被凸顯,卻又不破壞整體美感的顏色,有助於提升使用者點擊按鈕的機率。

 

(b)選擇與品牌調性相符合的顏色

每個顏色給人的感覺都不相同,像是紅色可能代表熱情,藍色代表冷靜等等。透過選擇和自己品牌調性相符合的顏色,能讓使用者在點擊行動呼籲按鈕時,體驗到品牌想要傳達給消費者的感受。

 

2.好的文字內容

除了按鈕的顏色以外,按鈕上該寫什麼樣的文字,也是業者在設計行動呼籲按鈕時可以思考的。以下作者提供了三個在設計按鈕文字內容時的建議:

 

(a)明確的動作指示

運用明確的文字,能讓使用者明確知道,自己點擊這個按鈕的目的是什麼,有助於提升他們點擊的機率。相較於Click Here(點擊這裡),Shop Now(立刻購買)更能讓使用者知道點擊按鈕的目的是什麼,也因此會有更高的點擊率。

 

(b)運用第一人稱

運用第一人稱(我)設計文字敘述,相較於第二人稱(你),能讓使用者更感同身受,有助於提升按鈕的點擊率。

 

經過測試後發現「行動呼籲按鈕,運用第一人稱的點擊率,將近使用第二人稱的兩倍」。由「開始我的30天免費試用VS.開始你的30天免費試用」比對測試結果便能看出,從第一人稱的角度出發,撰寫行動呼籲按鈕的文字,相較於第二人稱,能有更高的點擊率。

 

(3)運用時間性的文字創造緊張感

在文字中加入「立刻」或「馬上」等有關時間的文字,能讓使用者感受到緊張感,有助於提升轉換率。

 

3.適當的尺寸及形狀

前面有提到,行動呼籲按鈕設計的愈突出,愈容易被使用者點擊。而除了在顏色上有所差異外,形狀及大小也是業者可以做設計的。

 

作者提到方形是最常被使用的形狀,但因為人類不喜歡有稜角的圖像,所以在設計按鈕時,建議運用圓角矩形,會比較容易被使用者接受。

 

而按鈕的大小必須要經過測試。按鈕太小對於使用者而言,不容易點擊,會影響點擊率;太大又破壞整體電子報美感,所以中間該如何取捨,是業者必須要花費心思去嘗試的。

 

延伸閱讀

A/B test改善行動呼籲,務必牢記這3個重點

原文出處

Target Marketing

【超過300本影音說書陪你成就更好的自己】讓大大學院與你共讀,幫助「沒時間讀書」、「讀書速度很慢」、「讀完就忘記」、「抓不到重點」的你,利用18分鐘領略閱讀的樂趣,吸收並帶走鮮明觀點,真正讓知識內涵融會於日常生活。立即點擊加入
大大讀書|全台最大線上影音說書
本網站內容未經允許,不得轉載。歡迎來信投稿、洽談文章授權。

關注職場最新趨勢,為知識學習創造最佳環境

大大學院「全台最大影音說書.知識學習平台」,致力於推廣終生學習、培養職場人士的閱讀習慣。

按讚、追蹤「大大學院」Facebook粉絲團,每天更新最新職場趨勢文章,帶你掌握關鍵資訊。

加入「大大學院|職場趨勢新觀點」,最新、最實用的職場課程都在這,學習資訊不漏接!請用手機點擊「加入Line好友」連結,或是掃描QR Code加入。

處理中