如何設計動作按鈕,喚起讀者的行動與興趣?
什麼是動作按鈕 Call-to-action [CTA] ?
CTA 是一個可引領讀者作特定動作的按鈕,例如使讀者獲得更多相關資訊、瀏覽相關的網頁或購買產品。每封電郵必須具備 CTA 來提升讀者的參與度,增加商機。設計 CTA 時,需要注意 8 大要點:
1. 位置
把 CTA 放置在電郵的當眼位置,例如電郵的頂部及中間的位置抓緊讀者的注意力,不要期望讀者移動卷軸去尋找CTA。你可以於電郵底部重複 CTA,推動讀者按下按鈕。另外,預留一些空間在 CTA 的周圍能突顯 CTA,使讀者能快速注意並按下按鈕。
2. 使用對比色
使用與電郵設計有強烈對比的顏色能突顯 CTA。
3. 尺寸大一點
一個清楚顯示的 CTA 能讓讀者一眼便能看到,所以在不破壞電郵整體設計的前題下,不妨把 CTA 設計大一點。
4. 使 CTA 更像一個按鈕
加入一些設計元素,例如陰影和傾斜等效果,使 CTA 更像一個按鈕,更突出。
5. 圖文並荗
如果你使用圖片作為 CTA,僅記於圖案按鈕旁作簡短描述。這是因為讀者並不一定會下載電郵內的圖片,為確保讀者能了解你設計的 CTA 並下載圖片,你可於按鈕旁以簡短句子簡介你的讀者能透過 CTA 獲得什麼益處。你亦可於以圖片製成的 CTA 上設有一個文字版的 CTA,這使讀者能在不下載圖片的情況下點擊 CTA。文字版的 CTA 有時能提高點撃率。
一個更方便的進階方案是使用防彈按鈕 (bulletproof button)。如果電郵客戶端沒有封鎖圖片,CTA 當然能被正確顯示;可是,使用防彈按鈕後,不論圖片有沒有被封鎖,讀者都能看到 CTA。當圖片不能被正確讀取時,讀者看到的防彈按鈕將會在一個彩色盒子中,與原來的 CTA 並沒有很大的差異。要製作一個防彈按鈕,用家需要有 HTML,VML 編碼及內聯 CSS 技巧,把背景圖片及顏色包括在 tag 內。你可以按此嘗試製作防彈按鈕。
6. 使用輔助CTA
1 個電郵只需 2 個 CTA,太多 CTA 會減低電郵的轉換率 (conversion rate)。集中強調 1 個 CTA 有助增加它的重要性,抓住讀者注意力。這是因為讀者往往只會花數分鍾閱讀一個電郵,並不會花時間選擇要按哪一個 CTA。但是,若讀者不能決定是否按下主要的 CTA 時,輔助 CTA 能大大提高轉換率。輔助 CTA 能提供一些資訊,協助及說服讀者採取首要的行動。輔助 CTA 能被放置於主要的 CTA 旁,使讀者能一眼確認 2 個 CTA。
7. 創造緊急性
使用簡短的字句創造緊急性,例如「立即取得優惠」、「尚餘 3 天,取得七折優惠」、「馬上加入我們」。你亦可提供一些動力,鼓勵讀者立即採取行動。
8. 使用相關及能傳遞價值的字詞
不要只要求讀者行動,相反,告訴他們透過行動能獲得什麼益處,1 個有價值的 CTA 能大大提升轉換率。但是,僅記要給予讀者符合他們期望的回報,如果讀者不能得到 CTA 所描述的回報,這會影響品牌的聲望。
Aug 2020 (6)
Dec 2016 (4)
Nov 2016 (2)
Oct 2016 (1)
Sep 2016 (2)
Aug 2016 (7)
Jul 2016 (1)
Jun 2016 (6)
May 2016 (4)
Apr 2016 (2)
Feb 2016 (1)
Jan 2016 (2)
Mar 2015 (2)
Feb 2015 (2)
Dec 2014 (2)
Nov 2014 (2)
Oct 2014 (6)
Sep 2014 (6)
Aug 2014 (8)
Jul 2014 (8)
Jun 2014 (10)
May 2014 (8)
Apr 2014 (10)
Mar 2014 (10)
Feb 2014 (8)
Jan 2014 (10)