数や値を決める部品の違い
スライダー・レンジスライダー・ステッパー・ドラムロールピッカー
数や値を決めるUIの違いです。正確さと、選べる範囲の広さが違います。
表で比べる
| スライダー | レンジスライダー | ステッパー | ドラムロールピッカー | |
|---|---|---|---|---|
| 決めるもの | 1つの値 | 範囲（下限と上限） | 1つの小さな数 | 時刻や日付などの値 |
| 正確さ | だいたい | だいたい | 1ずつ正確 | 正確 |
| 操作 | つまみを左右に動かす | 2つのつまみを動かす | ＋と−を押す | 上下に回す |
| よくある例 | 音量・明るさ | 価格の絞り込み | カートの個数 | アラームの時刻 |
こんなときは、これ
- 感覚的に調整したいスライダー →
- 「〜円から〜円」で絞り込みたいレンジスライダー →
- 1〜10くらいの数を選ばせたいステッパー →
- 時刻や日付を選ばせたいドラムロールピッカー →
迷ったら感覚で決めるならスライダー、ちょうどの数ならステッパーやピッカーです。