現在、ラジオボタンとして表示される「はい/いいえ」オプションの多い長いフォームを調べています。ラジオボタンを縦または横に並べて表示することが望ましいことを示唆する証拠はありますか?
次の4つの大きな理由から、私はラジオボタンの水平レイアウトのファンではありません。
利用可能な研究については知りませんが、いくつかの考えがあります。
水平表示は、一方に「はい」、もう一方に「いいえ」があるため、すべての回答を視覚的にスキャンする方が簡単なようです。また、ユーザーがすべての回答を同じ方法で簡単に確認できるようになると思います。カーソルを下に移動するだけです(チェック、チェック、チェック)。だから私は水平配置に傾いています。
アンナ・ルーベンの答えに同意します。ただし、レイアウトが少し異なります...
ここでの目標は、読みやすさとスキャン可能性を最大化することです。これは、過去に何百もの質問に使用したレイアウトです。
いくつかの注意事項...
垂直方向に配置する必要があります。 Windowsユーザーエクスペリエンスインタラクションガイドラインからの引用:
ラジオボタンを水平ではなく垂直に配置することをお勧めします。水平方向の配置は、読み取りやローカライズが困難です。
ソース: http://msdn.Microsoft.com/en-us/library/windows/desktop/aa511488.aspx
将来、「はい/いいえ」は「いいね」に置き換えられると、fbの創設者は述べた(単なる冗談)
この場合の質問:「毎日コーヒーを飲みますか?」好き/嫌い
すべての回答をありがとう。私の考えは今だと思います:
モバイルの使用がこの問題にどのように影響するかはわかりませんが、幅が通常は割高になるため、垂直に傾く傾向があります。
これがモバイルデバイスで使用される場合、2つの理由により、水平方向の配置が適切に機能します。
1つは、ユーザーが誤って間違ったボタンを選択することがないように、各ラジオボタンの周囲に十分なスペースを確保する必要があることです。ラジオボタン間に十分なスペースがある水平レイアウトは、行間に十分なスペースがある垂直レイアウトよりも洗練されていると思います。同様に、人々は、縦のペアよりも間隔が広い横のラジオボタンのペアをゲシュタルトグループ化する可能性が高くなります。あなたはそれらの周りまたは後ろにある種の箱を置くことによって、どちらかの方法でそれらの間の接続を強化することができます。
2つ目は、ラジオボタンを別々の行に配置すると、フォームの縦方向のスペースが大きくなることです。そのため、ユーザーが携帯電話でスクロールするにはforeverがかかるように見える場合があります。
はい/いいえタイプの質問が複数ある場合は、水平レイアウトを使用します。
ラジオの横にある実際のテキストに集中することなく、ユーザーがパターンにすばやく気づき、右または左の選択肢をクリックすると、プロセスがスピードアップします
@AnnaRoubenと同様に、水平に配置すると、選択肢がおそらくより明確になり、スキャンしやすくなることに同意します。ただし、ユーザーが常に「無回答」を選択できるようにする必要があることを付け加えておきます。そうしないと、データの一部が無意味になります。
Do you drink coffee every day?
(o) No answer ( ) Yes ( ) No
人々が誤ってクリックしたり、質問を理解できない場合、またはどちらにも選択が当てはまらない場合は、誤った回答を無回答に戻す機能が必要です。
「はい」と「いいえ」の間に視覚的な違いがあるため、水平はスキャンしやすくなります。また、無線が離れているため、選択をより正確にする必要があります。しかし、垂直方向は塗りつぶしが簡単です。マウスでジグザグにする必要がないため、直線で下に移動するだけです。
速度を上げるには、縦に積み重ねます。正確さのために、それらを水平に配置します。
マイクロソフトの面白い人がたくさんいます...記事を書くときは縦のプレゼンテーションが望ましいです。記事の最後に質問の横のプレゼンテーションを置いて、トピックが質問に答えるかどうかを確認します...見てください http:/ /msdn.Microsoft.com/en-us/library/windows/desktop/aa511488.aspx
つまり、私にとっては、特に「はい」と「いいえ」のラジオボタンは水平の方が適しています。そしてそれが書かれているので、すぐにチェックできるように、はいまたはいいえのリストのためにそれらを揃えてみてください
縦に行く。
たぶん、垂直よりも水平の方が読みやすいでしょう。ただし、画面のサイズを大きく変更したり、携帯電話で開いたりすると、違いが生じます。
コントロールが非常に小さくなると、横のradioButtonListに対して縦のradioButtonList(オプションは2つしかありません)を使用して選択し、オプションを設定する方が簡単です。
厳密に「はい」/「いいえ」の場合は、チェックボックスを使用する必要があります。コントロールは理由のために存在し、単一のアイテムにtrueとfalseの両方が含まれています。現在、垂直方向/水平方向の論争はありません。