Related Posts with Thumbnails

2018年10月6日 星期六

Call to Action 該怎樣設計,才能發揮最大效用?

不點擊的訪客就無法轉換。而且,如果沒有點擊你的號召性用語按鈕,就沒法讓訂閱者、訂單或與會者參與你的直播活動 ... 換言之:「你的號召性用語是增加網頁轉化次數的途徑!」

點擊你的按鈕並使用正確的駭客技巧使之提高轉換率,也將導致增長的戰術步驟
在社交時代於電子郵件中添加社交媒體共享按鈕時,點擊率也會增加不少
制定完美的號召性用語是一回事,讓合適的人點擊又是另一回事

根據 Web Design Trends of Fortune 500 Companies 的說法:「47% 的網站都有一個明確的號召性用語按鈕,並讓用戶可以在 3 秒或更短的時間內看到」

所以讓我們結束藉口 ... 儘管有各種建議,但很多人仍然很難將訪客轉化為潛在客戶
然而,我發現你不需要魔術技巧便可讓人們點擊你的號召性用語按鈕
你真正需要的只是了解目標受眾真正想要的東西,以及想要的程度

在提高號召性用語點擊率方面,對文案進行一些調整可能會有很長的路要走。例如,雖然只需在文章中添加 “按讚” 這個詞就可以在 Facebook 上獲得更多按讚和評論,但有時你需要一個帶有誘人文字顏色的文字連結


我們需要開始關注目標網頁、粉絲頁貼文、網站文章、銷售頁以及我們使用號召性用語的社交媒體上的 “小事” ... 那些 “小東西” 可以產生很大的不同!

所以不用多說,這裡有 15 個心理學技巧可讓人們更加願意點擊你的號召性用語按鈕

1 . 確保 CTA 按鈕看起來更容易點擊
在創建出色的用戶體驗方面,任何一件小事都很重要。在 reports - Econsultancy 的體驗調查報告中發現:「超過 95% 的受訪者同意良好的用戶體驗非常具有意義」


你的客戶將在網頁上執行的每個操作步驟都嵌入在 CTA 按鈕內。這就是為什麼你需要使它看起來更容易點擊 ( Clickable ),而不是被網站的其它元素包括封面照片或太多的文字連結所掩蓋。而且這種事不該僅偶然發生,你還必須慎重考慮才能培養 "急迫感"

Selling 101 這篇文章還提到了:「在銷售產品或服務時你不該把銷售宣傳的味道作的過於明顯相反地你應預先銷售產品 ( 即預熱潛在客戶 ) 才是」。但若是 CTA 按鈕則完全不同,你的潛在客戶需要知道它是該被點擊的 ( Clickable )

當你在網頁上看到一個按鈕時,是什麼讓你相信它是可點擊的?以及什麼促使你點擊?
我在訪問目標網頁時點擊的大多數按鈕都具有以下一項或多項功能
  • 文字與背景顏色呈現清楚與對比狀態
  • 特別的描述 ( ex:獲取免費訪問權限 )
  • 周圍有白色空間
  • 矩形 ( 有時是圓形 ) 形狀

人們訪問頁面並停留一段時間之事實代表對你的提案感興趣 - 也許內容有幫助、封面照片有吸引力、設計作為一個美感激發它們留下來。但是無論理由為何,你都不會在此時失去它們。訪客與提案間的聯繫點是號召性用語,無論是在社交媒體上購買、嘗試或分享

注意:儘可能減少會分心的誘惑,並用方向線引擊點擊按鈕 - 使按鈕看起來更讓人想點擊

2 . 將按鈕放在訪客易點擊的熱區
放置按鈕的位置將決定被訪客點擊的次數 - 根據 F-Shaped Pattern of Reading on the Web:Misunderstood, But Still Relevant (Even on Mobile) 的眼球追蹤研究發現:「人們在閱讀網頁時會遵循 F 形圖案。外加顏色非常重要,因為可以吸引注意力!」


與你在學校讀到的內容相反,人們的眼睛在網路上以令人印象深刻的速度移動,特別是在拼命尋找問題的解決方案時 - 在研究期間記錄的 232 位用戶中,Nielsen Jakob 觀察到用戶閱讀行為在許多不同的網頁上皆相當一致


當人們訪問頁面時所做的第一件事就是以橫向方式閱讀,這意味著在你擔心字體顏色或連結之前,將號召性用語按鈕放在那裡會提高其點擊率 ( 你會注意到 Crazy Egg 的 CTA 按鈕正好位於頁面上方 - 也因為 "故意" 將它放在那,才能獲得最大限度的點擊率 )


