web-dev-qa-db-ja.com

スライダートラックはいつクリック可能にする必要がありますか?

スライダートラックを有効にするタイミングとトラックを無効にするタイミングに関する基本的な情報を見つけて、ユーザーがスライダーのつまみをクリックアンドドラッグするようにします。

ヘルプやリソースをありがとう!

1
WillHampton

なぜ両方ではない?

一部のユーザーは、一方を実行したい場合もあれば、もう一方を実行する場合もあります。シングルタップ(より効率的な対話)を無効にする必要がある場所について、私が考えることができる明確なシナリオはありません。

yourユーザーからの明確なデータがyourアプリにあり、それらを遅くするか、誤ったタップを防ぐ必要があります。無効にしないでください。

ターゲットを明確にする

ドラッグでもタップでも、範囲の増分を明確に確認できると便利です。これは、ユーザーが目的の値にドラッグするのに役立ち、タップターゲットが自明になります。スライダーは通常、とにかく細かい値には使用しないでください(下の記事を参照)。これらのターゲットの増分はかなり大きくなる可能性があります。

スライダーに関する一般的なアドバイス

この件に関するNN/gの記事 は、スライダーコントロールの基本的な問題について説明しています。奇妙なことに、タップとドラッグについては何も触れられていません。これは、おそらくコントロールの想定機能であるためです。そこでの重要なポイント:

正確な値を選択することがインターフェースの目標にとって重要な場合は、代替のUI要素を選択します。

1
plainclothes

スクロールバーの相互作用:

  1. 終了ボタンをクリックして、値を1単位ずつ増減します。
  2. トラックをクリックして、値を大きく(または10単位または10%)増減します。
  3. つまみをドラッグして値を任意の値に変更します

スライダーの相互作用:

  1. トラックをクリックして、値を任意の値に変更します
  2. つまみをドラッグして値を任意の値に変更します

アプリケーションに最適なインタラクションを持つインタラクションを選択し、ユーザーがアプリケーションでやりたくない場合にのみ、これらのインタラクションの1つを無効にする必要があります。

それがタッチ対応アプリケーションであり、ユーザーが太い指でスクロールバーを確実に制御するのに十分なスペースがない場合は、使いやすさのためにスライダーを使用することをお勧めします。一方、ユーザーが実際に正確な値だけ値を増やしたい場合は、スクロールバーの方が便利です。

1
Robyn