web-dev-qa-db-ja.com

つまみの代わりにどのようなコントロールを使用すればよいですか?

アプリケーションの一部では、ユーザーは基本的に「ノブを回して」何らかの効果を上げることができます。内部的には、数値は0〜15ですが、外部的にはそれほど重要ではありません。私たちは「音量を上げる」(つまり、ボリュームノブを上げるなど)という考えを維持したいと考えており、ユーザーは技術に精通していません。唯一の実際の制約は、「ノブ」の「オフ」位置があることです。

以上のことを踏まえて、次のことを踏まえて、どのコントロールを使用すればよいでしょうか。

  • 開始位置と終了位置があります
  • 連続値があります
  • ユーザーが気にしない数値があります

物理デバイスの場合、これが通常私がノブを必要とする理由です。ラジオについて考えても、音量が「十分」である限り、音量が「6」か「9」かは関係ありません。同じことがここでも当てはまります。ユーザーは効果を上げられるようにしたいのですが、正確な数は気にしません。

答えは単なるスライダーですか?より良い/より直感的なコントロールはありますか?

更新1:

ノブはコンピュータ画面の直感的なコントロールではないため、使用したくありません。ノブをどのように回転させますか?クリックしてドラッグ?

3
Perchik

ノブが理想的なパラダイムである場合は、ノブを使用します。ノブはかっこいいです。


ここにいくつかのクールなノブがあります、いくつかはさらにマウスホイールをサポートしています:


ノブの使いやすさに関しては、それはコンテキストに依存します。タッチノブの場合は素晴らしいですが、デスクトップの場合はマウスホイールとキーボードの矢印などをサポートします。大丈夫です。巨大なノブとそのブランドの一部がある場合は、ノブを使用するだけで十分です。

1
Fresheyeball

ノブとスライダーは、ユーザーが値を入力する方法に関しては本質的に同じです。しかし、あなたが正しく指摘しているように、ノブはマウスで使用するのがはるかに困難です。

したがって、デフォルトの答えは、はい、画面上のノブの利点をエミュレートする場合は、スライダーを使用します。

精度が必要な場合は、キーボードを使用して値を手動で編集できることも確認する必要があります。

1
DA01

より直感的なコントロールが必要な場合は、使用およびカスタマイズが非常に簡単な jQuery roundSlider プラグインを使用できます。

詳細については demos および documentation ページを確認してください。また、ここで customization を確認することもできます。

加えて、

  • デスクトップとタッチの両方のデバイスでサポートされています
  • それは反応します
  • キーボードとマウスホイールがサポートされています...など。
0
Soundar R

スライダーを使用しても「クランクアップ」の感覚を維持できます。スライダーを視覚的に表すように設計するだけです。あなたのアプリケーションはテーマに合うボリュームを扱っているので、私はサウンドボードをモデルにしています。

enter image description here

enter image description hereenter image description here

これにより、直感的でインクリメンタルなコントロールを提供しながら、おなじみのクランクアップのラジオ感覚を手に入れることができます。

0
DasBeasto