先問倒數是為了甚麼
成人學員放工後用手機報讀夜間課程,填到學歷一欄,要找證書核對年份;付款前,又想仔細閱讀退學安排。資料沒有填錯,表格卻突然失效。負責人若只叫開發商把時間加長,很可能仍未處理真正問題。先查清楚觸發逾時的是閒置時間、整段填表時限,還是最後一個學額的暫留期限,再決定修改哪一段流程。
請開發商列出各個計時器,包括伺服器及接駁的預約系統:何時開始、甚麼操作會重新計時、到期後會發生甚麼事,以及由誰決定規則。畫面仍可輸入,不代表伺服器會接受下一步。機構負責人應先確認業務安排,再由開發商證明畫面倒數與實際到期時間一致。這份清單亦能避免前台答應延長,後台卻照樣終止申請。
為一般填表時限選擇合適控制
可用 WCAG 2.2 的 A 級成功準則 2.2.1 作為設計基準。對內容設定的時限,準則提供不同做法:讓用戶在開始前關閉時限;讓用戶預先調整,範圍至少可達預設時間的十倍;或在到期前警告,給用戶至少二十秒以簡單操作延長,並容許至少延長十次。應選擇適用的做法,並非每份表格都必須同時提供三種控制。
一般報名資料未必需要限時填寫,可先評估讓學員選擇不限時是否可行。若採用預先調整時間,選項必須在填表前容易找到;若沿用現有工作階段並加入延長功能,就要逐頁驗證警告與按鈕。儲存草稿可以減少重填,但不能單靠這個功能代替時間控制。本文以 WCAG 協助機構訂立設計要求,並不據此宣稱所有香港企業都有同一法律義務,或網站已全面符合無障礙標準。
先完成資料準備,再暫留名額
熱門工作坊可能確實需要把未確認的名額釋出,不能無限期留位。課程主管應解釋延長暫留會如何影響名額分配,再判斷是否符合必要時限的例外。W3C 的售票例子把可預先填寫的資料移到關鍵限時階段之前。培訓機構也可參考以下流程與開發商討論;這是設計建議,不是實際客戶成效,也沒有指定所有課程必須採用同一留位時長。
| 準備資料 | 填寫聯絡資料及學歷,閱讀課程條款。 | 提供已選定的時間控制,暫不佔用名額。 |
|---|---|---|
| 選班及暫留 | 查看最新餘額,確認報讀班別。 | 如有合理留位期限,開始前先說明。 |
| 確認報名 | 核對總額,完成確認或付款。 | 顯示實際留位狀態,到期時不可讓人誤以為已報名成功。 |
把流程拆開後,要接受一個現實:學員準備資料期間,心儀班別可能已滿額。因此,填表頁應清楚說明尚未留位。暫留到期後,可讓學員重新查詢名額,而資料是否保留則按機構已訂的草稿安排處理。延長填表時間不等於延長學額暫留;若兩個期限各自運作,訊息也要分開,避免學員按了延長後,以為原有名額仍然有效。
警告要看得明,也要來得及操作
示範時可先訂一組測試設定:閒置十五分鐘便結束工作階段,在到期前六十秒提示,按鈕可重新開始計算閒置時間。這些只是示例設定,並非 WCAG 規定的分鐘數。下列文案適用於尚未留位的普通填表階段。學員按下延長後,必須等伺服器確認成功才顯示成功訊息,不能只把畫面的數字重設。
驗收時,英文與繁體中文要各走一次完整流程。請試用者用自己的話說明:甚麼即將到期、按鈕有甚麼作用、現在是否已留位。如果答案含糊,就要修改文案。再用窄螢幕手機、鍵盤及屏幕閱讀器測試,確認能察覺警告並操作延長。成功後應回到原本步驟,保留已填答案;切換語言也不應清空內容,或令兩個語言版本顯示不同的剩餘時間。
把要求變成可重做的驗收示範
確認修改前,要求開發商連續示範至第十次成功延長,然後正式提交測試申請。另加慢速連線及接近到期才按鈕的情況,查看介面能否分清楚已成功延長、請求失敗及已經逾時。全部使用虛構學員資料,記錄警告出現時間、操作時間與伺服器結果。也要故意不回應一次,讓職員看到真正逾時後的提示,而不是只看設計稿猜測結果。
下一步不用先重做整個網站。挑選一個現有報名流程,由課程負責人與開發商一起確認計時清單、採用的時間控制,以及需要保留的留位例外理由。把中英文警告文案和示範結果附在修改要求內,才容易核對交付。若要一併檢視前後頁面的雙語體驗,可參考相關設計指南,或把這次流程納入 UX/UI 設計檢視範圍。
延伸閱讀:為英文及繁體中文用戶設計了解 Astera 的 UX/UI 設計服務進行前先確認
- 每個計時器都有明確用途、起算條件及到期處理。
- 選定的時間控制在兩種語言都能操作,伺服器亦確實執行。
- 留位例外有書面業務理由,可預先填寫的欄位已盡量移到限時留位之前。
- 如採用延長方式,示範須證明有足夠警告時間、可重複延長,並能完成提交。



