60 秒決策
先確認使用者要完成的事。
適合使用
- 輸入短而固定長度的驗證碼，且每一碼都是同一個值的一部分。
- 需要讓手機使用者快速填入簡訊或驗證器提供的代碼。
不適合使用
- 只是一般的數字、電話或身分證欄位。
- 驗證碼長度、格式或驗證方式尚未確定。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
先把它當成一組值
六格只是視覺輔助；貼上完整代碼後要能正確分配，而不是逼使用者逐格重打。
自動跳格不等於自動送出
輸入下一格可以減少操作，但完成後仍應讓人確認或按明確按鈕送出。
失敗要保留修正出口
代碼錯誤、過期與尚未收到都要有文字說明與重新取得方式。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未輸入
交代驗證碼來源、長度與剩餘時間或重新取得方式。
部分輸入
焦點往下一格移動，但可用方向鍵與 Backspace 回頭修正。
完整代碼
完整六碼可被檢查，但不應未經確認就直接完成登入。
錯誤或過期
保留輸入內容或提供清除選項，並說明下一步。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
六位數登入驗證碼
先觀察：貼上完整代碼、逐格輸入與錯誤訊息是否都能理解。
操作：點擊貼上範例，或手動輸入六碼後按「驗證代碼」。
預期結果：完整代碼會填入六格；不足六碼時明確說明還缺幾碼，不會自動送出。
可操作 Demo
貼上或逐格輸入驗證碼
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立六位數 OTP／PIN Input，供登入驗證使用。每一格皆採數字鍵盤提示，支援把完整六位數直接貼上後分配到各格；可用方向鍵與 Backspace 修正，輸入不足時說明還差幾碼。不要在輸入完成後自動送出，並提供「重新取得驗證碼」的替代流程。驗收清單
不要只確認欄位能不能點。
- 是否支援貼上完整驗證碼？
- 數字鍵盤與 autocomplete 是否適合裝置？
- 方向鍵與 Backspace 能否修正？
- 完成輸入後是否仍保留明確送出？
- 錯誤、過期與重新取得是否有文字說明？