web-dev-qa-db-ja.com

ブール値の選択に最適なHTMLの入力タイプ

Web開発のhtmlでは、ユーザーに2つの選択肢しか与えられない場合に使用するのに最適な入力タイプは何ですか?たとえば基本的な真または偽?アクティブまたは非アクティブ?

私の選択肢は:2つのラジオボタン、 'true'または 'false'のドロップダウンリスト、textareas? (おそらくない)。

ユーザーにとって混乱が少ない(ドロップダウン)か、明らかな選択(ラジオボタン)があるほうが価値があるかどうか、私は実際に混乱しています。

5
muffin

ユーザーが単純なtrue/falseまたはアクティブ/非アクティブの状態を選択する必要があるシナリオでは、冗長な入力を特徴とするコントロールではなく、チェックボックスコントロールを使用することをお勧めします。例:

mockup

このような場合、より単純なチェックボックスコントロールと同じ結果を提供する追加の入力コントロールを追加する理由はありません。同期がオンかどうかにかかわらず、同期がオンでないの場合は、同期がオフの場合と同じです

ただし、2つの代替回答を単純なでは提供できない場合もあります。はい、チェックボックスのラベルの内容に同意します。といった:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

これは、チェックボックスコントロールを使用して伝達しようとすると非常に混乱します。ですから、どのような種類の質問をしているのかがすべてです。

ただし、これらの種類の質問にラジオボタンコントロールを使用するか、ドロップダウンを使用するかについては、フォームのスキャン可能性が向上するため、2つの代替質問には間違いなくラジオボタンを使用してください。

14
AndroidHustle

これは、入力の意味と、最初に選択した選択肢(つまり、デフォルト)の1つを作成するかどうかによって異なります。通常、ユーザーには一目で選択肢が何であり、その1つがデフォルトであるかどうかが一目でわかるはずなので、通常はラジオボタンが最適です。

他のオプションを表示するためだけにユーザーにドロップダウンメニューを開かせるのは、使い勝手が悪いでしょう。おそらく、代替案が非常に単純なケースである場合を除きます。はいといいえ。

Textareaはほとんど意味がありませんが、2つの回答しか受け入れられない場合でも、実際にユーザーにtype回答を求めたい場合は、1行の入力ボックスで十分な場合があります。

多くの場合、表面的には2つの選択肢のある簡単なセットアップが必要な状況であっても、3つ以上の選択肢があるはずです。たとえば、「男性」や「女性」などの選択肢に加えて、「伝えたくない」という選択肢があれば十分かもしれません。

1