網路架站

CTA 按鈕怎麼設計才有效?文案與時機比視覺更關鍵

HubSpot 追蹤超過 33 萬顆 CTA、觀察六個月之後發現,同一顆按鈕換成依讀者當下狀態調整的個人化文案,轉換率就比制式、一體適用的基本版高出 202%,而且測試裡兩個版本擺在頁面上完全相同的位置、用一模一樣的顏色與字級,唯一改變的只有文案內容跟讀者所在的狀態對不對得上。

多數人判斷一顆 CTA 夠不夠強勢,直覺只看視覺力度:字夠不夠大、顏色夠不夠亮、有沒有補上驚嘆號。這個直覺剛好搞錯了重點。真正決定 CTA 有沒有效果、甚至會不會反效果的,是文案精不精準,也就是讀者一看就懂按下去要付出什麼、會得到什麼;還有出現的時機對不對,也就是讀者當下的心理準備程度。CTA 的強勢該拆成文案精準度跟時機這兩個維度來談,不是視覺力度。

文案精準與時機對,才是 CTA 真正的強弱

很多人以為要讓一顆 CTA 更有效,方法是把它加大、換成更搶眼的顏色,或是在後面補一個驚嘆號。這個直覺其實把兩件不相干的事混在一起,CTA 會不會被看到,靠的是視覺;CTA 被看到之後會不會被按下去,靠的是文案內容跟出現的時機。前者頂多決定讀者的眼睛會不會停在那裡,後者才決定讀者的手會不會動。

CTA 會不會被看到靠視覺,會不會被按下去靠文案精準與時機,決定強弱的是後者
字級、顏色、驚嘆號只決定讀者的眼睛會不會停下,文案精準與時機才決定手會不會動。

HubSpot 這份針對超過 33 萬顆 CTA、追蹤六個月的分析,把兩者的差距量化得很清楚。把 CTA 換成依讀者當下所在的購買旅程階段與興趣調整過的文案,轉換率比制式的基本 CTA 高出 202%。這組測試特別值得拿來反駁「CTA 強不強看視覺力度」的直覺,原因是個人化 CTA 跟原版 CTA 經常放在頁面上完全相同的位置、用相同的視覺設計,唯一改變的是文案內容跟讀者狀態對不對得上。同樣的視覺呈現,換了文案跟時機就差了兩倍以上;如果視覺才是決定強弱的關鍵,這個差距根本不該出現。

文案精準,指的是讀者一看就懂按下去要做什麼、會得到什麼,不是把字面上的語氣寫得更用力。「立即購買」跟「先看三分鐘案例」,字級可以一樣大、顏色可以一樣飽和,但對一個還在猶豫要不要相信這個網站的讀者來說,兩句話的壓力完全不同。同一句文案,出現在讀者剛點進來的第一頁,跟出現在讀者已經比對過三家方案之後,讀者感受到的力道也不一樣,不是文案變了,是讀者的準備程度變了。

使用者的信任要一層層疊上去,CTA 強度不能搶先

信任金字塔是 Nielsen Norman Group(以下簡稱 NNG)提出的一套具體順序,能解釋為什麼同一句文案在不同時機讀起來力道差這麼多。NNG 把使用者跟一個網站或品牌的關係,拆成幾層依序疊起來的承諾:先判斷這個網站可不可信、值不值得留下來,再決定要不要選它處理自己的事,再決定要不要留下聯絡資料,再決定要不要交出信用卡這類敏感資料,最後才會接受長期綁定,例如訂閱扣款。上面的層級一定要建立在下面的層級已經被滿足的前提上,不能跳著要求。

信任金字塔由下往上五層承諾,CTA 要求的層級不能超過讀者目前所在的位置
從判斷網站可不可信到接受長期綁定,上層承諾必須先滿足下層,CTA 跳級要求只會讓讀者離開。

這套邏輯翻成 CTA 的語言很直接。CTA 要求讀者做的事,不管是訂閱、留資料、付款還是續約,本質上都是在跟讀者要一個承諾層級。這個層級如果超過讀者現在走到哪一階,CTA 不但不會成交,還會讓讀者覺得這個網站太自以為是,乾脆關掉分頁離開。這不是「再推一把就會成交」的情況,是讀者直接判定這個要求不合理。

可以借用一個更直覺的類比,向陌生人開口借東西,開口的順序決定對方願不願意。剛認識五分鐘就開口借車,對方多半會拒絕,不是車不能借,是信任還沒累積到那個程度;先借一支筆、再借一把傘,關係走到某個程度之後,借車才有可能被接受。CTA 要求的順序也是同一套道理,讀者才剛看到這個網站,就被要求留下信用卡資訊,等於在信任累積到那個程度之前,就開口借車。

還沒建立信任的認知階段讀者最怕強勢 CTA

把信任金字塔套進行銷漏斗最上層的認知階段,問題會變得很具體。認知階段的讀者,才剛意識到自己有某個問題或需求,對眼前這個品牌或網站幾乎零信任基礎,連「這個網站可不可靠」都還沒判斷完,更別提「這個網站是不是比其他選項好」。HubSpot 對內容行銷漏斗的定義也是同一個描述,認知階段的讀者剛發現自己有一個問題或機會,正在尋找能解釋這個問題的內容,還沒有在比較解決方案或供應商。

