web-dev-qa-db-ja.com

ラジオボタンとしてチェックボックスを使用することは許容できる方法ですか?

チェックボックスとラジオボタンに関する記事の方向を誰かに教えてもらえますか?

私はアートディレクターと話し合っていますが、ラジオボタンは見た目が悪いので、チェックボックスを使用する方が理にかなっていると彼は確信しています。

これがシナリオです。2〜4つのステップがあります。

ユーザーにはステップ1が表示され、ユーザーは6つのうち1つのオプションを選択できます。

手順1で行った選択に基づいて、ユーザーには、マルチオプションの最後の質問が表示されます。または、ユーザーが1つのオプションのみを選択できる追加のステップが表示されます。

ADは、すべてのフィールドがチェックボックスである可能性があると確信しています。私は個人的に、単一のオプションしか選択できないすべてのオプションはラジオボタンであると考えています。

このシナリオには正しいか間違っているか?

17

回答:いいえ

チェックボックスとラジオボタン -Nielsen Norman 2004

ラジオボタンは、相互に排他的な2つ以上のオプションのリストがあり、ユーザーが1つだけ選択する必要がある場合に使用されます。つまり、選択されていないラジオボタンをクリックすると、以前にリストで選択されていた他のボタンの選択がすべて解除されます。

チェックボックスは、オプションのリストがあり、ユーザーが0、1、またはいくつかを含む任意の数の選択肢を選択できる場合に使用されます。つまり、各チェックボックスはリスト内の他のすべてのチェックボックスから独立しているため、1つのボックスをオンにしても他のチェックボックスはオフになりません。

29
rk.

最初のデザインで単一選択チェックボックスを使用するプロジェクトに取り組みました。それを管理するためのJavaScriptはひどいものでした。チェックボックスとラジオボタンでいじくる道を進む場合は、機能ではなくスタイリングで行います。いくつかのリソース:

私はこれらのほとんどを正確には使用していませんが、いくつかの同様のトリックを実行しました。現在のところ、元のソースを見つけることができません。

5
Patrick M

いいえ、チェックボックスとラジオボタンは非常によく確立されたユーザーインターフェイス要素です。それらを交換することは、車のブレーキとアクセルを交換することと似ています(悲惨な結果ではありません)。

アートディレクターが醜いと思った場合は、JavaScriptとCSSを使って工夫することもできます。JavaScriptとCSSはどちらかと同じように機能しましたが、チェックボックスやラジオボタンよりも見栄えがしました。次に、クリックで更新される非表示のフォームフィールドを使用して、必要なフォーム送信データを提供できます。

ただし、ラジオボタンをチェックボックスのように見せないでください。見栄えの良いラジオボタンを作成し、ラジオボタンが実行できるすべてのこと(つまり、チェック方法)をカバーしていることを確認してください。

これは特にトリッキーなマークアップやJavaScriptではなく、両方の要件が満たされるので、混乱しないユーザーと幸せな仕事上の関係が残ります。

2
Toni Leigh