請記住:將按鈕放在頁面上方可能並不總能產生最佳效果 - 行業不同,著陸頁也是如此
在網頁上放置按鈕沒有正確或錯誤的位置,雖然此法不錯,但你仍可在封面、照片附近找到更好的效果 → 永遠不會失敗的唯一可行方法是不斷測試!

為了查看將按鈕置於頁面之下是否最佳,Content Verve 在 B2C 登陸頁上進行測試
對於此特定測試,將一個變數放置在頁面之下 ( 於非常長的著陸頁底部 )


原始變數是 CTA 按鈕位於頁面上方。在測試結束後,位於頁面之下變數獲得 304% 的轉化率

那麼你該如何確定按鈕的放置位置?根據經驗 ... 著陸頁的 "提案深度" 會有不同影響
一方面,如果內容很複雜且必須先閱讀好消化訊息才能做出決定,那麼在行動中放置號召性用語將產生最佳結果

例如,在嘗試銷售新的數位相機時,你需教育潛在客戶,突出功能好帶出強大優勢,這將激發潛在客戶採取行動,好讓它們在感興趣的當下立刻準備下訂單

下面的 CTA 展示位置圖表顯示,你應該將按鈕放置在影響潛在客戶決策過程的位置
它應該建立興趣並讚揚它們採取行動的決定


另一方面,如果內容非常簡單,並且潛在客戶很可能已知其好處
例如,電子郵件自動回復解決方案 - 將 CTA 放在頁面之上則是最佳選擇


不久前作為 WordPress 編輯器 Artsy Editor 在它們的登陸頁上於 Important Lessons From 3 Call-to-Action A/B Case Studies 進行了一項研究 → 它們稍微更新了登陸頁 ( 仍在進行 A/B Test )、調整封面照片尺寸並將 CTA 按鈕放在標題正下方 ... 這使得定價頁面的點擊率提高了 47%
 

總之,你可以採取以下幾個步驟來確保 CTA 按鈕產生最佳結果:
  • 了解受眾:當你了解理想客戶所尋求的內容時,特別是當它們訪問目標網頁時,它會為你提供一個路線圖 - 通過將 CTA 放置在它們能輕鬆灌輸緊急感的地方來提供正確的解決方案
  • 要靈活:對訪客保持開放的態度,即使當前的位置已有高點擊率,也要準備好進行 A/B Test,目的是讓網頁始終存在改進和完善的空間
  • 設定心情:言語是有力量的。通常情況下,如果按鈕用 "正確的詞彙" ( 不僅是描點文字 ),並與頁面上的其它元素作出區別時將吸引目光 - 因為這正是它們想看到的內容
3 . 有個引人注目的短描述文案
如果你想增加按鈕的影響力,請仔細選擇文字和字體顏色

請記住:號召性用語是決策的重點,因此所選詞彙應該迫使人們 "立即採取行動"


一目了然、清晰可見易識別。早些時候我告訴過你,讓你的動作按鈕看起來是容易點擊的,而這是提高點擊率的一步 ... 但文案描述也應該很短。更重要的是當人們按下按鈕時,它們就會將原有的 “閱讀情緒” 轉變為 “準備好行動的情緒”!

現在是點擊的時候了 - 簡短的另一個目的,亦在防止訪客轉到其它網頁


從下圖的紅框處相信各位應該已經知道文章標題不能超過 60 個字符
如果你這樣做,Google 將在最後顯示省略號 ... 這對 SEO 排名或用戶體驗都沒有好處!


同樣我建議你的 CTA 文案描述也不該超過,否則你將失去重大轉換的機會
以英文來說假設其中一個單字超過 5 個音節,這使得難以閱讀 ... 更不用說點擊了


將上面的與下面的 Chris Ducker 作比較


除了簡短,單字也很容易閱讀,原因是都不包含 2 個以上的音節

請記住:儘管編寫簡短文案很重要,但最重要的是需與受眾相關聯

無論 CTA 文案多麼短暫和引人注目,如果目標受眾不感興趣,也一樣得不到好結果
而且文字顏色應與網頁上已有內容相稱,不該讓訪客過於反感

為了向你展示如何產生最佳效果,Scandinavia 的連鎖健身世界將文案描述從 “Get Membership" 改成 “Find Your Gym & Get Membership”,轉化率便提高了 213.16%


通過讓文案尋找合適的人,增加轉換就不是問題!

