web-dev-qa-db-ja.com

値を示すためにスライダーと入力フィールドをいつ使用するのですか?

たとえば、体重/身長を示す場合、スライダーを使用する方が良いですか、それともユーザーが値を入力するだけですか?

どの場合にどちらを使用する必要がありますか?

3
catandmouse

まず、スライダーの画像を見てみましょう。

enter image description here

入力フィールドの代わりにスライダーを使用する場合:

  1. タッチデバイスで入力を取りたい場合。

スライダーはタッチで入力できるため、モバイルでキーボードを開く必要はありません。また、モバイル機器での入力が速くなります。

  1. 始点と終点がある場合

すべてのスライダーには、ユーザーが入力できる値の幅を示す開始点と終了点があります。

  1. ユーザーが値の間をスキップできる場合

場合によっては、ユーザーはおおよその値を入力してよいと感じることがあります。たとえば、評価では、ユーザーは5のうち3.45にすることを好みません。明るさやボリュームコントロールの場合、ユーザーは値を必要としません。

5
Jivan

まず、私は設計者が両方を実装するオプションをしばしば持っていることを指摘します。また、ユーザー、インターフェース、環境、コンテキストなどにも依存します。めったに一方または他方ではありません。どちらか一方の場合は...

次の場合、入力がより適切な場合があります。

  • ユーザーは入力したいという特定の価値と、タッチ中心ではないインターフェースを持っています。
  • 入力データは、ユーザーに値を明示的に入力するように要求する場合(または客観的なデータと主観を反映している場合(つまり、重量と評価を反映している場合)の方が正確です。

スライダーは次の場合に適しています。

  • 値の設定範囲が存在します
  • 範囲を見つけるには切り替えが必要になります(ユーザーは事前に値を知りません)
  • おおよその値で十分です
  • キーボードからの入力よりもスライダーを使用した方が速いタッチスクリーンインターフェイス

しかし、真剣に、それは依存します。

2
evanomics

スライダーと数値入力の比較スライダーはユーザーに利便性を提供し、入力はユーザーに精度を提供します

スライダーには事前定義された制限があります。たとえば、最小値と最大値にはしきい値があります(ユーザーに10から10までの数値を選択させることもできます)。この制限はスライダーでは明らかですが、入力では奇妙です。

ただし、入力でユーザーが正確な数を指定できるようにすると、以前の制限なしでより多くの制御が可能になります。

スライダーはわかりやすいので、制限がある場合に選ぶと良いでしょう。この種類の制限がない場合、どちらも同じ機能を提供できますが、入力はより正確です(特定の数値、たとえば682を0〜1000の範囲で、マウスまたはタッチを使用して小さなスライダーで0〜1000の範囲で選択するとします。端末)。

0
Alvaro