web-dev-qa-db-ja.com

線形と列のレイアウト、どちらが読みやすいですか?

これらの2つのレイアウトで、一方が他方より読みやすさで優れていることを証明する既存の/承認された研究はありますか?完全に読まれる可能性が高いのはどれですか?

mockup

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

6
user15161

私はあなたがあなたのレイアウトのどれがユーザーに知覚するのがより速いかについて話していると思います。これは、レイアウトで何を実現したいかによって異なります。

ユーザーがページ上で知っておくべき3つの均等に重み付けされたポイントがあることを伝えたい場合、2番目の例はその方法です。 「ここにいくつか興味深いものがあります」と言いたい場合は、1ページ目にボーナスが表示されます。

ウェブで読む

Webで読むことの重要な点は、ユーザーに読ませることはできません。 たとえば、Nielsenのこれらのガイドライン に従うことで、彼にもっと読んでもらうことができますが、さらに読むと、 ユーザーはそれほど多く読んでいないこと および- ページをスキャンします(おそらく、興味のあるテキストのF字パターンで]

つまり、あなたがまだこれを読んでいるのであれば、私の答えはあなたに興味があるはずです。

したがって、このページでユーザーが見つけることについてのユーザーの期待に応えれば、両方の回答が読み取られます。左側のレイアウトは、実際の外観の右側のレイアウトよりも少し創造性を発揮します。

ついに、ヘルプが進行中です

したがって、2つのレイアウトを見たときに私が考えたことを、わかりやすいリストで説明します。

  • ニースの画像では、これはニースに見えます

  • おそらく、すべての画像が左側にあり、すべてのテキストが右側にある(まだ左揃えされている)場合、実際の活版印刷の可読性は向上します(前の段落よりも別のポイントで始まる場合、テキストは読みにくくなります)。

  • Apple特集ページのようです(許してください))

  • テキストは見栄えがよく、大きくて読みやすい

  • 広告目的のための一般的に良いレイアウト

  • 少し退屈

  • 私はそのテキストを読みません

  • たぶん、ユーザーが本当に興味を持っていないかどうかを尋ねすぎ

したがって、何か(アイデア、製品など)を販売する場合は線形レイアウトを使用し、ユーザーが知りたい事実を提供する必要がある場合は適切です。

3
Beat Richartz

私はどんな研究にも気づいていませんが、人々は通常グリッドが好きです。グリッドにより、ユーザーは同じ場所でコンテンツを検索できます。たとえば、右側のモックアップでは、説明は常にブロックのすぐ下に表示されます。左側には、説明が左側にある場合と右側にある場合があります。したがって、ユーザーの目は左から右にスキャンするのではなく、画面全体をジャンプする必要があります。左の例では、テキストがどのブロックに対応するかがあまり明確ではありません。下/上または右/左のブロックですか?右の例では、テキストが対応するブロックにはるかに近く表示されるため、非常に明確です( Gestalt psychology

0
Anna Rouben