web-dev-qa-db-ja.com

特定の質問に対するクイズの結果を表示する最良の方法は何ですか?

  1. 1つの方法は、ユーザーの応答と正解を2つの列として表示することです。この場合、「応答」列には、すべてのオプションが表示され、選択された応答が強調表示されますが、その他のオプションは無効になっています。 「X」の表示は、答えが正しかったか間違っていたかを示します。

  1. 別の方法は、リストされたすべてのオプションを表示し、選択したオプションを強調表示することです。そして最後に、正しい答えのアイコンを表示します。この場合の主な懸念は、ユーザーの結果が正しいか間違っているかを示していないことです。

PS:テキストに色の制約があります。テキストを緑/赤に着色することはできません。ただし、色付きのアイコンまたはテキストシェーディング(黒/灰色/白)が存在する場合があります。

オプション1は2よりも良いと思います(2にはいくつかの欠点があるため)。詳細を表示するより良い方法が可能かどうか言及してください。つまり:-

  1. すべてのオプション

  2. ユーザーの選択

  3. 正解

  4. 結果。

5
Kishan

ラジオボタンを使用して選択を示し、取り消し線を使用して間違った答えを示します。

Quiz result

3
Garik
  • 2番目のアプローチは、少し変更を加えただけで私には単純に見えます。詳細を説明する添付画像を参照してください。

enter image description here

  • Interaction Design Foundationクイズのサンプル画像をご覧ください( https://www.interaction-design.org )。彼らが正しい答えと間違った答えを示す方法は本当にユーザーフレンドリーです。

enter image description here

2
Saadia