這時如果 CTA 要求「立即購買」「馬上註冊」這種高承諾層級的行動,等於要求讀者跳過信任金字塔下面好幾層,直接跳到頂端。結果不是讀者被說服,是讀者提前關掉分頁。前面借車的類比同樣成立,剛認識五分鐘就被要求交出車鑰匙,正常人的反應是轉身走開,不是重新考慮。

認知階段合適的 CTA,力道應該收在低承諾、低風險、對讀者幾乎零成本的邀請上:繼續閱讀下一段、看懂一個概念、了解某個名詞背後的意思,而不是任何形式的個資或金錢承諾。一個常見的錯誤是在認知階段就要求讀者留信箱換促銷,這個要求聽起來很小,但套進信任金字塔的層級來看,已經跳過「這個網站可不可信」「這個網站比其他選擇好在哪」這兩層,直接要求第三層的個人資訊。讀者當下感受到的,不是划算,是這個網站怎麼這麼快就想要自己的資料。

考慮階段的 CTA 是篩選工具,不是決定工具

讀者進入考慮階段,代表信任金字塔已經往上爬了一截,願意花時間看內容,本身就代表讀者已經通過「這個網站可不可靠」這第一層的檢驗。HubSpot 對這個階段的定義是,讀者已經清楚定義自己的問題,正在研究可能的解決辦法,開始篩選、比較不同做法之間的差異。但這時的讀者還沒到「已經選定、準備行動」的程度,信任還沒爬到能接受帳戶或金錢層級承諾的高度。

考慮階段的 CTA,力道應該定位在幫讀者比較、降低比較成本上,而不是直接要求承諾。提供更完整的比較資訊、提供案例讓讀者評估這適不適合自己的情況,這類 CTA 對應的承諾層級,是「同意留下聯絡方式以換取更進一步的比較資訊」這個中間層,不是金錢或帳戶層級的承諾。

這個階段最常見的錯誤,是 CTA 直接跳到「立即購買」或「馬上預約」這種決定性用語。讀者當下心裡想的是「我還在比較,你就要我下決定」,感受到的是被迫,不是被說服。CTA 的文案這時該做的,是回應讀者「我該怎麼判斷這適不適合我」的疑問,而不是催促讀者現在就決定。

決定階段才是 CTA 真正該加重力道的時候

讀者進入決定階段,代表信任金字塔已經爬到接近頂端,已經確定要選一個方案,正在評估具體的供應商或產品做最後選擇。這時如果 CTA 還停留在「了解更多」這種低承諾用語,反而是浪費讀者已經準備好的行動意願,等於把到手的轉換往外推。

決定階段的 CTA 該怎麼加重力道?文案要從「認識、了解」轉向具體的行動動詞與明確的結果,講清楚下一步實際會發生什麼,不是「馬上了解」,而是「填三個欄位,今天就能收到報價」。同時,實際的阻力也要降到最低,欄位數、步驟數,任何讓讀者猶豫的環節都要減到最少。

Baymard Institute 這份長期追蹤電商結帳體驗的研究提供了一個具體的參照:2024 年電商結帳流程平均要走 5.1 個步驟、包含 11.3 個表單欄位,但多數網站其實只需要 8 個欄位就能完成結帳。因為欄位數過多,17%的使用者曾經因為結帳流程太複雜而放棄,而且真正決定整個體驗好壞的是欄位數,不是步驟數。這組數據具體支撐了「決定階段力道要加重,同時阻力要降到最低」這個判斷,讀者已經準備好行動的時候,多一個不必要的欄位,浪費的就是這份已經準備好的意願。文案力道加重、實際阻力降低,這兩件事要同時發生,只做一邊等於做了半套,CTA 寫得再有行動力,後面接一個十幾個欄位的表單,讀者一樣會在填到一半時放棄。

認知、考慮、決定三階段對應由低到高的 CTA 力道,信任越高才越能加重
認知階段用低承諾邀請、考慮階段當篩選工具、決定階段才加重力道並同時降低阻力。

人為製造的急迫與限量,其實是操弄而不是強勢

CTA 不夠強勢,很多人的直覺捷徑是加一點緊迫感,倒數計時、「僅剩最後幾個名額」這類提示看起來能逼讀者立刻行動。但這類手法的問題不是有沒有效,是它已經被國際監管機關明確列為操弄消費者的手法。美國聯邦貿易委員會(FTC)2022 年發布的報告,明確把人為製造急迫感,以及謊稱庫存所剩不多這類假的稀缺,列為會誤導消費者決策的暗黑模式(dark pattern)類型之一。

這不是單一個案。2024 年,FTC 與國際消費者保護執法網絡(ICPEN)、全球隱私執法網絡(GPEN)合作,對來自 26 個國家、642 個提供訂閱服務的網站與 App 進行聯合審查,發現近 76%使用了至少一種可能的暗黑模式,近 67%同時使用多種。這個規模說明,人為急迫感不是少數業者的取巧手段,而是已經氾濫到需要跨國監管機關聯合出手審查的程度。

真的稀缺、真的限時,可以誠實講出來,庫存剩最後幾件就寫最後幾件,活動明天截止就寫明天截止,這是資訊,不是操弄。但捏造出來的急迫感不是這回事。它可能短期拉高一次點擊,長期卻會讓讀者對之後所有 CTA 都提高戒心,前面幾節整套論述的地基是信任,一旦讀者發現某個急迫感是假的,等於提前透支後面所有階段的信任額度。這跟前面說的「強勢等於文案精準加時機對」是兩回事,文案精準與時機對,靠的是讀懂讀者現在需要什麼;人為急迫感,靠的是騙讀者以為自己沒有選擇的時間。

人為倒數與假稀缺是被 FTC 列為暗黑模式的操弄,真限時真限量才是誠實資訊
捏造急迫是操弄、誠實告知限時限量是資訊;FTC 2024 審查 26 國 642 個訂閱服務,近 76% 至少用一種暗黑模式。(資料來源:美國聯邦貿易委員會)

流量來源與內容深度,透露讀者所在的決策階段

認知、考慮、決定三個階段是抽象的分類,但讀者不會舉手告訴你他現在站在哪一階。真正能拿來判斷的,是兩個具體線索:流量來源,跟讀者當下正在讀的內容深度。

流量來源本身就帶著準備程度的訊號。一個讀者從一篇泛用的知識性內容點進來,跟一個讀者從一封已經談過報價的信件點進來,起點完全不同。前者可能連問題都還沒定義清楚,後者八成已經在比較具體方案。同樣是點進這個頁面,兩種來源背後代表的信任層級天差地遠,CTA 該給哪一種力道,答案幾乎不用猜。

內容深度是另一個線索。剛接觸一個概念、只看得懂入門說明的讀者,跟正在細讀規格比較、案例細節的讀者,代表的準備程度完全不同。讀者願意花時間往細節裡鑽,通常代表信任已經往上爬了幾層,前面的疑慮多半已經被說服掉了。這兩個線索合起來看,已經足夠判斷 CTA 該收著,還是該加重。

回到最前面那組數字,同樣的視覺呈現,換了文案跟時機,轉換率就能差兩倍以上。這不是巧合,是信任金字塔本來的運作方式,讀者在哪一層,決定了他願意接受哪一種要求。CTA 的強勢從來不是字級多大、顏色多亮、驚嘆號放幾個,而是有沒有把文案寫得讓讀者一看就懂,又剛好出現在讀者已經準備好的那一刻。下次要讓一顆 CTA 更有說服力,與其先想著把它做得更搶眼,不如先弄清楚眼前這批讀者現在站在信任金字塔的哪一層,再決定文案該收著,還是該加重。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

CTA 按鈕的強弱主要取決於什麼?

取決於文案精不精準與出現的時機對不對,不是字級大小或顏色鮮豔程度;讀者一看就懂按下去要付出什麼、會得到什麼,加上出現在讀者當下的心理準備程度,這兩者才決定手會不會真的按下去。

網站的信任金字塔分成哪幾層承諾?

由下往上依序是判斷這個網站可不可信、決定要不要選它處理自己的事、要不要留下聯絡資料、要不要交出信用卡這類敏感資料,最後才是接受長期綁定,例如訂閱扣款;上層一定要建立在下層已被滿足的前提上。

認知階段的讀者適合什麼樣的 CTA 文案?

力道應該收在低承諾、低風險、對讀者幾乎零成本的邀請上,像是繼續閱讀下一段、看懂一個概念,而不是任何形式的個資或金錢承諾;這時要求留信箱換促銷,等於跳過信任還沒建立的那幾層。

決定階段的 CTA 該怎麼調整才有效?

文案要從「認識、了解」轉向具體的行動動詞與明確結果,講清楚下一步實際會發生什麼,同時要把欄位數、步驟數這類實際阻力降到最低,文案力道加重與降低阻力必須同時發生,只做一邊等於做了半套。

網站用倒數計時製造急迫感算暗黑模式嗎?

算,美國聯邦貿易委員會已明確把人為製造急迫感、謊稱庫存所剩不多的假稀缺列為會誤導消費者決策的暗黑模式;真的限時限量可以誠實講出來,但捏造的急迫感長期會讓讀者對之後所有 CTA 都提高戒心。

資料來源
  1. 15 Call-to-Action Statistics You Need to Know About to Increase Your Conversion Rate — HubSpot
  2. Level up your content marketing funnel — here's how I make the right content for each stage — HubSpot
  3. Hierarchy of Trust: The 5 Experiential Levels of Website Commitment — Nielsen Norman Group
  4. Checkout Optimization: 5 Ways to Minimize Form Fields in Checkout — Baymard Institute
  5. Bringing Dark Patterns to Light — 美國聯邦貿易委員會
  6. FTC, ICPEN, GPEN Announce Results of Review of Use of Dark Patterns Affecting Subscription Services, Privacy — 國際消費者保護執法網絡(ICPEN)