圍繞用戶決定設計
每個畫面應提供下一步所需資料。預約頁需要時間、名額及條件;比較頁需要區分各選項的欄位。若同一卡片結構會隱藏任務的重要資料,就不應到處套用。
在窄螢幕手機測試同一預約
示例中,用戶預約工作坊、閱讀取消規則,再更正電話號碼。以真實長標題及錯誤訊息,在英文及繁體中文各走一次流程。
| 內容情況 | 通過條件 |
|---|---|
| 較長的雙語工作坊名稱 | 換行後仍看見日期、價格及預約操作 |
| 無效電話號碼 | 錯誤指明欄位及更正方式,保留已輸入內容 |
| 選日期後切換語言 | 選擇及驗證狀態在切換後保留 |
檢查實際雙語內容
英文與繁體中文佔用空間不同。測試長名稱、地址、驗證訊息及窄螢幕,不只翻譯標題。用戶開啟內部連結時應保留語言選擇,手機語言控制亦應容易找到且不會丟失當前任務。
讓表格清晰且可操作
每個輸入欄位應有可見標籤,並標示必填資料。W3C 表格指引說明標籤如何連接控制項。以真實資料測試鍵盤焦點、錯誤修正及最後操作;欄位內的提示文字不應是唯一說明。
進行前先確認
- 以兩種語言檢視完整流程。
- 在窄螢幕及放大情況測試長內容。
- 檢查標籤、鍵盤焦點及錯誤修正。


