表單往往是用戶完成申請、登記、付款或提交資料的關鍵一步。即使整個網站設計出色,一個令人困惑的表單仍然足以令用戶中途離開。

每次只問真正需要的資料

欄位越多,完成成本越高。設計前應逐項確認資料是否必須在當刻收集,還是可以稍後補充、由系統自動取得,或完全刪除。當用戶理解提供資料的原因,亦會更願意完成。

如果流程較長,可以按任務分成數個有意義的步驟,並清楚顯示目前位置。步驟名稱應描述用戶正在完成的事情,例如「個人資料」、「服務選擇」和「確認提交」,而不是只顯示 Step 1、Step 2。

Label 要保持可見

Placeholder 適合提供格式例子,但不應取代欄位名稱。當用戶開始輸入後,placeholder 會消失,令他難以再次確認欄位要求。清晰而持續可見的 label,可以減少記憶負擔和輸入錯誤。

  • 使用日常語言,避免內部術語。
  • 在輸入前提供必要格式,例如日期或編號形式。
  • 清楚標示選填欄位,避免每一項都重複寫「必填」。
  • 相關欄位放在一起,不相關內容以標題和留白分隔。

錯誤訊息要說明如何修正

「輸入錯誤」沒有足夠資訊幫助用戶。有效的錯誤訊息應指出哪一項有問題、問題是甚麼,以及應如何修正。訊息最好顯示在相關欄位附近,同時保留用戶已輸入的其他內容。

驗證時機亦很重要。用戶尚未完成輸入便立即顯示紅色錯誤,容易造成壓力;但等到最後提交才一次過顯示大量問題,又會增加返工。一般可在用戶離開欄位後驗證格式,並在提交時提供完整摘要。

讓主要行動清楚而可信

按鈕文字應描述結果,例如「儲存紀錄」、「提交申請」或「下一步」,避免只有模糊的「確定」。涉及不可逆轉的操作時,應提供確認步驟或清楚提示影響。

好的表單體驗,會讓用戶一直知道系統需要甚麼、目前發生甚麼,以及下一步會發生甚麼。

測試真實使用情境

除了成功提交,也要測試網絡中斷、重複資料、超長內容、返回上一步、使用手機鍵盤及輔助技術等情況。表單最容易出現問題的地方,往往不是理想流程,而是用戶需要修正或恢復的時刻。