4 . 在文案描述中使用強力字眼
之所以這樣作,目的在幫助增加點擊可能性 - 其中一些文字甚至可激發情緒並影響決策過程
比方說研究人員發現,用於描述車禍的詞彙,使目擊者對事件有了一種新的感覺和看法


在金融界的 Trade of the trick 研究發現:「更容易發音的簡單股票名稱可在 IPO 後獲得更快的收益」。同樣的意思,在 189 Powerful Words That Convert [Free List of Magnet Words] 這張圖表亦列出高轉換率的詞彙 ( ★ 請按右鍵放大,或另存新檔以供備查 ★ )


而如果 "要讓人感受到某樣東西" - 比方說欲說服點擊時,請確保用 595 Power Words That’ll Instantly Make You a Better Writer 這些 "令人安全無虞的詞彙"

當以正確的方式使用時,諸如 "即時、是、訪問、獲取、增加、支配" 等詞彙來刺激行動
一旦點擊你的 CTA 按鈕,等同按你的意願行事 ( 甚至有些網站在退出頁面時出現的 POP-UP 彈出窗口中用它們 ... 這些是按鈕內的簡單文字連結最佳範例 )


那麼,用這些強力字眼有什麼限制、注意事項嗎?
我不這麼認為 - 只要確保不要過度,而且必須 "與要約相關" - 如果確定目標受眾迫切需要你提供的內容,即可藉此吸引、轉換甚至在社交媒體平台上分享



5 . 用計時詞創造急迫感
時間就是金錢 - 如果你能節省理想客戶的時間,它們會很感激
除了撰寫能立即解決緊迫問題的文章外,你還應該用計時詞彙來製作 CTA 文案來創建急迫感

如果你看一下下面的 LIFT 模型,你會發現此乃推動網頁上其它因素更有效運行的關鍵


該模型意指:「如果想增加任何操作的轉換,例如點擊率、Opt-In 等,你有六件事要做」:
  • 讓提案盡可能清晰
  • 提高提案與理想客戶的相關性
  • 增強價值主張
  • 增加信任感
  • 消除所有會令人分心的事物
  • 為優惠添加急迫感
急迫性是個強大的催化劑 - Peep Laja 在 How Creating a Sense of Urgency Helped Me Increase Sales By 332% 寫到:「在著陸頁上測試兩種不同的定價描述,這之間的唯一區別是 - 一個人傳達緊急程度和購買的物品數量,而另一個則沒有」



結果如何相信如你所想,可說是不言可喻!

總結來說,只要人們對你的提案感到急迫,你的目的就已達成!

6 . 在按鈕周圍製造出 "積極" 的情緒
你是否注意到有些行銷人員會要求人們 "不要點擊" CTA 按鈕?事實上這是種負面情緒
我建議你如果有的話 ... 仔細使用這樣的文字連結!

一般來說你想要引起積極的情緒,使人們渴望點擊該按鈕並對你的提案說 “是”


當然,人們可能比正面情緒更能記住負面情緒,但請放心 ... 積極情緒 ( ex:笑聲、幽默、敬畏 ) 會彼此連繫、增加信任度並獲得更多銷售額,甚至增加內容在社交媒體上傳播的可能性

 ( Animoto 在醒目處放上 "Get Started" 使人們感到樂觀並準備採取行動 )

( Sprout Social 則是藉由 "Free Trial" 來提醒使用無風險的意涵 )

另外,使用 "Try" 這個詞彙對於可下載的產品或 SaaS 更有效,因為你可讓人們有機會在不花錢的情況下於幕後獲得第一手資料,或了解產品的工作原理


7 . 通過訪問記錄將 CTA 按鈕放在最強的位置
如果網站未經優化,訪客將離開。而在優化時需要考慮移動設備和 PC 設備 → 根據 30 UX Statistics You Should Not Ignore! 的統計:「83% 的消費者認為所有設備的無縫體驗有些或非常重要!」


響應式或移動設備友好的網頁易於瀏覽。當然,你將吸引用戶將其引導至你的銷售漏斗
但你需要訪問記錄才能識別用戶在網站上的導航路徑 ( 這包含了訪客如何瀏覽、是否點擊連結好識別改善轉化的機會,例如點擊率、互動狀況和 Opt-In 註冊 )


也就是說,將 CTA 按鈕放在訪客開始瀏覽網站或停止瀏覽的位置,那麼將提高點擊率
為獲得更好的結果,請找出最常用的活動,並將按鈕放在該區域中

