ZhenheAI

表單填錯後怎麼讓人修正?檢查錯誤提示與返回欄位路徑

從可重現錯誤開始,檢查提示是否看得見、說得明白,並確認使用者能回到正確欄位、保留其他內容完成修正。

主題情境插畫:表單填錯後怎麼讓人修正?檢查錯誤提示與返回欄位路徑

表單送出失敗時,使用者不只需要知道「有錯」,還要知道錯在哪裡、為什麼,以及怎麼回去改而不丟掉其他內容。測試的重點是從錯誤發生到成功修正的一整條路:提示能不能被看見、指向是否準確、說明能不能採取行動,以及修正後是否保留未出錯資料。以下用可重現的測試逐步檢查。

實作步驟:準備可重現錯誤;確認提示出現位置;檢查錯誤文字含義;回到對應欄位修正;確認其他資料保留;記錄完成或卡住

準備可重現錯誤

先把成功路徑和錯誤路徑分開,避免用「隨便填錯」得到無法重現的結果。選一份可安全測試的表單,記下瀏覽器、裝置與每一步輸入;資料用虛構內容,不送出真實個資。檢查必填、格式、長度、相依欄位和附件等驗證條件,一次只改一項。用同一份資料重跑,另留一份全部符合條件的對照組,才知道異常是否由該輸入造成,而非網路或頁面偶發狀態。測試前也要記錄是否勾選選項、附檔或使用自動填入,因為這些狀態可能改變驗證路徑。

情境 假設輸入 要觀察的結果
必填漏填 留一欄空白 能否指出欄位
格式錯誤 信箱填入「abc」 能否說明修正方向
條件欄位 選「其他」但不填說明 是否標出關聯欄位
正確對照 使用虛構且符合格式的內容 流程是否可完成

例如,假設表單有姓名、聯絡信箱和需求描述,先讓信箱故意少一個「@」,其他欄位填入明確標記為測試的內容。送出後記下提示文字與位置;修正信箱再送出,確認錯誤消失。這只是示範案例,不代表每份表單都有這些欄位。每次重跑都從相同起點開始,清除上一次狀態並檢查自動填入,否則你可能以為網站保留資料,實際上只是瀏覽器重新帶入。手機測試另記螢幕方向與鍵盤是否開啟,因為視窗高度會影響錯誤區域是否可見。把這些步驟寫成其他人也能照做的清單,後面才能明確分辨提示、欄位定位或資料保留是哪一環出錯。如果測試需要跨裝置,沿用同一組虛構資料,但分別記錄桌機與手機是否觸發相同規則;不要同時改資料和裝置,否則無法判定差異來源。

確認提示出現位置

提交後先觀察錯誤是否真的顯示,而不是只看表單有沒有被拒絕。從按鈕所在位置開始,檢查訊息是否落在表單頂端、出錯欄位旁,或兩處都有;使用者不應必須猜測頁面發生什麼事。若有多個錯誤,先確認頁面是否提供總覽,再判斷個別欄位旁有沒有相應提示。記下畫面捲動位置、視窗大小和是否有固定導覽列,因為摘要可能出現在螢幕外,或被頁首遮住。

把檢查拆成「看得見」和「找得到」:錯誤色彩不能是唯一線索,文字或圖示也應清楚;訊息和欄位的距離要能辨認關聯,但不能擠到讀者分不出屬於哪一題。用鍵盤操作一次,確認焦點停在哪裡、提示是否隨焦點被讀到;再用小螢幕檢查長表單,確認錯誤出現時不會被下方按鈕、瀏覽器工具列或鍵盤遮住。

例如,表單底部有一欄格式錯誤,送出後若錯誤摘要只在頁面頂端短暫閃現,使用者可能仍停留在按鈕附近而錯過它。此時要記錄摘要是否持續可讀、是否帶到欄位旁的說明、是否因頁面跳動而消失。反過來,如果只在欄位旁顯示,長表單使用者也可能沒注意到頁面已拒絕送出。合理判準是:提交後能在當前視窗看見明確結果,並能辨認哪個欄位需要處理。不要只用「紅色夠不夠醒目」做結論,需同時看文字、位置、焦點與實際操作順序;若只有特定裝置看不見,記錄裝置與視窗條件,避免把偶發遮擋當成所有頁面都失效。截圖保留完整提示和欄位周邊,不裁掉頁首或按鈕,方便還原所在位置。還可在送出前後截圖比對,確認提示不是原先就存在,也沒有被其他訊息蓋過。

檢查錯誤文字含義

提示文字要回答兩件事:哪個欄位有問題,以及下一步可以怎麼修。像「資料錯誤」或「請檢查輸入」只描述結果,沒有指向行動;更好的寫法可指出「聯絡信箱格式看起來不完整,請檢查是否少了 @ 或網域」。這是寫法示意,不要求所有表單使用相同詞句。測試時把提示交給未參與設計的人閱讀,請他只根據文字說出要改哪裡;若仍需猜測,就算訊息出現也不算完成。

檢查用詞是否具體而不武斷。若規則是必須填寫,直接說明該欄必填;若限制長度,提示可說明需要縮短或補足,但只有系統實際檢查了該限制才這樣寫。避免只寫「無效」、「格式不符」等抽象分類,也避免責怪使用者。當欄位格式有多種可接受方式,提供一個示例;但示例不能窄化實際允許的格式,也不要把敏感資料回顯在提示中。

