跳至主要內容
NC網頁設計公司 NC網頁設計公司 網頁設計
問題與解答
手機版表單怎麼設計才不會流失客戶?

手機版表單怎麼設計才不會流失客戶?

問:
網站表單要放幾個欄位? 手機填表單客戶都填一半就跑掉 電話可以直接點擊撥出嗎? 表單送出了但沒收到信
答:

手機上的每一個欄位都是流失點

手機打字費力,網路可能不穩,使用者常常是在通勤、排隊、走路時填表。欄位越多,放棄的人越多——這在手機上比電腦上嚴重得多。

對多數企業網站來說,表單是主要的詢價來源。表單設計的細節,直接影響實際收到多少詢問。

欄位精簡的原則

問自己:這個欄位現在真的需要嗎

常見的多餘欄位:

  • 公司統編——成交後再問就好
  • 地址——除非要寄送實體物品
  • 預算範圍——很多人不願意在第一次接觸就透露
  • 如何得知本站——對訪客沒有價值,只對你有價值
  • 重複確認欄位——再輸入一次 Email,在手機上特別惱人

判斷標準:沒有這個資訊,你就無法回覆對方嗎? 不是的話,就不該是必填。

建議的最小組合

稱呼、聯絡方式(電話或 Email 擇一必填)、需求描述。三欄就能開始對話,其餘的在回覆時再問。

鍵盤與輸入的細節

這些是使用者不會察覺、但做了會明顯順暢的細節:

  • 電話欄位要跳出數字鍵盤——不要讓使用者在注音鍵盤上找數字
  • Email 欄位要跳出含 @ 的鍵盤
  • 自動填入要能運作——讓瀏覽器記住的姓名、電話、Email 可以一鍵帶入
  • 不要禁止貼上——有些網站為了「安全」禁止在 Email 欄位貼上,在手機上非常擾人
  • 輸入框的文字大小要足夠——某些瀏覽器在字體過小時會自動放大整個頁面,造成版面跳動

驗證與錯誤提示

即時驗證,但不要太早

使用者才輸入兩個字就跳出「格式錯誤」,是很差的體驗。應該在離開該欄位後才驗證。

錯誤訊息要說清楚怎麼修

  • 不好:「輸入錯誤」
  • 好:「電話請輸入 10 碼數字,不需要加符號」

送出失敗時不要清空已填內容

這是最容易讓人放棄的設計。在手機上重打一次全部內容,多數人會直接離開。

錯誤位置要能一眼看到

手機螢幕短,如果錯誤欄位在畫面外,使用者會不知道發生什麼事。應該自動捲動到第一個錯誤處。

送出後要有明確回饋

常見的問題是:按了送出,畫面沒有反應,使用者不確定成功了沒,於是又按一次——結果收到兩筆重複詢問。

應該做到:

  • 按下後按鈕立即變為處理中狀態,並防止重複點擊
  • 成功後顯示明確的訊息,說明大概多久會回覆
  • 如果會寄送確認信,也一併說明

比表單更重要的:直接聯絡的方式

對很多行業來說,訪客更想直接打電話或加 LINE,而不是填表單。這在急件、服務業、地區型業務上特別明顯。

電話要能一鍵撥出

手機上的電話號碼應該做成可點擊撥號的連結。這是投報率最高的一個小細節——很多網站的電話只是純文字,使用者必須自己記下來再撥,中間就流失了。

提供多種聯絡管道

不同年齡層與情境的偏好不同:

  • 電話——急件、年長客群
  • LINE——台灣使用者接受度最高的即時管道
  • 表單——需要完整描述需求時
  • Email——B2B 客戶習慣留下書面紀錄

建議把這些選項放在容易觸及的位置,讓訪客自己選最順手的方式。

表單一定要測到「真的收得到信」

這是驗收時最常被漏掉、後果卻最嚴重的一項。

常見的災難是:表單看起來正常送出,通知信卻進了垃圾郵件匣,或根本沒寄出。老闆以為最近生意清淡,其實是詢問沒有送達,而且不會有任何人來告訴你

驗收與定期檢查時,請確實做這三件事:

  1. 從手機實際送出一次
  2. 確認指定信箱收得到
  3. 確認沒有進垃圾郵件匣

如果通知信一直進垃圾桶,多半是寄件驗證沒設好,排查方式見公司信箱收不到信或被當垃圾信怎麼查

發表於2026-08-05   更新於2026-08-11
免費諮詢 · 1 個工作天內回覆

準備好讓網站 開始幫你帶生意了嗎?

不論是要做新網站、救舊網站,還是只想先聊聊方向——先諮詢,不用先付錢,我們照實給你建議。

1 個工作天回覆免費諮詢與報價費用白紙黑字26 年找得到人
免費諮詢
免費諮詢 LINE諮詢 03-4681000 臉書傳訊
免費諮詢 LINE諮詢 03-4681000 臉書傳訊
免費諮詢
免費諮詢 LINE諮詢 03-4681000 臉書傳訊
免費諮詢 LINE諮詢 03-4681000 臉書傳訊