數值控制

Spinbutton|數值微調器

以鍵盤或上下控制快速微調一個有固定步進的精確數值。

常見俗稱:數值微調器、上下調整、Spinbutton、Spinner

60 秒決策

先確認使用者要完成的事。

適合使用

  • 數值有固定步進,使用者會以鍵盤或上下控制做小幅調整。
  • 仍需要看見並可直接修改精確數字。

不適合使用

  • 值的範圍很大,按很多次才能抵達目標。
  • 使用者只是在挑選少量離散數量,且不需直接輸入。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

微調與輸入要同時成立

上下控制協助調整,數字本身仍需可讀、可直接輸入。

邊界回饋不能沉默

到達最小或最大值時,控制狀態與說明要讓人知道為何不能再調。

步進要符合資料

人數每次加 1,金額可能每次加 1000;不要用同一種步進處理所有數字。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

一般調整

上下控制與直接輸入都能改變目前值。

最小值

減少控制不可再往下,並保留可理解的原因。

最大值

增加控制不可再往上,不讓使用者重複點擊猜測。

無效輸入

非數字或越界值要能修正,不直接偷偷改成另一個數。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 每組人數微調

    先觀察:固定步進、直接輸入與最小/最大邊界如何互相配合。

    操作:用增加、減少與方向鍵調整人數。

    預期結果:值每次只改變 1,且到達邊界時有明確回饋。

可操作 Demo

每組人數微調

可直接輸入,或以每次 1 人的步進調整;範圍為 1 至 20 人。

目前每組 8 人,可調整 1 至 20 人。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

建立「每組人數」Spinbutton,範圍為 1 到 20、每次增加或減少 1。保留直接輸入、上下微調、目前值與最小/最大限制;到達邊界時要有文字回饋,不能靜默失效。

驗收清單

不要只確認欄位能不能點。

  • 步進值是否符合真實資料?
  • 可否直接輸入精確值?
  • 最小與最大值是否有回饋?
  • 鍵盤方向鍵是否可預期地微調?
  • 若只需要加減少量,是否應改用 Stepper Control?