増減ボタン
Number Stepper±ボタンで数値を1刻みずつ増減させる、数量入力に特化した入力UI。
数量: 1
○ 使う場面
- 個数・数量など、1刻みでの微調整が中心の数値入力のとき
- ボタン操作だけでタップ操作を完結させたい、モバイルのカート画面などのとき
× 避ける場面
- 桁数の大きい値や連続量を扱うとき(→スライダー)
- 手順・工程の現在位置を示したいとき(それは「ステッパー」の別義=ステップバー。→ステップバー)
別名
数値ステッパー、数値入力ステッパー、スピンボタン
近縁種との比較
別名の「スピンボタン」は、古くからのGUIツールキットで使われてきたspin box(スピンボックス)という呼び名に由来し、上下のボタンで値をくるくると回すように増減させる操作感を“spin(回転)“になぞらえた名称とされる。
| 近縁種 | 違い・使い分け |
|---|---|
| ステップバー | 「ステッパー」という語は本エントリの数値増減ボタンと、複数手順の現在位置を示す進捗UI(ステップバー、本図鑑での別義)の2つの意味で使われる同名異義語で、前者は個数・数量の1刻みの微調整に、後者はフォームや購入フローの工程表示に使う。 |
| スライダー | 値の変化幅が大きい、あるいは連続量を扱う場合はスライダーの方が適する。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション