多數人以為，一塊招牌能不能被看見，靠的是做得夠不夠亮眼。同一條街上並排著兩塊立牌，一塊路人視而不見、繞過去就算了，另一塊卻讓人特地停下腳步、抬頭多看兩眼。仔細比對會發現，差別往往不在店裡東西好不好，而在立牌有沒有做對三件事：顏色對比夠不夠明顯，讓人一眼就看到；文案夠不夠具體，讓人看懂在賣什麼好處；位置夠不夠好，是不是選在人潮真的會經過的地方。
網站上的 CTA 按鈕（Call to Action，行動呼籲按鈕）遇到的是一模一樣的處境。CTA 按鈕設計做得再精緻、配色再講究，訪客照樣滑過去、完全不點，原因通常不是「按鈕不重要」，而是這三個基本功至少有一個沒做到位。不少團隊第一直覺是把按鈕改大、換個更搶眼的顏色，結果點擊率幾乎沒動，因為問題通常根本不出在視覺上。
先從這三個環節裡，影響力其實最不對等的那一個講起，再一項一項往下拆。
按鈕做得漂亮，為什麼還是沒人點？
按鈕沒人點的時候，多數人的第一反應是「是不是不夠顯眼」，於是把按鈕放大、換一個更搶眼的顏色，等結果出來卻發現點擊率幾乎沒變。問題其實不在這裡，按鈕的文案、按鈕與畫面的色彩對比、按鈕擺放的位置，這三個關鍵確實都會影響有沒有人點，只是它們的影響力並不對等。
國外行銷分析平台 KISSmetrics 整理多筆 A/B 測試後指出，光是換掉按鈕上的幾個字，轉換率就可能出現一到三成的變動，這個幅度通常比單純換顏色、換尺寸大上好幾倍。也因此該分析建議，測試應該先測文案、再測位置、最後才測顏色與視覺設計。顏色跟尺寸不是不重要，只是把力氣優先花在調色盤上，常常是選錯了戰場。
接下來就照這個脈絡一項一項拆解：先看文案怎麼寫最容易讓人點，再看顏色怎麼配才會被注意到，最後才談位置該擺在哪裡。
原因一：文案只講「你要做什麼」，沒講「你會得到什麼」
CTA 按鈕上最容易犯的錯，不是字醜，而是文案講的方向弄反了。「送出」「訂閱」「提交」這類文案講的是使用者要做的動作，讀者看到的第一個念頭是自己要付出什麼；「立即索取報價」「開始我的免費試用」講的則是使用者會拿到的東西，讀者想到的是自己會得到什麼。同一顆按鈕，只是把動作框架換成價值框架，讀者的心理負擔就完全不同。
人稱的選擇也一樣關鍵。行銷顧問 ContentVerve 做過一項經常被 Unbounce 等平台引用的 A/B 測試，把按鈕文案從「你的」免費試用換成「我的」免費試用，只換了一個代名詞，點擊率就跳增了 90%。同一份 KISSmetrics 的整理也指出，後續多筆類似測試的第一人稱效應，提升幅度大致落在一到四成之間，會因產業與情境不同而有落差，但方向一致，都是文案用第一人稱寫成使用者自己會說出口的話時，點擊起來就會更自然。
具體化也比模糊化更能拉出點擊率。「立即諮詢」聽起來親切，但讀者完全不知道諮詢完會拿到什麼；換成「了解費用怎麼計算、什麼時候能拿到報價」，雖然字數變長，卻把讀者按下去之後會發生的事講清楚了，不確定感一少，願意行動的門檻也就跟著降低。文案長度沒有絕對正確答案，但方向很明確，字數抓在按鈕一眼掃過去就能讀完最好，太短像單純指令，太長按鈕會擠爆版面，讀者也懶得看完再點。
原因二：按鈕顏色跟畫面融在一起，沒有形成對比
「按鈕一定要用紅色或綠色才會有人點」是流傳很廣的說法，但真正影響點擊的從來不是顏色本身的象徵意義，而是這顆按鈕跟周遭畫面的對比程度夠不夠大。同一顆紅色按鈕，放在偏藍色調的頁面上會很搶眼，換到偏紅色調的頁面上，卻可能整個被背景吃掉，因為讀者的眼睛看不出它跟旁邊的東西有什麼不一樣。
這背後其實有心理學原理撐腰。心理學界很早就觀察到一種現象，叫「隔離效應」（von Restorff effect），指的是一群相似的東西擺在一起時，只要其中一個跟其他都不一樣，人的注意力就會自動被它吸引、也會記得特別清楚；這個效應後來也在心理學期刊《記憶與認知》（Memory & Cognition）的多篇研究裡被反覆驗證。放到網頁上，按鈕如果跟品牌主色調同一個色系、只是深淺不同，看起來雖然「統一」，卻正好違反了這個原理，不夠格格不入，眼睛自然就滑過去了。
要判斷對比夠不夠，不必只憑感覺猜。無障礙網頁設計的國際標準 WCAG 2.1 訂出了具體門檻，一般文字與背景的對比至少要達到 4.5 比 1，按鈕邊框這類非文字的介面元件則至少要有 3 比 1。這組數字原本是為了讓視覺不佳的使用者也能看清楚頁面才訂的，但拿來自查按鈕夠不夠醒目一樣好用。低於這個門檻，按鈕不是不夠美，而是有一部分讀者真的看不清楚它在哪裡。
原因三：按鈕放在使用者視線根本不會經過的地方
按鈕放在哪裡，同樣不該憑感覺決定，而要跟著使用者實際怎麼看這個頁面走。國外使用者經驗研究機構 Nielsen Norman Group 多年前透過眼動追蹤觀察發現，多數人瀏覽網頁內容的視線路徑接近英文字母 F 的形狀，先橫向掃過畫面上半部，再往下移動時視線逐漸往左側收窄，越往下、越往右，注意力就越稀薄。這個掃視模式後來在行動裝置的追蹤研究裡也得到確認，並沒有因為螢幕變小、變直式而消失。
這代表按鈕擺在頁面上半部，或緊接在一段重點論述之後，天生就比塞在版面角落、或非要捲到最底才出現的位置容易被看到。不過位置該怎麼選，還要看讀者當下的準備程度：已經下定決心、只是來找按鈕在哪裡的訪客，首屏就該放一顆；還在猶豫、需要先被說服的訪客，則要等內容把好處和疑慮都講完，再讓同一個目的地的按鈕出現一次。同一個行動呼籲，本來就可以在頁面上出現不只一次，重點是呼應內容的節奏出現，不是塞好塞滿。
手機版最常見的失誤，就是按鈕只放在頁面最底端。不少行動裝置訪客根本不會滑到那麼下面，按鈕等於從頭到尾沒被看見；把按鈕往前移、讓它更早出現在畫面裡，通常就能讓原本看不到按鈕的那群人也有機會點下去。位置對了，前面文案跟顏色做得再好，才有機會被看到。
三個關鍵都對了，怎麼自己檢查按鈕真的有效？
三個關鍵都顧到之後，不需要靠額外工具，也能自己先做一輪簡單的檢查。
對比夠不夠明顯，可以試瞇眼測試：把眼睛稍微瞇起來看整個畫面，按鈕如果還能一眼被認出來，對比大致合格；瞇起來反而跟背景融成一片，就代表對比不夠，可以拿色碼去比對前面提到的門檻數字，自己動手算一次比用猜的準。
文案夠不夠具體，可以做陌生人測試：把按鈕上的字念出來，讓一個完全沒看過這個頁面的人聽，問他這是要他做什麼、做完會得到什麼。答得出來，文案就過關；答不出來或猜錯方向，代表文案還停留在動作層次，沒講到結果。
位置對不對，則可以請人單純掃過頁面一次，事後回想有沒有看到按鈕，或是在手機上實際滑動，記錄要滑幾次才會第一次看到按鈕。按鈕本身的大小也值得一併檢查，行動裝置的最小可點擊範圍有公認的基準，太小、指尖點不準，再好的文案跟對比都是白費。
最後一個提醒，真的要動手調整時，一次只改一個變因。同時把文案、顏色、位置全部換掉，結果不管變好變壞，都分不清楚是哪一項在起作用，下次也就無法複製這次的成功。先照文案、位置、視覺設計這個順序一項一項測，才看得出真正拉動點擊的是哪一環。
一顆 CTA 按鈕從來不是網頁上的裝飾品，而是使用者準備做決定的那一刻，網站留給他的最後一句話。如果連這句話都讓人看不清楚寫的是什麼、猜不出按下去會發生什麼事，前面文案鋪陳得再動人、頁面設計得再漂亮，也只能停在「看過」，到不了「按下去」。
那塊街角的立牌也是一樣的道理。招牌能不能被看見，決定的從來不是店裡東西好不好，而是招牌本身有沒有把該做對的事做對。按鈕也一樣，先把文案講清楚會得到什麼，再讓顏色跟畫面拉出夠大的對比，最後站到訪客視線真的會經過的地方。這三件事一次到位，沒人點的按鈕，自然會有人開始點。