長表單是轉換率的殺手
打開一個 Landing Page，看到一個需要填 15 個欄位的表單。姓名、Email、電話、公司名稱、職稱、產業別、公司人數、預算範圍、需求描述、怎麼知道我們的……
你的第一反應是什麼？大部分人的反應是：關掉。
這不是使用者沒耐心。是你一次丟了太多東西要他們做，心理壓力太大了。就像你走進一家店，店員一進門就遞給你一份三頁的問卷要你填——你會填嗎？
但你確實需要這些資訊。名單沒有電話號碼，業務沒辦法聯絡；不知道預算範圍，報價就沒辦法做；不知道需求，就沒辦法給適合的方案。
多步驟表單（Multi-Step Form）就是解決這個矛盾的方法：你還是問一樣多的問題，但把它們拆開來，一次只問一點。
研究數據顯示，把一個長表單拆成多步驟之後，完成率平均可以提升 30-50%。有些案例甚至翻了一倍。問的問題一模一樣，只是呈現方式不同，效果就差這麼多。
為什麼多步驟表單有效
多步驟表單之所以有效，背後有幾個心理學原理在運作：
降低認知負擔。一次看到 15 個空格要填，大腦的反應是「好多、好煩」。但一次只看到 3 個空格，大腦會想「就這樣？簡單。」即使最後填的總量一樣多，分段呈現讓每一步都覺得輕鬆。
沉沒成本效應。當使用者已經填完第一步和第二步之後，他們不太會在第三步放棄——因為已經投入了時間和精力，如果放棄就白費了。這就是所謂的「得寸進尺效應」（Foot-in-the-door Technique）——先讓人答應小事，再慢慢增加要求。
進度感。多步驟表單通常會有進度指示器（Progress Bar 或步驟編號），讓使用者知道自己走到哪裡了、還剩多少。這個進度感會產生完成的動力——「已經完成 60% 了，再一下就好了。」
減少中斷和分心。一個長表單在一個頁面上，使用者的視線會被下面的欄位分散注意力。多步驟表單讓使用者的注意力集中在當前這幾個欄位上，填完再處理下一組。
但多步驟表單不是萬能的。如果你的表單本來只有 3-4 個欄位，拆成多步驟反而會讓使用者覺得步驟太多、太囉唆。一般來說，超過 6 個欄位的表單才值得考慮拆成多步驟。
步驟怎麼拆：分組邏輯很重要
多步驟表單不是把欄位隨便分成幾堆就好。怎麼分組、每一步放哪些問題，直接影響使用者的體驗和完成率。
按主題分組。把相關的問題放在同一步。第一步問基本聯絡資訊（姓名、Email、電話）、第二步問公司資訊（公司名稱、產業、人數）、第三步問需求（需求類型、預算、時間）。使用者在心理上會覺得「這一步是在問我的聯絡方式」，而不是「這裡有一堆亂七八糟的欄位」。
簡單的先問，複雜的後問。第一步應該是最簡單、最不需要思考的問題。姓名和 Email 不用想就能填；但「請描述你的需求」需要組織語言，放在第一步會讓人卻步。先讓使用者無壓力地開始，建立起慣性之後再問難的。
敏感的後問。電話號碼、預算、公司營收這類比較敏感的資訊，放在後面的步驟。等使用者已經投入一些時間之後，他們比較願意提供這些資訊。如果第一步就問預算，很多人會覺得「我還不知道你能提供什麼，幹嘛先告訴你我的預算」。
每步 2-4 個欄位。每一步的欄位數控制在 2 到 4 個，不要超過 5 個。欄位太多就失去多步驟的意義了。
步驟總數控制在 3-5 步。步驟太少（2 步）效果不明顯，步驟太多（7-8 步）使用者會覺得沒完沒了。3-4 步是最常見的配置。
一個典型的 B2B 名單收集表單分法：
- 第一步：你是誰（姓名、Email）
- 第二步：你的公司（公司名稱、職稱、產業）
- 第三步：你的需求（需求類型、預算範圍、補充說明）
進度指示器：讓使用者知道自己在哪裡
多步驟表單一定要有進度指示器。使用者不知道還要填多久，就像在隧道裡開車看不到出口——會焦慮、會想放棄。
常見的進度指示器設計有幾種：
步驟編號條（Step Indicator）。橫向排列的圓點或數字，標示「步驟 1 → 步驟 2 → 步驟 3」，當前步驟高亮顯示、已完成的步驟打勾、未到的步驟灰色。這是最常見也最直覺的形式。
進度條（Progress Bar）。一個水平的彩色長條，隨著步驟推進而填滿。「完成 33%」「完成 66%」「完成 100%」。視覺效果直觀，但缺點是使用者不知道每一步要問什麼。
文字提示。簡單地在表單上方寫「步驟 2/3：關於你的公司」。兼具進度資訊和內容預告。
設計進度指示器的時候，有一個小技巧：讓使用者在第一步打開表單的時候，進度就已經顯示「已完成一部分」。比如進度條已經填了 10-15%。這利用了「接近完成效應」——人在接近完成某件事的時候會更有動力。一個已經有 15% 進度的進度條，比一個空白的進度條更能激發「填完它」的慾望。
另外，每完成一步切換到下一步的時候，加一個簡單的動畫過場效果（比如滑動切換），會讓整個體驗更流暢。但不要做太誇張的動畫，那會拖慢節奏。
條件分支：根據回答調整後續問題
多步驟表單還有一個殺手級功能：條件邏輯（Conditional Logic）。根據使用者在前面步驟的回答，動態決定後面要顯示哪些問題。
舉個例子：
第一步問「你的身份是？」選項有「公司經營者」「行銷人員」「個人接案者」。
如果選了「公司經營者」，第二步問公司規模、年營收、目前的行銷預算。 如果選了「行銷人員」，第二步問公司產業、目前面臨的最大挑戰、使用過哪些工具。 如果選了「個人接案者」，第二步問接案領域、月營收、最想解決的問題。
這樣做有幾個好處：
使用者只看到跟自己相關的問題。他不會覺得「這個問題跟我無關，為什麼要問我」。每個問題都是為他量身定制的。
你收集到的資料品質更高。因為問的問題更精準，得到的回答也更有用。
體驗更像對話而不是表單。條件分支讓表單的互動感覺像是「你在跟一個人對話，對方根據你的回答問下一個問題」，而不是「你在填一份制式的官僚表格」。
技術實現上，大部分表單工具（Typeform、JotForm、Tally）都內建條件邏輯功能。如果是自己開發的表單，用 JavaScript 控制欄位的顯示和隱藏就可以做到。
微互動與回饋設計：讓填表有感覺
多步驟表單的體驗好不好，很多時候取決於那些小細節——我們叫它微互動（Micro-interactions）。
即時驗證。使用者輸入 Email 的時候，不是等他按下一步才告訴他格式不對，而是在他輸入完離開那個欄位的時候就即時檢查。格式正確顯示一個綠色勾勾，格式不對就顯示紅色提示。這讓使用者有「一切都在掌控中」的感覺。
輸入引導。電話號碼的欄位自動加上格式（09XX-XXX-XXX）、公司統編的欄位限制只能輸入數字、預算範圍用拉桿（Slider）而不是讓使用者自己打字。減少輸入的認知負擔。
按鈕回饋。按下「下一步」的時候，按鈕要有按下去的視覺回饋（顏色變化或按壓效果），然後有一個短暫的載入動畫。讓使用者知道「系統有收到我的動作」。千萬不要讓使用者按了按鈕之後什麼反應都沒有，他們會不確定有沒有按成功而重複點擊。
完成動畫。最後一步提交成功之後，不要只顯示一行冷冰冰的「感謝你的填寫」。加上一個小動畫（打勾、灑彩帶、進度條填滿到 100%），讓使用者有「完成了！」的成就感。
錯誤訊息要友善。不要顯示「欄位格式錯誤」這種程式語言。改成「請輸入有效的 Email 地址，像是 name@example.com」。指出問題在哪裡，並且告訴他怎麼修正。
這些細節單獨看起來都很小，但加在一起就是一個流暢、愉快的填表體驗和一個讓人煩躁想放棄的體驗之間的差別。
行動裝置的特殊考量
現在超過一半的網路流量來自手機。你的多步驟表單在手機上的體驗如何，直接影響一半以上訪客的完成率。
一欄式排版。手機螢幕寬度有限，表單欄位不要用兩欄並排，全部改成一欄垂直排列。
每步更少的欄位。桌機上一步放 4 個欄位還好，手機上一步最好只有 2-3 個。因為手機上每個欄位看起來比桌機上大（佔螢幕比例更高），太多欄位會讓使用者覺得很長。
善用手機原生的輸入方式。Email 欄位用 type="email" 讓鍵盤自動顯示 @ 符號、電話用 type="tel" 顯示數字鍵盤、選擇題用大按鈕點選而不是小小的下拉選單。
按鈕要夠大。手指比滑鼠游標粗很多。「下一步」按鈕的高度至少 44px，寬度最好是滿版的。
避免用戶需要打很多字。在手機上打字比桌機慢很多，盡量用選擇題、多選按鈕、拉桿等方式取代文字輸入。如果一定要打字，把那些欄位留到最後。
固定底部的導航按鈕。「上一步」和「下一步」的按鈕固定在螢幕底部（像是手機 App 的 Tab Bar 那樣），使用者不需要捲動就能找到按鈕。
測量和優化：持續讓完成率更高
做完多步驟表單不是結束，而是開始。你需要持續追蹤數據來找出可以改進的地方。
追蹤每一步的完成率。用 GA4 或表單工具的內建分析功能，看每一步有多少人進來、多少人進入下一步。如果第二步到第三步的流失率特別高，代表第二步有問題——可能是欄位太多、問題太敏感、或者 UI 不清楚。
追蹤每一步的停留時間。某一步花的時間異常長，代表那一步的問題讓使用者猶豫或困惑。
A/B 測試不同的分步方式。試試看把欄位的分組順序調一下、把某些問題從第二步移到第三步、或者減少某一步的欄位數。小調整有時候會帶來明顯的效果提升。
把表單當成一個產品來持續優化。使用者的行為數據會告訴你哪裡該改、怎麼改。每次改善一點，完成率就會越來越高。
表單不是障礙，是對話的開始。當你用多步驟的方式、配上好的互動設計，把填表的體驗變得輕鬆甚至有趣的時候，使用者不只更願意填完，他們對你品牌的第一印象也會更好。