表單是轉換的最後一道關卡
訪客被你的廣告吸引，點進了 Landing Page，看了你的標題、讀了你的利益點、也被客戶見證說服了。他決定行動了，滾到表單的位置，然後——
看到 15 個欄位。
姓名、Email、電話、公司名稱、職稱、公司規模、產業別、地址、你怎麼知道我們的、你的需求是什麼、預算範圍、預計開始時間……
他關掉了頁面。
這種事每天都在發生。你辛辛苦苦把人帶到轉換的邊緣，卻被一個設計不良的表單擋在門外。表單是轉換漏斗的最後一個環節，也是最容易出問題的環節。
根據多年來的數據統計，表單的欄位數量和轉換率之間存在一個非常明確的反比關係。每多一個欄位，就多一個讓訪客放棄的理由。這篇文章會從欄位數量講到按鈕設計，把表單優化的每個面向都攤開來看。
欄位數量：少就是多的鐵律
先看幾個數字：
- 3 個欄位的表單：平均轉換率約 25%
- 5 個欄位的表單：平均轉換率約 15%
- 7 個欄位以上的表單：平均轉換率通常低於 10%
這不是什麼學術理論，這是從幾千個 Landing Page 的數據裡歸納出來的現實。
設計表單的第一步不是想「要問什麼」，而是想「可以不問什麼」。
每一個欄位都應該通過一個測試：「如果拿掉這個欄位，我還能不能完成這次轉換的目的？」
你真的需要知道訪客的電話號碼嗎？如果你是用 Email 聯繫客戶，電話就是多餘的。你真的需要知道他的公司規模嗎？如果這個資訊不影響你第一次聯繫他的方式，就等後續再問。
一個經驗法則：第一次互動只收最少的資訊。
如果是索取報價：姓名 + Email + 一句話描述需求 如果是免費試用：Email + 密碼 如果是下載白皮書：Email
就這樣。其他的資訊可以在後續的 Email 往來中慢慢收集。你已經拿到了他的 Email，這就是最重要的一步。後面有的是機會問更多問題。
那些「但業務團隊需要更多資訊才能跟進」的聲音，要用另一個角度來看：一個只留了 Email 的潛在客戶，跟一個看到表單就跑走的潛在客戶，哪個比較有價值？
多步驟表單：化整為零的心理學
如果你真的需要收集很多資訊，不要把所有欄位擠在同一頁。把它拆成多個步驟。
這背後的心理學原理叫做「承諾與一致性」。當一個人已經完成了第一步，他會更傾向於完成第二步，因為放棄意味著前面做的都白費了。
多步驟表單的設計原則：
第一步只問最簡單的問題
Email 或姓名就好。門檻越低，跨進來的人越多。一旦他填了第一步，繼續填下去的機率會大幅提高。
每一步不超過 3 個欄位
每一步都要讓訪客覺得「就這些啊，很快嘛」。如果某一步突然出現 5 個欄位，他可能就會在那裡放棄。
加上進度指示
「步驟 1/3」或是一個進度條，讓訪客知道他還剩多少。看到「2/3」比面對一整片未知的欄位壓力小得多。
每一步都給一個小理由
「最後一步！填完就能立刻收到報價」——讓他知道完成的回報是什麼。
多步驟表單還有一個隱藏的好處：即使訪客中途放棄，你已經拿到了前面幾步的資料。 如果第一步是 Email，就算他在第二步放棄了，你還是可以用 Email 重新聯繫他。
實測數據顯示，把一個 7 欄位的單頁表單拆成三步（2+3+2），轉換率平均提升了 86%。這個數字足以說明一切。
欄位設計的細節魔鬼
表單的轉換率不只取決於欄位數量，欄位的設計細節也有很大的影響。
標籤放在欄位上方，不是裡面
很多人用 Placeholder（佔位文字）來充當欄位標籤。看起來比較簡潔，但有一個問題：當訪客開始輸入之後，Placeholder 就消失了。如果他中途忘記這個欄位要填什麼，就得把內容全部清掉才能看到提示。
把標籤放在欄位上方，永遠看得到，不會混淆。
用對的輸入類型
Email 欄位用 email 類型，手機會自動跳出有 @ 符號的鍵盤。電話欄位用 tel 類型，會跳出數字鍵盤。這些小細節在手機上差別很大——如果填電話號碼卻跳出英文鍵盤，訪客要多按好幾下才能切換，每一下都是一次放棄的機會。
必填和選填要標清楚
如果有些欄位是選填的，用「（選填）」明確標出來。訪客看到選填的欄位可以選擇跳過，心理負擔小很多。反過來說，如果所有欄位都是必填的，那就不需要特別標記，因為沒有例外。
下拉選單不是萬能的
選項在 5 個以內的時候，用 Radio Button 比下拉選單好。Radio Button 讓所有選項一目了然，不用多一個點擊去展開選單。下拉選單適合選項很多（超過 7 個）的情況。
自動偵測能省就省
如果你要求填寫地址，可以用郵遞區號自動帶出縣市和區域，省掉兩個欄位。如果你要求填寫公司資訊，可以用統一編號自動帶出公司名稱。每一個能自動帶入的欄位，都是少一次讓訪客放棄的機會。
錯誤驗證：不要讓訪客猜他錯在哪
表單驗證是另一個常被忽略但影響巨大的細節。
最糟糕的體驗是：訪客填完所有欄位、按下送出按鈕之後，頁面跳到最上面，然後出現一個紅色的「表單有誤，請重新填寫」。
他不知道哪裡錯了。他不知道已經填對的欄位資料還在不在。他只知道他很煩。
好的表單驗證應該做到：
即時驗證
訪客填完一個欄位、移到下一個欄位的時候，就立刻告訴他這個欄位有沒有問題。不要等到他按下送出按鈕才一次噴出所有錯誤。
具體的錯誤訊息
「此欄位有誤」是廢話。「請輸入有效的 Email 地址，例如 name@company.com」才是有用的錯誤訊息。告訴他錯在哪裡、應該怎麼改。
不要清空已填的資料
發生錯誤之後，除了錯誤的欄位之外，其他已經正確填寫的欄位資料必須保留。沒有什麼比「因為一個欄位填錯就要全部重新填」更讓人抓狂的了。
成功也要給回饋
欄位填對了的時候，給一個綠色勾勾。這個小小的正向回饋會讓訪客覺得自己在「前進」，而不是在「填表格」。
錯誤訊息的位置
錯誤訊息放在欄位的正下方，不要放在頁面的最上面或最下面。訪客的視線應該能同時看到欄位和錯誤訊息，不用上下捲動去找。
按鈕設計：別小看這個矩形
CTA 按鈕是表單的終點線，也是訪客做出最終決定的地方。按鈕上的文字、顏色、大小都會影響轉換率。
按鈕文字
「提交」「送出」這種文字沒有任何驅動力。按鈕上的文字應該告訴訪客按下去之後他會「得到什麼」：
- 「取得我的免費報價」
- 「開始 14 天試用」
- 「立即下載指南」
- 「預約免費諮詢」
注意這些文字的共同點：都有一個明確的回報。訪客不是在「提交」表單，他是在「取得」他想要的東西。
按鈕顏色
按鈕的顏色要跟頁面上的其他元素有明顯的對比。如果你的頁面主色是藍色，按鈕就用橘色或綠色。重點不是什麼顏色轉換率最高（這個問題沒有標準答案），而是按鈕要夠搶眼，讓訪客的眼睛自然被吸引過去。
按鈕大小
在手機上，按鈕的最小高度建議 44px，寬度盡量做到滿版或接近滿版。手指頭比游標大得多，太小的按鈕在手機上很難準確按到。
按鈕下方的安心文字
在按鈕下面加一行小字：「你的資料受 SSL 加密保護」「我們不會寄垃圾郵件」「隨時可以取消訂閱」。這行字的作用是消除訪客在最後一刻的猶豫。
行動裝置上的表單
2026 年，超過七成的廣告流量來自手機。如果你的表單在手機上的體驗很差，你就損失了七成的潛在客戶。
手機表單的關鍵原則：
輸入框要夠大
手指頭不是滑鼠游標，輸入框的高度至少 44px，跟手指差不多大。欄位之間的間距也要夠，避免按到隔壁的欄位。
善用手機鍵盤
前面提過，Email 欄位用 email 類型、電話用 tel 類型。另外，如果是純數字的欄位（像是驗證碼），用 inputmode="numeric" 可以直接叫出數字鍵盤。
不要讓鍵盤擋住按鈕
手機鍵盤打開之後會佔掉螢幕下半部。如果你的送出按鈕在表單的正下方、而鍵盤又擋住了它，訪客填完最後一個欄位之後找不到按鈕。確保按鈕在鍵盤彈出時仍然可見，或是在訪客填完最後一個欄位後自動將頁面滾動到按鈕的位置。
避免水平排列
在桌機上把姓和名排在同一行看起來很整齊，但在手機上兩個欄位擠在一行會變得非常窄，很難輸入。手機上一律用單欄垂直排列。
自動填入要能正常運作
現在的手機瀏覽器都有自動填入功能。確保你的表單欄位有正確的 autocomplete 屬性，讓瀏覽器可以自動帶入姓名、Email、電話、地址。一個能自動填入的表單，等於把五個欄位變成一個「確認」按鈕。
送出之後：確認頁面的學問
訪客按下按鈕之後看到什麼，也是表單體驗的一部分。
很多表單送出之後只顯示一行「感謝您的填寫，我們會盡快與您聯繫」。這不是不行，但你錯過了一個寶貴的機會。
確認頁面（Thank You Page）可以做更多事情：
- 告訴訪客接下來會發生什麼：「我們會在 24 小時內回覆你的 Email」
- 設定正確的期望值：「工作日回覆，假日可能需要多等一天」
- 推薦下一步行動：「在等待的時候，你可以先看看這篇文章」
- 提供社群連結：「追蹤我們的粉絲專頁，獲取最新資訊」
- 追蹤轉換事件：在確認頁面觸發 Facebook Pixel 或 Google Ads 的轉換追蹤碼
確認頁面也是一個很好的地方來做「追加銷售」。如果訪客剛剛索取了免費報價，確認頁面上可以邀請他預約一個免費的線上諮詢。他已經完成了第一步，做第二步的門檻變低了。
用數據持續改善
表單上線之後，你需要追蹤幾個關鍵數據：
表單完成率
有多少人開始填表單，最後真的送出了？如果這個比例低於 30%，表單設計一定有問題。
各欄位的放棄率
用表單分析工具（像是 Hotjar 的表單分析功能）可以看到訪客在哪一個欄位放棄了。如果大量的人都在「電話號碼」那個欄位離開，你就知道該考慮把電話欄位拿掉或改成選填。
提交後的 Email 開信率
如果你的表單收了 Email 然後會寄自動回覆，追蹤開信率可以知道收到的 Email 品質。如果開信率很低，可能是你收到了很多假 Email。
根據這些數據做 A/B 測試。測試欄位數量、測試欄位順序、測試按鈕文字、測試多步驟 vs 單頁。每次只改一個變數，跑至少一週的數據，然後用數據來決定哪個版本更好。
表單看起來只是幾個輸入框和一個按鈕，但它是轉換率優化裡最容易產生立竿見影效果的環節。少一個欄位、改一句按鈕文字、加一行安心文字——這些小改動帶來的轉換率提升，往往比重新設計整個頁面還要大。
如果你需要專業的網站架設與技術支援來實作這些表單優化，確保表單在各種裝置上都能正常運作、驗證邏輯正確、追蹤碼正確觸發，技術層面的完善是表單優化不可或缺的一環。