例如在下面的網頁中,你會注意到訪問者在 “Available Positions” 下結束搜索或導航 → 此乃訪客 “休息” 的地方,這意味著它們更願意點擊按鈕 - 在此可放上具體詞彙的錨點連結


通過用引人注目的文案和誘人字體顏色於按鈕,你將使這些用戶點擊並採取行動

此乃鮮少人知悉的轉換率優化策略,但它卻可產出生出色的結果
如果你還沒有在你的網站上進行用戶體驗測試,那麼現在就開始吧!



8 . 在文案描述中創造預期
使用公式可以節省你的時間,但不要僅止於此
你還應該創建預期 → 希望你的讀者想知道 “接下來會發生什麼事?”

現在是時候收集故事和回憶,並期待生活
理想客戶迫不及待想要選擇獲得另一端的東西。此外,它成為一種社交媒體體驗


預期是 “期待” 的行為 - 當你編寫按鈕文案,目的在於讓人們幻想參與後有什麼未知結果

Timothy Sykes 承諾向人們展示如何將 12,415 美元變成 4,855,000 美元的股票交易
並且為了引誘你參加,提出必須 “參與挑戰” 的邀請,這將讓人們期待接下來會發生什麼事?


9 . 測試並用正確的字體顏色
顏色很重要,特別是當你熟悉顏色心理學時,無論可是發佈 PPC & 原生廣告
你將比對手領先一步,因為你可藉由調整背景和文字顏色好吸引更多的轉換

( 截圖來源:維基百科 - 原生廣告,請右鍵放大 or 點擊入內觀看 )

你需要突出的色調 - 比方說背景是白色的,按鈕就不該是灰色的,而是帶有漸變的純色
顏色不得與背景重疊或衝突,而且二者都不能傷害眼睛。畢竟你希望人們點擊!

著陸頁上的哪些 CTA 顏色會引起你的注意並導致單擊?請注意,所有文字顏色都相同
色彩吸引人類的情感 - 人們可以而且確實只根據配色方案做出決定
你可以用 Buttonoptimizer 創建按鈕,並選擇最適合頁面整體設計的按鈕顏色

通常文字顏色是中性的,但相信一定有很多人會問:「什麼顏色轉換得更好?」
事實上號召性用語的未來是 BOB - Big Orange Button 的設計方向
這就是為什麼你看到許多著陸頁都採用橙色背景 & 白色文字



這是否意味著橙色是號召性用語按鈕的最佳顏色?不必然,我建議你測試一下才是!

10 . 在按鈕上方添加產品圖片
在點擊 “號召性用語” 按鈕時,設計起著關鍵作用
但在一般情況下人們都用 "令人無趣" 的詞彙來表示,可想而知得到的轉變並不令人鼓舞

以下圖來說,說實話人們很困惑 - 它們不知道在購物車中添加了什麼


但如果換個角度假設藉由圖示的方式列出人們 "作過些什麼的過往記錄",那又會如何?


將產品圖片放在按鈕上方來避免放棄購物車的可能,不也等同增加銷售的機會嗎?

11 . 影片播放完畢後出現 CTA 按鈕
有時候你應該看過這類的視頻銷售信吧?奇怪的是,在整個介紹中沒有行動號召用詞出現



但請相信我 ... 產品創造者很聰明 - 視頻很豐富,並教導很多關於行銷的新 Know How
但令人 "詭譎" 的是在視頻結束後於號召性用語按鈕卻出現在下方
這無疑是等同 "提醒" 觀看者要點擊好前往結帳頁!

相信你一定會覺得很好奇,為何會用這招?原來答案在 Delayed Gratification:Definition & Overview - Video & Lesson Transcript 便說了:「是基於 "延遲滿足" 的心理學效應」

""為了等待以後非常有趣、愉快或有益的事情,能夠推遲一些溫和有趣或愉快的事物
例如,你可以在考試前一天晚上看電視,或者你可以表現出延遲的滿足感和學習考試
後者會增加你在一學期結束時獲得 A 的機會,這比長時間看電視更令人滿意""

此外 Delayed Gratification:A Battle That Must Be Won 的心理學也發現:「當你為即將發生的事情 ( 通常是更大的獎勵 ) 推遲立即獎勵時你就會激活多巴胺,而這種神經化學物質使得悄緒變得愉悅」→ 當你期待更大的東西並且願意放棄 "即時" 獎勵時,將改在 "未來" 獎勵出現時更加跳躍不已!

12 . 告訴人們不要點擊
"千萬不要按那個按鈕" - 如果你看到這樣的措辭,你會有什麼感受?
你可能仍決定點擊,只為了看看會發生什麼事嗎?