可用三步核對:先遮住欄位名稱讀提示,看是否知道在說什麼;再只看欄位名稱和提示,能否判斷要改的內容;最後照提示修正,確認訊息消失。若訊息提到一個系統無法檢查的理由,例如猜測使用者為何填錯,就改成可觀察的事實。對相依欄位,文字要說明前因後果,例如「選了其他,請補充說明」,而不是只說「此欄錯誤」。若規則本身複雜,考慮在輸入前就簡短說明,錯誤提示聚焦指出未符合的部分,避免讓人重新閱讀整段規則。也要留意提示是否與實際規則一致:若欄位接受全形符號或不同大小寫,提示就不該假設只有單一格式。將訊息逐字記下,因為同一欄位可能依不同錯誤原因顯示不同說明;測試每種原因時分開驗證,確認使用者看到的是當下可採取的指引。

回到對應欄位修正

看到錯誤後,下一個動作應能把人帶回需要修正的位置。測試點不是頁面有沒有跳動,而是對應欄位是否進入可編輯且可見的範圍,游標或鍵盤焦點是否落在正確位置。若表單提供錯誤摘要,逐一啟用每個項目,確認會捲到對應欄位,且欄位標籤與說明一同出現在視窗中。若頁面只自動捲動但沒有焦點提示,鍵盤使用者可能仍不知道目前在哪裡。

特別檢查表單很長、欄位重複或位於摺疊區塊的情況。兩個欄位名稱相近時,錯誤連結不能只帶到其中一欄的附近;有固定頁首時,捲動停止位置須留出空間,不可讓標籤被遮住。用鍵盤按 Tab、Shift+Tab 操作,確認焦點移動有順序、可看見,且不會卡在摘要上。若用滑鼠點摘要,點擊後也要能立即找到輸入框,不必再多次搜尋。

例如測試表單底部的必填欄位:送出後觀察頁面是否到達該欄、欄位是否在視窗內、提示是否貼近它,以及輸入後焦點能否繼續移到下一個欄位。再從錯誤摘要點同一項目,重做一次,以分辨自動定位和摘要連結是不是走不同路徑。若系統一次顯示多個問題,修完第一個後不要假設其他錯誤仍在可見位置;再次提交時確認頁面能把人帶到下一個未解決項目。把「停在哪裡」記成實際欄位,而不是寫「有跳轉」,這才能讓維護者重現偏移、遮擋或定位錯誤。若欄位在互動後才展開,檢查錯誤連結會先展開區塊,再把焦點送入欄位;若跳到未展開的位置,使用者仍看不到問題。也要查看定位後是否保留可辨識的欄名,而非只把游標放在一個沒有上下文的輸入框。

確認其他資料保留

送出失敗後,逐欄確認已填內容是否還在,這是使用者能否完成修正的關鍵。測試前替每一個欄位填入容易辨認的虛構標記,例如不同的文字片段或選項組合,刻意只讓其中一欄不符合條件,再送出。返回表單後檢查文字、選取項目、勾選狀態、日期、附件以及條件欄位是否仍符合原值;不要只看第一屏或最靠近錯誤的部分。若任何資料清空,記下欄位種類和發生步驟,因為不同輸入元件可能有不同保留方式。

也要分清楚資料來自網站還是瀏覽器自動填入。關閉自動填入或使用新的測試工作階段再跑一次,可避免瀏覽器在重新載入時悄悄補回資料。對附件等非文字資料,檢查錯誤返回後是否仍顯示已選取狀態,並確認重新提交前不會誤以為檔案仍在。涉及密碼、付款或其他敏感內容時,不應要求系統把內容原樣顯示在錯誤訊息;測試記錄也不可保存真實敏感值。

例如假設測試者已填姓名、信箱與需求,只有信箱格式錯誤;返回時應逐項比較原先的測試標記,不以「頁面還留著」當作保留完整。若修正一欄後其他已填內容消失,記錄消失前後的差異和是否重新載入,這表示使用者可能要重做而放棄。最後把錯誤欄位修正,再次送出,確認所有先前內容仍在,且被修正的欄位不再報錯。這個檢查同時涵蓋表單狀態和使用者對提交結果的信心。若欄位分頁或分步驟呈現,逐步返回查看錯誤欄位所在頁是否仍有內容,並確認切換回來不會重新初始化。記錄每次重進的方式,因為直接返回和從摘要連結返回可能結果不同。

記錄完成或卡住

每一輪測試結束後,記錄是完成、部分完成,還是被卡住。完成代表能重現錯誤、看見並理解提示、回到正確欄位、保留其餘內容、修正後重新提交;只確認錯誤提示出現,不算整條路徑通過。若中途受權限、外部驗證或無法準備的資料阻擋,記為卡住並寫明阻擋點,不要把未測過的步驟當成成功。

留下他人可重做的紀錄:表單所在頁面、裝置與視窗、使用的虛構資料類型、操作順序、預期結果、實際結果,以及錯誤提示的完整文字。截圖或錄影要包含欄位名稱和頁面位置,並遮去個人或敏感資訊;若問題只在某條件出現,寫清楚該條件。把結果分成提示未出現、內容不清楚、定位錯誤、資料遺失或重試仍失敗,避免只寫「表單有問題」。

接著按影響整理修正順序:先處理使用者看不到錯誤或無法找到欄位,再處理提示難懂和操作不順;每項都連回可重現步驟。修正後用同一份測試條件重新走完整流程,另加一個正確輸入的對照,避免只證明單一錯誤被隱藏。若問題無法重現,就保留當時裝置、視窗與輸入狀態,再換條件逐項縮小範圍,不要直接標記完成。如果交給維護者處理,紀錄要指明哪一步失敗、如何判定期待結果,並附上不含個資的畫面證據;只留下「不好用」或「沒有成功」無法區分缺陷位置,也無法在修正後重驗。修正後把驗收結果回填同一份紀錄,標明重跑的條件和仍未確認的項目,避免把單次順利操作擴大成所有情境都通過。下一步可挑一個最常遇到的格式錯誤,照本文記錄從送出到修正的流程,再到 ZhenheAI 首頁 查看相關資訊。