web-dev-qa-db-ja.com

複数選択チェックボックスUXを処理する最良の方法?

私はこれが多少主観的であることを知っていますが、次のUXの問題を本当に決定することはできません(設計は無視してください。これまでのところ、サイトは機能テスト専用です)

私はa)b)c)クイズエディターのように振る舞うサイトを持っています。オプションの1つは、answerに対して複数の選択肢が有効であるかどうかの切り替えです。デフォルトでは、この選択は無効になっています。

enter image description here

さて、Multiple valid answersis disabled(デフォルト)、質問の回答を「チェック」すると、以前にtrueとマークされていた回答が新しい回答に置き換えられます。

enter image description here


今、Multiple valid answers有効:

enter image description here


私はそれがデフォルトでそれを持っている方がより直感的であるように感じますが、それからそれを持っていると超奇妙に感じますオプションはデフォルトでオンになり、残りはオフになります

enter image description here


だから今、私は基本的に真ん中から動けなくなっており、どちらの側からでも機能が好きですが、どちらにも欠点があり、私を消してしまいます。

すべてのトグルをオフにすることは、2つの悪の小さい方のように思えます。

複数の有効な回答フィールドが無効になっている場合に、ユーザーに複数の選択肢を選択させ、送信時にエラーメッセージのみを表示することも考えられますが、UXの監視のように感じられます。

あなたの意見は何ですか? :-)
PS:楽しい休暇をお過ごしください!

4
Rawrplus
  1. 複数選択のトグルを削除します。

  2. 単一回答の質問の場合はラジオボタンを保持します。

  3. 複数の質問に回答する場合は、チェックボックスをオンにしてください。

スイッチは通常、オプションが1つまたは2つしかない場合に使用されます。この場合、4つのオプションがあるため、チェックボックスがより適切に機能します。動詞を追加することで、オプションをよりユーザーフレンドリーで理解しやすくすることができます。

  • 複数の有効な回答を許可する[チェックボックス]
  • 複数の試行を許可する[チェックボックス]
  • 質問をシャッフルする[チェックボックス]
  • 回答をシャッフルする[チェックボックス]

このGoogleフォームのスクリーンショットは、さまざまなコントロールを1つのフォームで一緒に使用する方法の良い例です。

enter image description here

3
Ling

これは基本的に@Mohammed Yaseen Ganaiによる上記の回答と同じですが、提案を本当に理解するのに役立つように、もう少し説明が必要だと感じました。

ここで最も重要なことは、不必要に規則を破ることではありません。やりたいことを正確に実行するためのUI要素(ラジオとチェックボックス)がすでに存在しています。

ラジオボタン

ラジオボタンは、1つの回答のみを選択できるようにする場合に使用する要素です。デフォルトでは、グループ内のボタンを選択すると、同じグループ内の別のボタンからも選択が削除されます。

チェックボックス

デフォルトでは、チェックボックスにより、ユーザーは同じグループ内の複数のアイテムを選択できます。

これらの規則に従うことで、これらの要素の使用方法と衝突する新しい対話方法をユーザーに習得させないようにすることは非常に良い考えです。

トグルが必要な場合は、入力タイプをラジオとチェックボックスの間で切り替えます。

3
Steven

「複数の有効な回答」オプションをすべて削除します。

正解の指定が視覚的に明確であることを確認してください。これにより、質問には1つまたは複数の正解があることが一目でわかります。

Question with multiple valid answers designated

2
maxathousand

スイッチの標準的な動作は、アクションがすぐに有効になると、送信ボタンが押された後にチェックボックスが有効になります。

私はあなたに提案しますチェックボックスに複数の試行などのために持っているオプションを変更します。次に、複数の回答のオプションを、正しい回答を選択する真上に移動します。ここでは、スイッチが有効です。 一緒に属するものをグループ化します。すると、どのデフォルトを選択しても変ではありません。最も一般的なものを選択することをお勧めします。または、一部の調査ツールと同様に、質問内のキーワードを検出し、自動的に正しいタイプに切り替えます。別の回答で提案されているように、チェックボックスとラジオボタンを切り替えて、正しい回答を選択できます。

入力した質問に基づいて正しい質問形式を自動的に選択するのはGoogleフォームだったと思います。

0
Martyn

デフォルトですべて無効にする場合は、オプションをDisallow Multiple Answersに書き換えます。次に、デフォルトで無効になり、複数の回答を許可するというデフォルトの効果も得られます。

0
banrion121