60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要在有限範圍快速找一個大致合適的值。
- 拖曳或方向鍵調整比輸入精確數字更自然，例如音量或透明度。
不適合使用
- 每個數字都要精確記錄或使用者常直接輸入大數。
- 目前值不適合只靠滑塊位置判讀。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
數字要留在滑桿旁
位置不夠精確；目前值和單位必須一直可見。
兩端要說明尺度
最低與最高值、名稱或效果要讓人知道拖到兩端會發生什麼。
拇指需要足夠好碰
手機上小小的圓點很難拖，觸控目標要有足夠尺寸。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
預設
目前值、可調範圍與單位都可被讀到。
拖曳與 Focus
拖曳或鍵盤調整時持續回饋數字。
最小與最大值
抵達兩端後仍可辨識目前狀態，不只靠拇指位置。
停用
不可調整時保留目前值與限制原因。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
通知音量
先觀察：滑桿位置、目前百分比與端點如何同時呈現。
操作：拖曳滑桿，再用方向鍵微調。
預期結果：每次調整都看得到目前音量，鍵盤與觸控都能操作。
可操作 Demo
通知音量調整
範圍 0 至 100，每次調整 5；數字會持續顯示在滑桿旁。
目前通知音量：65%。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「通知音量」Slider，範圍 0 到 100，每次調整 5。滑桿旁要持續顯示目前百分比；鍵盤方向鍵可微調，手機觸控時滑軌與拇指都要容易操作。驗收清單
不要只確認欄位能不能點。
- 目前數值與單位是否可見？
- 最小與最大端是否有意義？
- 鍵盤調整是否會回饋數字？
- 手機觸控目標是否足夠大？
- 若需精確輸入，是否提供 Number Input 作為替代？