誘導使用者依循網頁的設計做出行動吧！Call To Action全方位解析

什麼是Call To Action(CTA)？CTA於網頁上如何設計運用？本文帶您從四大面向：文案設計、樣式設計、網頁運用與案例、後續成效追蹤與優化調整，全方位解析Call To Action。
 

什麼是Call To Action(CTA)？

Call To Action中文可翻譯做「行動呼籲」英文簡稱CTA，在網頁上的運用我們可以理解為以下「誘導使用者依循網頁的設計做出行動，以達成網站經營者建置的目的」。換個說法，網站經營者在網頁內做了某個設計，期望使用者到達網頁後能依照經營者的期望採取行動。以電子商務網站來說，有許多CTA設計的目的就是希望消費者能在網站內盡快完成訂購消費的。常見的Call To Action設計為配置按鈕，其他諸如一張圖片、一段文字也可以是Call To Action的設計表現形式。


 

CTA文字設計的要點

 

加入生動的提示文字

動詞的選用也是一大學問，也會左右CTA的點擊成效。若網頁目的為帶領使用者繼續閱讀更多資訊、引導填寫諮詢表單、完成會員註冊等，都需要使用者繼續下一個動作才能完成，建議您在CTA中加入動詞文字，邀請使用者繼續完成預期動作，以下情境案例：

• ● 旅遊網站誘導使用者閱讀更多資訊、繼續使用網站：「開啟您的北海道旅行」
• ● 金融網站誘導使用者填寫諮詢表單：「取得免費專業諮詢」
• ● 電商網站誘導使用者完成會員註冊：「獲得更多專屬優惠」

 

加入情緒、引起共鳴，加強引導效果

文字有暗示效果，同樣的意思搭配不同的文案，則會有明顯不同的感受，下面兩組案例與說明：

<第一組>
(A) 點擊購買
(B) 馬上購買
「點擊」只是平舖直述的表達一個動作，改為「馬上」時間副詞，語句是否變得更生動呢？

<第二組>
(C) 點擊獲取優惠訊息
(D) 馬上獲取專屬優惠

「專屬優惠」兩相比較「優惠訊息」，因為「專屬」加強了文字與讓觀者的聯繫，大幅提升使用者點擊的意願。
(D)加上第一組提到的時間副詞，所以(D)的引導性比(C)組更強烈。
 

採用第一人稱視角

創造使用者身歷其境的感受，CTA的人稱視角也是一項細微的設計。以下案例與說明：
(1)馬上獲取我的試用包 [第一人稱視角]
(2)馬上獲取你的試用包 [第二人稱視角]

曾經有實驗表明，將文字改為第一人稱視角，使用者點擊意願將比第二人稱視角高出許多倍。
 

隨使用者決策/購買階段採用不同的文字敘述

每位使用者進入網站可能處於不同的決策階段，消費者的思考模式也會有所不同，每個網頁(到達頁面，Landing Page)應各司其職或共存兩種以上CTA。以下利用消費者決定購買一項產品歷經的階段做為案例進行探討：
 

決定CTA採用的文字前，需先評估瀏覽該網頁使用者可能的決策/購買階段，依照不同階段設置CTA。

 

CTA樣式設計的要點

按鈕的外觀與大小

按鈕的外觀並沒有特定的規範，導圓角、直角、圓形都可以被使用，只要能符合網站整體設計即可。大小尺寸當然不要過小，尤其響應式網站須同時考量平板、手機載具，需設計符合手指寬度的尺寸，手機按鈕建議須超過40像素。若網頁同時存在多組CTA，則應依照重要性調整按鈕大小。  

顯眼醒目顏色

網頁CTA按鈕顏色並沒有規定一定要使用的色系，唯一的準則就是與周遭設計相比是顯眼醒目就可以。通常會採用與品牌LOGO同色系、視覺規範(VI)手冊規範的輔助色系。若網頁同時存在多組CTA，則應依照重要性調整顏色，如採用與LOGO主色但色階較低的顏色。  

配置在適當的位置

CTA於網頁內的位置最好是顯而易見，並且必須同時考量使用者的閱讀習慣，多數使用者網站的閱讀習慣是從左至右、從上到下。以部落格文章來說，通常會將CTA按鈕設置在文章最後面，讓使用者閱讀完內容後繼續做出預期的行動，如配置「您可能有興趣的文章」、「相關產品連結」按鈕等。

若是使用者可能常用的功能，如線上客服諮詢、購物車結帳、會員註冊/登入、多語系切換選單，可以固定浮動於網頁某處的方式呈現，方便使用者。浮動按鈕的大小也不能影響到使用者閱讀內容的視線。

 

CTA於網頁設計上的運用與案例

1. 1. 電商購物導向：於產品資訊頁配置「加入購物車」、「直接購買」、「線上客服」按鈕。
2. 2. 訂閱功能：部落格、電子報功能的網站，供使用者訂閱最新資訊。
3. 3. 分享、蒐藏、複製：常見於部落格文章頁、產品資訊頁，供使用者可快速將資訊分享給朋友、或蒐藏資訊。
4. 4. 多媒體廣告曝光：某些網站會嵌入多媒體廣告，靜態圖片、動態影片都是可能的呈現方式。
5. 5. 新舊使用者兼顧形式：網站使用者同時存在新手、老手，為了兼顧新舊客戶，可以利用CTA設計符合兩種客群的使用需求。

1. 6. 互動式設計：與使用者互動溝通也是網站架設的目的，可開發一些符合使用者需求的功能，協助使用者評估、也有效降低客戶服務時間，以下案例與說明：

 

CTA成效追蹤、優化調整

CTA都規劃設置完成後，記得使用數據追蹤工具去紀錄CTA點擊率(如Google Analytics)。透過數據報表分析我們可以得知使用者的點擊意願、整理出熱門冷門網頁。針對表現不好的部分，給予文字、樣式、顏色等方式調整優化。這些數據都是網站優化最好的評估來源方式，透過不斷調整優化讓網站逐漸變成符合使用者的喜好，進而提升轉換率、提高行銷成效吧！