CTA(Calls to action)被應用于網站和App中,鼓勵用戶采取某些行動。它會以各種形式出現,包括按鈕、圖片和文字。
下圖是亞馬遜試圖引導消費者注冊Prime會員的CTA:
“Without Prime”那一列,亞馬遜使用黑色標題,字體比較小、沒有特色,使用紅色字標出價格給人一種警示的意味,確認鍵不是用按鈕,而是用文字“Continue without fast, free shipping”,提醒了消費者不購買Prime的劣勢。
另一方面,“Prime”那一列標題使用柔和的藍色,并且有“笑臉”,價格使用的是綠色,最下方黃色按鈕還有“benefits”一詞,能更好地激勵消費者注冊亞馬遜Prime。
從上例可以看出,一個好的CTA包含各種元素,因此本文將討論賣家在創建網頁CTA時,應該考慮的9個要素:
電商賣家的最終目標是銷售,這也是許多電商網站CTA鼓勵消費者購物或添加產品到購物車的原因。但是其實很多CTA與產生銷售無關,相反大量的CTA旨在找出潛在客戶、通知消費者并鼓勵分享。以下是幾種此類型的CTA示例:
(1)社交證明CTA
下圖中,Casper的CTA按鈕會顯示不同類型的消費者評論,每個CTA展示的是該公司的賣點:
下圖是爆米花零食制造商Pipcorn的視頻CTA,它也可以作為社交證明。每個短片都由一位Pipcorn粉絲講述他們最喜愛的“mini moment”,當然還會說明喜歡Pipcorn的哪一點。
(2)社交分享CTA
(3)獲取郵件的CTA
下圖的每個CTA目的都是為了獲取電子郵件地址,以發送營銷內容和其他優惠,捕捉未來潛在消費者:
CTA的放置位置沒有一定的規定。下圖中,餐飲外送服務商Foodora,希望訪客輸入地址,以確保食物能送到:
即使下拉查看,輸入地址的CTA文本和按鈕也仍然存在:
下圖是某博客網站的CTA按鈕,每篇博文頁面右側都會詢問用戶是否要注冊獲取實時資訊:
即使用戶下拉,還是有CTA讓用戶能夠輸入郵件地址。
HubSpot引導讓訪客訂閱的CTA也做得很好,無論在頁面的哪個位置,都能看到該CTA按鈕,而且還有社交共享CTA固定保持在頁面最底部。
下圖中,紅心可以讓用戶添加產品到心愿單中。這樣設計不僅吸引人,而且也不會擋住產品圖像本身:
大多數CTA基本就是一個按鈕大小,沒有很多空間宣傳產品特點。但賣家可以使用一些支持文本讓CTA更容易被點擊。
下圖CTA實際只有兩個詞,即“SHOP NOW”,但這兩個詞很有用。從頁面頂部不同顏色、非常醒目的CLEARANCE開始吸引消費者的目光,之后就是玫紅色的免費送貨說明,然后又再出現了非常大的CLEARANCE一詞,最后又是另一個免費送貨說明:
以下是汽車制造商Tesla的CTA例子。首先,Tesla讓訪客知道,如果現在購物,那么就可以在不到14天內拿到車。同時,定制車輛可在一至兩個月內交貨,之后再用藍色按鈕引導消費者購買:
下圖是有聲書網站Audible的CTA例子,它用免費試用30天作為CTA文本:
下圖是鼓勵訪客購買高端護照夾的CTA:
在CTA周圍使用文本表示有新產品,從而使用“discover”CTA按鈕更可能讓消費者點擊查看:
現在許多網站會把網頁上的CTA設計得很有趣。畢竟,并沒有人規定CTA必須為彩色的矩形。例如,下圖是注冊實時通訊的一個CTA,但卻無法找到Subscribe一詞,只有打鉤:
下圖Boss的CTA設計融入一些產品,這讓它能夠吸引了訪客注意力:
下圖例子中,電子郵件營銷企業MailChimp為推廣其社交廣告功能,使用合成的廣告為CTA:
蘋果公司在設計時從不懈怠,它為iPhone X制作了一個漂亮的CTA。不知道從哪里點進去查看?沒關系,任何地方都可以點擊進去查看:
以下是一些好的CTA示例,下圖中除了Shop now這樣標準的CTA元素,它的整個屏幕都可以點擊:
如果你銷售特定的產品,并想讓消費者意識到特定的促銷活動,那么就可以引導消費者到某些網頁。
下圖是CK的CTA,使用紅色字體突出“SALE”,利用了消費者喜歡促銷的心理:
軟件公司Zendesk的CTA選項則用較大的字體突出“Support”相關產品:
下圖是Nike的CTA,消費者可以通過“Shop Now”訪問電商店鋪,另一個CTA按鈕用有顏色的圈圈強化消費者可以自己創造個性化產品的觀念:
創造引人注目的CTA可以引導訪客找到最佳特惠和服務,而誤導性CTA恰好相反。它使用顏色和位置來引導用戶訪問不想訪問的頁面,最終將導致客戶流失。
如下例所示,要取消網站訂閱,提交按鈕在左側,返回按鈕卻在右側,而且是紅色的,風扇用戶注意力,引導用戶點擊錯誤的結果:
以下是另一個誤導性CTA例子,同樣有關取消訂閱。當用戶想取消訂閱時,就會被帶到如下圖的網頁中,試圖讓用戶續訂:
在用戶下拉賣點頁面后,才可以繼續確認取消訂閱:
用戶點擊“Yes”后,又會被帶到另一個頁面:
用戶不得下拉,并最終提交問題答案,然后才能再次取消:
這如果消費者對服務并沒有感到非常不滿意的話,是有可能成功阻止用戶取消訂閱。但最糟糕的情況是,CTA會混淆用戶,讓他們以為取消訂閱了,很容易引起用戶的不滿。
如果你的CTA設計高雅并為消費者創造價值,讓他們獲得最佳及最新的優惠,那么消費者不會介意多次看到該CTA元素。
下圖頁面中有很多購物CTA按鈕,它們可以確保訪客隨時隨地購物:
有聲書網站Audible的主頁就充斥著各種CTA,而且每個CTA都有“free”一詞,而且也很多次呼吁用戶試聽:
一般CTA都是將用戶留在網站上,而最近社交CTA呈爆炸式增長,它除了讓用戶瀏覽或購買產品外,還開始鼓勵用戶分享到Pinterest或Twitter上。
之后就演變成:使用CTA讓人們在社交媒體App上分享內容:
鼓勵用戶分享的CTA非常棒。但問題是,當賣家將諸如WhatsApp和Slack等App融入CTA時,它不僅會讓消費者離開網站,還對技術整合有一定的要求。而且即使在2018年,有些整合并不順暢。
當用戶點擊分享到Slack的CTA時,可能會看到以下內容。顯然沒有人希望點擊CTA后看到需要聯系管理員的說明:
要分享到WhatsApp也可會發生相似的情況:
CTA元素是很好的導航工具,能準確地將訪客引導至你想讓他訪問的目標位置,為訪客提供良好的體驗。
以下是Hugo Boss的兩個CTA元素例子,旨在幫助訪客瀏覽大量有貨的品類和子品類:
下圖CTA進一步展示了子品類:
在有大量產品的網站上,這樣的CTA可以為消費者節省時間和精力。(編譯/雨果網 方小玲)