web-dev-qa-db-ja.com

デフォルト値なしの(一見)線形入力用のどのフォームウィジェット?

デジタルアンケートの回答の場合、ラジオボタン(またはチェックボックス)の水平グループとスライダーゲージの間に合理的によく理解されたフォームウィジェットがあり、ユーザーは明らかに離散的な値ではなく一見線形の値を入力できますが、ユーザーが何もしなかった場合に送信されるデフォルトが必要ですか?

Visual comparison of Radiogroup, Slider and Number widget in browsers

私が思いつくことができる最高のアイデアは、「無回答」のチェックボックスが隣接するスライダーで、デフォルトではオンになっていて、スライダーがデフォルトの位置から離れるとすぐにオフ状態に切り替わります。

8
Crissov

ポテンショメータまたはレオスタットが範囲のいずれかの端にスイッチを備えているハードウェア設計のインターフェースがすでにあります。場合によっては、オン/オフスイッチとして使用されます。特異なコントロール(ボリューム)がある安価なアンプ用。

同様のコントロールを使用して、片側までスライドさせると、コントロールが無効になっているというフィードバックが得られることをお勧めします。

ASCIIアート(UMLで置換):

slider  |----------------|
value   N/A      0 1 2 3 4
snap    |        | | | | |

入力はN/A位置から始まりますが、ユーザーがハンドルをN/A位置から十分遠くにドラッグすると「クリック」します。ユーザーが値を適用できないと判断した場合は、値をN/A位置にドラッグするだけです。

簡単に言えば、これを行います:

私が思いつくことができる最高のアイデアは、「無回答」のチェックボックスが隣接するスライダーで、デフォルトでオンになっていて、スライダーがデフォルトの位置から離れるとすぐにオフ状態に切り替わります。

また、チェックボックスの代わりにスライダーがスキップするデッドゾーンを示します。

注意:この回答は、入力値が離散的ではなく連続的に変化することを前提としています。これは、範囲とステップサイズの比率が十分に大きい場合、前者とは区別できません。

5
Harley

精度、速度、認知負荷などの非常に重要な機能がないため、スライダーの上にラジオボタンを配置することをお勧めします。

これは、このトピックについて行われた素晴らしい研究です(記事は少し長くなりますが、私を信じてください。読んだり、調査結果を楽しんだりできます)。

Webベースの調査でスライダー対カテゴリー応答フォーマットを調査する

スライダースケールへの回答は、58人中35人のマネージャーから提出され、回答率は60%でした。ラジオボタンスケールでは、39人(62人中)のマネージャーが回答し、63%の回答率になりました。これら2つの比率の差は統計的に有意ではありません(z = 0.288、p <.78)。

データ品質の2番目の指標は完了時間です。スライダー処理の回答者は平均して5.93分(1.92〜49.85分)で調査を完了し、ラジオボタン処理の回答者は平均して4.95分(0.15から2.00分までの範囲)。差は統計的に有意ではありません(t = 0.593、p <.56)。

http://jrp.icaap.org/index.php/jrp/article/view/509/41

enter image description here

5
DPS

ニュートラルポジションをユーザーに明確に伝える方法があります。

調査スライダー

コントロールにはデフォルトの状態があります。そのデフォルトの状態を考慮する必要はありません。適切に名前を付けることで、ユーザーがそれを理解できるようにすることができます。

これは、中央にニュートラル位置があり、デフォルトの状態が「該当せず、ニュートラルではない」であることを明確に示しているスライダーです。スタンスを持つことが不可欠であることをユーザーに通知できます。当てはまらない質問のみを無視してください。フェンスシッターが少なくなるように、このような状態がより頻繁に必要になると思いますが、余談です。

enter image description here

オプションのスライダー

多くのショッピングWebサイトには、クリックするまでアクティブ化されない価格フィルタースライダーがあります。デフォルトの状態はinclude-allです。したがって、あなたの考えに基づいて、スライダーコントロールを有効にするチェックボックスを用意し、デフォルト値を持つスライダーを提供することができます。

enter image description here

テキストボックス

帯域幅割り当てフォームを備えたトレントアプリケーションを思い出します。数値検証を伴うテキスト入力があり、側のテキストには、値が無限であるか、関数が考慮されていないことを示していると記載されています。その他の数値は許可されます。それはかなり継続的です。


また、空のアンケートを送信しないようにユーザーに通知することもできます。

1
Sol

ラジオグループとして機能するプッシュボタングループ(一度に1つだけ選択)を使用することをお勧めしますが、選択した値をオフにすることができます(ラジオボタンをオフにすることはできません)。

enter image description here

この例では、次の値が可能です。

  • 中間
  • 正しい
  • None
1
Miroslav Jonas

すべてのUIインタラクションウィジェットと同様に、それぞれに特定の使用時と非使用時があります。

スライダーは、値の選択や変更に最適です。 0から10までですが、精度が必要ない場合にのみ機能します。数値が単純な整数(つまり、1、2、3 ...)であれば問題ありませんが、17.33を選択する必要がある場合、スライダーはひどいです。 (ボリュームコントロールについて考えてください。音量を大きくしたり小さくしたりするだけですが、ボリュームを特定の高精度レベルに設定することはありません)。

ラジオボタンは、特定のものをすばやく選択するのに最適です。20個あるものでも、ワンクリックで必要なものを選択できます。

したがって、ラジオボタンとスライダーの本当の違いは、実際にはインタラクションコストです。

ラジオボタンでモノを設定するための操作コストは、マウスを1回クリックするだけです。

スライダーで物事を設定するための相互作用コストははるかに高くなります-クリックしてからドラッグします。物事の数に応じて、インタラクションコストは上昇します。スライダーをドラッグして各ステップに進み、目的のステップに到達するため、10個のアイテムがあり、10個目が必要な場合は、マウスドラッグを使用して他の各アイテムにアクセスする必要があります。マウスドラッグは、マウスクリックよりも行うのが難しく、あるものへのスライドは、正確なものをクリックするよりも遅くなります。

1
SteveD