60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者需要輸入說明、備註、回覆或多行內容。
- 內容長度與換行會影響可讀性。
不適合使用
- 只需要一個簡短、格式明確的值。
- 使用者其實是在搜尋既有資料或輸入密碼。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
用 Label 說明內容用途
備註、原因與描述不是同一件事，欄位名稱要說清楚。
字數與格式在旁邊回饋
給出最大字數與即時字數，讓使用者在送出前就能調整。
高度要符合任務
初始高度至少可看見幾行內容；不要把長篇輸入塞進一行欄位。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
空白
清楚顯示用途、選填或必填，以及內容限制。
輸入中
字數與換行不被截斷，輸入區可舒適閱讀。
超過限制
保留輸入內容，明確指出超過多少字與怎麼修正。
錯誤
例如必填未填或內容不符合規則，要有文字說明。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
字數限制
先觀察：多行欄位需要同時顯示內容、字數與錯誤。
操作：輸入超過 120 字的備註。
預期結果：使用者看得懂限制，且不會因錯誤而遺失原本內容。
可操作 Demo
多行備註輸入
最多 120 字；請留下下一位處理者需要知道的背景。
0 / 120 字。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「交接備註」Textarea。提供可見 Label、最多 120 字提示與即時字數；超過字數時保留輸入內容、以欄位附近的錯誤訊息說明，不能只把錯誤藏在紅色外框。驗收清單
不要只確認欄位能不能點。
- Label 是否說明內容類型？
- 是否提供字數或格式限制？
- 超過限制是否保留內容並說明修正方式？
- 初始高度是否足以看見多行？
- 手機上能否舒適輸入與捲動？