web-dev-qa-db-ja.com

チェックボックス/ラジオボタンのリストを読むとき、人々はどの方向を読みますか?

チェックボックスのリスト(かなり長い)があります。いくつかはデフォルトでチェックされます、そして私はそれらを最初にしたいと思います。だから私はそれらを読んだり完成したりするときにどちらの方向がより頻繁であるかを知り、デフォルトのものを水平に配置するか垂直に配置するかを決定します(そして私が「最初に」置いた優先項目を確認します)。

どちらの読書方向がより頻繁であることが証明されていますか?赤または緑?:

enter image description here

これらは、それぞれの場合に使用するシナリオです。

enter image description here

enter image description here

3
Yisela

これを行う場合は、次の理由で垂直方向に配置します。

  • グループ化されているように見えます。
  • ひと目でわかりやすく、バラバラに見えません。
  • スキャンする方が簡単です。デフォルトのチェックボックスをオフにします。
  • また、画面の1つの部分に焦点を合わせて増幅しているのもいいですね。


このドキュメントもご覧ください



更新
ラジオボタンも垂直に配置する必要があります。 Microsoftの link とAppleの link は同じことを言っています。ただし、OnおよびOffの場合は、並べて配置する必要があります。それ以外の縦配置ルール!

3
aliasgar

答えは:あなたにはわからない。そして、それが複数列のレイアウトを避けなければならない正確な理由です。

この記事を参照してください: http://baymard.com/blog/avoid-multi-column-forms

引用:複数の列にあるフォームフィールドの問題の1つは、ユーザーがフィールドの解釈に一貫性がない可能性があることです。

4
Bart Gijssens

垂直に。

私の目には、複数列の記事の新聞の線のように見えます。その場合は、行を垂直に、一度に1列ずつ読み取ります。新聞に十分なら、私には十分です。

また、余白や間隔を変えて遊ぶこともできます。垂直アイテム間の間隔を列間の間隔より小さくします。これにより、列が最初に一緒になることが明らかになります。

1
talkol