毫無疑問,負面情緒比正面情緒更強烈,特別是不服輸的人敢挑戰作你不希望它們做的事

雖然你也可以告訴人們 "要" 點擊這樣你才可以增加轉化次數
但如果你不理解 “請勿點擊背後的心理學操作原理",我建議你還是忽略它並依賴相反的策略 - "請、引誘" 人們點擊才是!

13 . 添加特殊效果好增加引起注意機會
按鈕是漏斗流程較大的一部分 → 如果你做對了,你可以安心睡覺不用擔心點擊率、參與度和銷售額 ... 因為所有這些都將落實到位!

你可以嘗試在按鈕被執行時顯示出特殊效果,但也不要過度使用此功能
比方說將滑鼠停在按鈕上時為跑出動畫,則可能會獲得更高的點擊率

例如,用類似卡通的物體指向選擇 or 停留在上方的按鈕,是否讓你感到更吸晴呢?


使用表情符號、GIF 動畫和漸變效果為你提供的優勢勝過單純的靜態按鈕!



14 . 戰略性地放置退出號召性用語
退出意圖技術允許你轉換放棄的訪客
這一點至關重要,因為訪問你的目標網頁的人中絕大多數在首次訪問時不會轉換

根據 3 Tactics and 4 Tools to Lift Your Conversion Rate 的統計:「70~90% 的訪客一旦離開你的網站就永不返回」。甚至 40 Cart Abandonment Rate Statistics - Cart & Checkout 還稱說:「所有購物車中有 67.89% 被棄置不再有被購買的意圖」



當訪客即將點擊 [x] 按鈕時,會出現退出彈出窗口
如果你為它們瀏覽頁面時就已帶來巨大價值,它們便在雖較猶豫的情況下仍加減 Opt-In


或者甚至找來的工具也支援 "倒數計時" 的話,也可增加挽留的機會



15 . 在 CTA 周圍留下足夠的空白
空白是網頁設計的基本要素 - 有些人可能認為這浪費了寶貴的地方,而不相信這個神話
但請相信我:「留白的目的在於給人們 "視覺喘息、不受到連續性壓迫" 之用!」


而且根據 10 Useful Usability Findings and Guidelines 研究指出:「在段落與左右邊緣間充分利用空白,可以將理解力提高近 20%」→ 你肯定希望在著陸頁中用空白來影響用戶體驗

在網頁設計術語中,意指圖表、圖片、文字、邊距和其它元素間的空間,都該被更好好地以空白包圍 ... 它有時亦被稱為“負空間”!


現實是空白並非偶然出現,它需要一位了解用戶體驗的專業網頁設計師操刀,好平衡著陸頁元素並實現優雅的設計


在提高按鈕點擊率方面,允許按鈕周圍的空白將有助於突出顯示,將注意力轉向於 "點擊"
如同 Apple Watch 的頁面,一點進去就可看到二旁的空白範圍多麼地大
這等同叫訪客更能專注在圖片的顯示以及上方的按鈕
 

即便將頁面往下捲,也會看到無差別的設計方式


而以 Copyblogger 的首頁來說,除了將頁面往下捲會看到文章列表外
在上方則是同時在周圍與按鈕旁都同時作了留白處理


人們之喜歡這樣是因為它簡單 - 可讓焦點放在欲呈現的重點上

結論
不要將號召性用語按鈕視為理所當然,它實際上是你銷售漏斗的門戶
無論是在構建電子郵件列表、開發社交媒體活動、提供產品折扣、宣布即將舉辦的活動,還是出售輔導計劃,你都可以使用 "有效" 的它來完成工作

除了上面的駭客技巧,你也可以用 "第一人稱" 撰寫按鈕文案
比方說 “我想要...”、“給我......”、"我準備好了" 等術語


當你這樣作你將控制用戶,因為這正是人們想要的 - 掌控並選擇想要的東西 - 無論是否點擊!
也就是說,你的號召性用語按鈕沒有 “正確或錯誤” 的背景、文字顏色形狀或位置
你所要作的就是找出經 A/B Test 後得到的最佳選擇
就像行銷人總掛在嘴邊的 Test Everything You Think 一樣

你還用了哪些其它策略來創建號召性用語按鈕,從而提高點擊率和參與度?

延伸閱讀:
好書推薦:
補充圖片說明:
付費工具:Silent Siphon Silent Siphon - Add a Powerful Call-to-Action to Every Link you Share...