web-dev-qa-db-ja.com

はいまたはいいえの質問をフォームに表示する方法

この質問は、Pro Webmasters SEから始まりました。参照: https://webmasters.stackexchange.com/q/8578/1847

私はウェブ開発者です。私のデザイナーは私にウェブフォームのモックアップをくれました。その中には、長い質問のあるはいまたはいいえの質問があります。一部には背景情報が含まれています。これがどのようにモックアップされたかの例です:

はいまたはいいえの質問が長続きしますか? ◉はい○いいえ

ウェブ開発者としての私の直感は、「はい/いいえ」の質問を行うright方法にはチェックボックスがあり、「質問」をステートメントに変えると教えています:

長い質問への肯定的な回答answer

HTMLでどちらかの方法でマークアップする方法を教えてもらえません。 yesまたはnoの質問をどのように表示するかについて、「業界」のベストプラクティスがあるかどうかに興味があります。元の調査、またはこの問題のベストプラクティスへの参照を知っている場合は、共有してください。私はこれまでのところ、通常のチャネルでは書類やリソースを見つけることができませんでした。 (「Google」を読んでください)

[〜#〜] update [〜#〜]:これがではないことを明確にしたいオプトイン/アウト。これは、マーケティング活動とはまったく関係のない質問に対する回答です。

32
sholsinger

ラジオボタンに行きます。チェックボックスは簡単に無視されるので、多くの人が「いいえ、私はこれをすべて読み通す必要がありますか?」

ただし、「はい」と「いいえ」を提供するだけでなく、長いラベルを使用してください。

()はい、今食べ放題クラブの会員になりたいです。

()いいえ、私は会員になりたくありません。

44
ammoQ

Paint.Netのアプローチが好きです。のようなダイアログボックスを表示する代わりに

「このプロセスをキャンセルすると、すべてのデータが失われます。本当にキャンセルしますか?[はい] [いいえ] [キャンセル]」

それはこれを行います:

このプロセスをキャンセルしますか?

[保存せずにキャンセル]処理がキャンセルされ、すべてのデータが失われます。
[キャンセルして保存]プロセスはキャンセルされますが、データは保存されます。
[再開]これでプロセスが再開されます。データは失われません。

スクリーンショットが見つかれば、投稿します。

ここにあります:

enter image description here

私はこれをバイナリ決定と複数のオプションに使用します。

27
EricSchaefer

ただポイントを上げるだけで、他の質問は解決されません-それらは小さくて目立たないので、チェックボックスはいくつかのはい/いいえの質問があるときにはるかに適しています。

[ ] Yes, I want to sign up for your newsletter.
[ ] Yes, I want to sign up for all your associate's newsletters.
[ ] Yes, I want my email to be sent to spammers for $1 per million.
[ ] I would like to be contacted regarding great price savings in the future.

一方、単一のチェックボックスは、一見するとクリック可能なコントロールとして簡単に識別できません。したがって、あなたが尋ねているイエス・ノーの質問のnumberは重要です。

10
zaratustra

はい/いいえの質問のチェックボックスを使用すると、デフォルトの回答も強制されます。たとえば、デフォルトで「いいえ」にチェックされていません。ラジオボタンを使用すると、フィールドが必須の場合、ユーザーは回答を明示的に選択する必要があります。または、フィールドがオプションの場合、ユーザーがまったく応答しないようにします。

4
Phil Mander

ほとんどの場合、チェックボックスを使用することをお勧めしますが、ラジオボタンの方が適している場合もあります。

チェックボックスを使用する場合は、常にデフォルトの回答を提供する必要があります-オンまたはオフです。これはユーザーの回答に影響を与える可能性があります(企業はこれを使用して、他の方法ではオプトインしないであろうニュースレターにサインアップします)

また、質問への回答方法を変更しないと、質問がステートメントにうまく変換されない場合もあります。この最も一般的な例は、意見を求めるときです。

Do you think x? ( ) Yes (o) No

vs.

I think x: [ ]
3
ICR

上記の他の人たちは、完全でわかりやすいラベルを提供するという優れた代替案に触れています。この場合、ラジオボタンは当然の選択です。

ただし、質問セットが長い場合、または実際にほとんど検討する必要がない場合、チェックボックスとラジオボタン間の選択ポリシーは次のとおりです。

  1. 「はい」が唯一の重要な答えですか?

答えが「はい」の場合、チェックボックスが最適です。答えが「いいえ」の場合、上記のように、無線機が最適に機能します。

これは、チェックボックスのデフォルトの状態では、「はい」と答えるかどうかを決定するだけでよいためです。ラジオセットでは、意識的に1つを選択する必要があります(または、選択されている場合は、いいえから交換します)。

3
spronkey

@ammoQの答えはすばらしいですが、ラジオをチェックボックスで使用する主な理由を含めたかったのです。チェックボックスの横にある長い説明は、人々が明確に理解できるような明確な方法で書くことは非常に困難です。 「待つ、これをチェックすることは[X]が欲しい、または[X]が欲しくないということを意味します。よく聞かれるテキストが付いたラジオボタンは、これをより明確にします。

もちろん、質問を意図的に曖昧にしたい場合(ほとんどのマーケティング担当者が「オプトイン/オプトアウト」の質問を望んでいるように見える場合、チェックボックスを使用する方法です:)

2
Charles Boyung

他の人が言ったことをバックアップするには、ここで重要な点は、単に「はい」と「いいえ」というラベルの付いたUIウィジェットの使用を避けることです。ボタンは、単に質問に答えるだけでなく、常にそれが何をするかを言うべきです。

2
Jim Puls

調査研究と市場調査の人々はこの正確な問題を何年も研究してきました。

簡単に言えば、「はい/いいえ」バージョンが望ましいということです。このバージョンの質問では、よりよく、より完全な回答が得られます。

詳細に関心のある方は、世論調査、第70巻、第1号、2006年春、pp。66-77の「Webサーベイにおけるチェックオールと強制選択の質問形式の比較」というタイトルの記事を参照します。このリンクは、機能する場合と機能しない場合があります。 http://cofc.academia.edu/MikeStern/Papers/72390/Comparing_check-all_and_forced-choice ..

2
Eric White

あなたがしている場合、例えば政治的調査/バランスの取れたオプションを提示することの重要性、つまり読み込まれていない 。このため、積極的な質問をしてはなりません。これの重要性は心理学と政治学で確立されています。それがあなたがやろうとしていることなら、後でいくつかの参考文献を見つけます。あなたのために。現在、私はカフェにいて、ちょっと急いでいます。

1
Andreas

ショルシンガー、

すばらしい質問の+1。

この質問の答えは、マーケティング心理学にあるかもしれません。 Webフォームで、「はい」を選択するように心理的にユーザーをプッシュし、「はい」の単語でチェックボックスを表示しますか?.

[]はい、この新しい手紙に登録します。

設計上、ページが中立的なメッセージを提供する必要がある場合は、「はい」または「いいえ」のラジオボタンを提供する必要があります。

つまり、あなたは米国市民ですか?はい・いいえ()

それ以外は違いは見られません。どちらのアクションも、ユーザーが何をしたいかを判断するのに十分簡単です。

ノートパソコンや車などの製品をカスタマイズできるeコマースWebサイトにアクセスすると、このパターンが表示されます。

[]はい、メモリを1 GBにアップグレードします[]はい、デルの最高の顧客サービスを3年間受けたいです

重罪を犯したことがありますか?はい・いいえ()

ありがとうVed

1
Ved

私はこれが古い質問であることを知っていますが、「トグル」UI要素(iPhoneの1つ-近くに役立つものにつながった...)を調査し、OPの「ベストプラクティスへの参照」のリクエストに関して知りました。 、私はこれをミックスに入れたかった: Checkboxes vs. Radio Buttons

1
Settsu

チェックボックスをお願いします。

私の電話は選択リストのラジオボタンを使用しています。リストに3つ以上のアイテムがある場合、これは悪くありません。どのグラフィックプレゼンテーションが "オン"状態で、どのグラフィックプレゼンテーションが "オフ"状態であるかがわかるためです。しかし、リストに項目が2つしかないと、どれがオンでどれがオフであるかはわかりません。 (そして、一体、電話が各状態で使用するグラフィック表現を思い出せないので、私はそのために十分な頻度で設定を行いません)。

更新:これは単なるグラフィック表示の問題ではありません。私の意見では、2つのオプションの選択は、ラジオボタンとして表示するのではなく、常にチェックボックスとして表示する必要があります。そして、そうすることで、ラジオボタンの(悪い選択)グラフィカル表示が解釈の問題を引き起こさないことが保証されます。

0
Marjan Venema

あなたの言葉遣いがラジオボタンを示唆しているからだと思います。

方法はいまたはいいえ質問はフォームで表現する必要がある」と尋ねているのは、 two可能なXOR回答。その場合、チェックボックスareは不適切です。

どちらかとしてあなたの質問を読んだ場合:

何かを示す方法オプトイン(1つのオプション)

または

何かを示す方法オプトアウト(1つのオプション)

結果はおそらくかなり異なります。質問は、与えられたオプションの数を暗示していることに注意してください。

したがって、必要なのは、上記のどの質問に最もよく当てはまるかを、与えられたコンテキストに基づいて決定することだけです。

0
nonano