2014年2月10日 星期一

如何設計動作按鈕,喚起讀者的行動與興趣?

Read English Version >>


什麼是動作按鈕 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 所描述的回報,這會影響品牌的聲望。

動作按鈕例子 A







你亦可使用一些字詞帶出 CTA 的相關性

動作按鈕例子 B







CTA 裡放置箭咀 (>) 於文字旁亦能提升轉換率及點撃率

CTA 是達到高轉換率的關鍵,你知道更多設計 CTA 的技巧嗎?

沒有留言:

張貼留言