
手機版表單怎麼設計才不會流失客戶?
手機上的每一個欄位都是流失點
手機打字費力,網路可能不穩,使用者常常是在通勤、排隊、走路時填表。欄位越多,放棄的人越多——這在手機上比電腦上嚴重得多。
對多數企業網站來說,表單是主要的詢價來源。表單設計的細節,直接影響實際收到多少詢問。
欄位精簡的原則
問自己:這個欄位現在真的需要嗎
常見的多餘欄位:
- 公司統編——成交後再問就好
- 地址——除非要寄送實體物品
- 預算範圍——很多人不願意在第一次接觸就透露
- 如何得知本站——對訪客沒有價值,只對你有價值
- 重複確認欄位——再輸入一次 Email,在手機上特別惱人
判斷標準:沒有這個資訊,你就無法回覆對方嗎? 不是的話,就不該是必填。
建議的最小組合
稱呼、聯絡方式(電話或 Email 擇一必填)、需求描述。三欄就能開始對話,其餘的在回覆時再問。
鍵盤與輸入的細節
這些是使用者不會察覺、但做了會明顯順暢的細節:
- 電話欄位要跳出數字鍵盤——不要讓使用者在注音鍵盤上找數字
- Email 欄位要跳出含 @ 的鍵盤
- 自動填入要能運作——讓瀏覽器記住的姓名、電話、Email 可以一鍵帶入
- 不要禁止貼上——有些網站為了「安全」禁止在 Email 欄位貼上,在手機上非常擾人
- 輸入框的文字大小要足夠——某些瀏覽器在字體過小時會自動放大整個頁面,造成版面跳動
驗證與錯誤提示
即時驗證,但不要太早
使用者才輸入兩個字就跳出「格式錯誤」,是很差的體驗。應該在離開該欄位後才驗證。
錯誤訊息要說清楚怎麼修
- 不好:「輸入錯誤」
- 好:「電話請輸入 10 碼數字,不需要加符號」
送出失敗時不要清空已填內容
這是最容易讓人放棄的設計。在手機上重打一次全部內容,多數人會直接離開。
錯誤位置要能一眼看到
手機螢幕短,如果錯誤欄位在畫面外,使用者會不知道發生什麼事。應該自動捲動到第一個錯誤處。
送出後要有明確回饋
常見的問題是:按了送出,畫面沒有反應,使用者不確定成功了沒,於是又按一次——結果收到兩筆重複詢問。
應該做到:
- 按下後按鈕立即變為處理中狀態,並防止重複點擊
- 成功後顯示明確的訊息,說明大概多久會回覆
- 如果會寄送確認信,也一併說明
比表單更重要的:直接聯絡的方式
對很多行業來說,訪客更想直接打電話或加 LINE,而不是填表單。這在急件、服務業、地區型業務上特別明顯。
電話要能一鍵撥出
手機上的電話號碼應該做成可點擊撥號的連結。這是投報率最高的一個小細節——很多網站的電話只是純文字,使用者必須自己記下來再撥,中間就流失了。
提供多種聯絡管道
不同年齡層與情境的偏好不同:
- 電話——急件、年長客群
- LINE——台灣使用者接受度最高的即時管道
- 表單——需要完整描述需求時
- Email——B2B 客戶習慣留下書面紀錄
建議把這些選項放在容易觸及的位置,讓訪客自己選最順手的方式。
表單一定要測到「真的收得到信」
這是驗收時最常被漏掉、後果卻最嚴重的一項。
常見的災難是:表單看起來正常送出,通知信卻進了垃圾郵件匣,或根本沒寄出。老闆以為最近生意清淡,其實是詢問沒有送達,而且不會有任何人來告訴你。
驗收與定期檢查時,請確實做這三件事:
- 從手機實際送出一次
- 確認指定信箱收得到
- 確認沒有進垃圾郵件匣
如果通知信一直進垃圾桶,多半是寄件驗證沒設好,排查方式見公司信箱收不到信或被當垃圾信怎麼查。