web-dev-qa-db-ja.com

数値入力vs範囲スライダー

従来の数値入力と比較して、レンジスライダータイプの入力の長所と短所は何ですか?それらを使用する方が良いときは?

3
progmastery

両方を使用することも、1つだけ使用することもできます。これは、実際にユースケースに直接依存します。

  • 十分なヘルプ情報(フィールド形式、フィールド名、ヘルプテキスト)が提供されている場合、入力フィールドは通常、正常に機能します
  • 入力フィールド+範囲スライダー(以下参照)は、事前に定義された値の範囲を増分でユーザーに幅広く制御させたい場合に使用されます。たとえば、このコントロールを使用して、仮想マシンを構成し、2-4-8-16-32 GBのRAMを選択できます。
  • 範囲スライダーは、事前定義された値の範囲があり、ユーザーが技術に精通しておらず、ほとんどの場合マウスを使用するか、タッチデバイスの代替入力としてのみ使用されます。

これらはほんの数例ですが、レンジスライダーは、フォームや任意の場所でのキーボードナビゲーションには適していません。

1
Ciprian Pălici

安全を確保するための検証が少なくて済むため、範囲スライダーには入力フィールドよりも技術的な利点があります。非常に同じ理由で、レンジスライダーは「不正な」入力が原因で不要なエラーを発生させないため、ユーザーにとってメリットがあります。

ただし、範囲スライダーは、電話番号や日付など、数の無限の範囲を許容できないため、いくらか制限されています。

範囲スライダーは、少数の値しか持てない厳密に定義された間隔がある場合に非常にうまく機能します。たとえば、ゲストの予約やボリュームコントロールの食事

3

私はレンジスライダーの利点を考えることはできません-マウスカーソルで制御しようとするときに手首に要求します(そして、ほぼインクリメントをスキップしないことを確認してください)。モバイルビューに関する限り、いずれにしても、スライダー用のスペースが少なすぎます。

0
drabsv

範囲スライダーではクライアントの範囲値を入力する必要がありますが、入力フィールドにクライアントは制限なく値を入力できます。

範囲の値がある場合、たとえば0-10範囲スライダーを使用できますが、たとえば、範囲が非常に高い場合は0-1000または無限数入力フィールドを使用することをお勧めします。

0
Naman