Web サイトのページを科学的にデザインする: 視線追跡研究から得た 23 の必須教訓 - クリスティーナ・ラウン
Web デザインの分野における視線追跡の研究は非常に人気がありますが、これらの研究結果を具体的で実行可能な運用デザインに変換する方法は依然として問題です。困難。ここでは、ウェブサイトのデザインを改善するためのいくつかの提案を提供できるアイトラッキングの調査結果から得たヒントをいくつか紹介します。
1. 思っていることに反して、テキストは画像よりも魅力的です。
ウェブサイトを閲覧するときに、直接印象に残るのは画像ではありません。ユーザーの目。誤ってクリックスルーしてサイトにアクセスするユーザーのほとんどは、画像ではなく情報を探しています。したがって、Web サイトのデザインで最も重要な情報セクションを強調することがデザインの第一原則です。
2. 最初の目の動きは Web ページの左上隅に焦点を当てます。
結局のところ、Web ページを閲覧するユーザーのこの習慣は、左上隅が主な操作中心であり、最も重要なコンピューターの設計に採用されています。アプリケーション。 Web サイトを構築し、Web サイトのデザインを検討するときは、この形式を維持するように努める必要があります。自分の個人的な特徴を維持し、成功する Web サイトを構築したい場合は、ユーザーの習慣を尊重する必要があります。
3. ユーザーが Web ページを閲覧するとき、まず Web ページの左上と上部を見て、次に下に読んで右側のコンテンツを閲覧する
ユーザーの一般的な閲覧方法は「F」の字型を示します。読者の関心を確実にするために、Web サイト コンテンツの重要な要素がこれらの重要な領域に集中していることを確認してください。見出し、サブタイトル、注目のトピック、重要な記事をここに配置して、読者が読みたくなるようにします。
4. 読者はバナー広告を無視する
調査によると、たとえウェブサイトを公開したままでも、読者がほとんどのバナー広告を無視するのはほんの一瞬です。広告を通じて収益を上げたい場合は、広告スペースを革新し、Web サイトの広告フォームを合理的に構成する必要があります。
5.派手なフォントや書式設定が無視されるの
はなぜですか
?ユーザーはこれらは広告であり、必要な情報ではないと考えるからです。実際、調査によると、ユーザーは、多くの色で埋め尽くされた派手なフォント形式では、視覚的な手がかりが無視するよう指示するため、必要な情報を見つけるのに苦労していることがわかっています。ウェブサイトを清潔に保ち、派手な外観のせいで重要な情報が無視されないようにしてください。
6. 数字の代わりに数字を使用する
数字のリストの代わりに数字を使用すると、読者は Web サイトで実際の情報を見つけやすくなります。初めてサイトを閲覧する読者に向けて書いていることを意識して、必要な情報を簡単に見つけられるようにし、興味を引き続けられるようにしましょう。
7. フォント サイズはブラウジング動作に影響します
Web ページに対する人々の考え方を変えたいと思いませんか? Web ページのフォント サイズを変更します。大きなフォントはブラウジングを刺激し、小さなフォントは集中して読みやすくします。ニーズに応じて、2 つの比率を合理的に構成してください。
8. 興味深いコンテンツに出会ったとき、ユーザーは字幕をもう一度見るだけで、
関連性と興味を確実にするために、字幕の固定形式に固執しすぎないようにします。字幕にキーワードを含めて、検索エンジンを効果的に活用して読者を呼び込むこともできます。
9. ほとんどの人は Web のほんの一部しか閲覧しないので、
ユーザーができるだけ早く閲覧できるように情報を提供すると、これを有利に利用できます。特定のセクションを強調表示したり、項目のリストを作成したりして、Web ページの情報を見つけやすく、読みやすくします。
10. 短い段落は、長い段落よりも優れた表現力を持っています。Web
ページの情報は、迅速な閲覧を重視するほとんどの非接続ユーザーに提供されます。文脈に左右されない限り、電子商取引 Web サイトのこの製品紹介のように、情報は短い段落と文章で構成してください。
11. 視覚的なロックに基づいて、1 列形式は複数列形式よりも優れた表現力を備えています
。Web サイト訪問者を圧倒する情報が多すぎないようにします。ほとんどの場合、シンプルさの方が強力です。複数列のコンテンツはユーザーに見落とされやすいため、これらの気を散らす要素を排除する必要があります。
12. Web ページの上部と左にある広告はより目を引きます。 Web
サイトに広告を埋め込む必要がある場合は、視覚的な注目を最大限に集めることができるように、広告を Web ページの左上に組み込むようにしてください。もちろん、ユーザーがこれらの広告に気づいたからといって、クリックするわけではありません。したがって、広告の注目を集めるために元の Web サイトのデザインを犠牲にしないでください。
13. 広告を最も興味深いコンテンツの隣に配置すると、注目度も高まります。
広告の視認性とクリック率を高めたい場合は、最も興味深いコンテンツの隣に広告を配置し、Web ページのデザインに組み込むことができます。 。このようにして、ユーザーは必要なものを見つけることができ、広告の効果を向上させることができます。
14. さまざまなテストで、人々はテキスト広告を最も注意深く読みました。
前述したように、平均的なインターネット ユーザーは、広告であることがすぐに明らかなコンテンツの閲覧に多くの時間を費やしません。これがテキスト広告のパフォーマンスが非常に優れている理由です。コンテンツから気を散らすのではなく、ページの残りの部分に溶け込むため、読者にとって視覚的に刺激が少なくなり、この形式の広告がよりうまく読まれる可能性が高くなります。
15. 画像が大きいほど注目を集める
Web ページで画像を使用する場合は、大きいほど良いです。人々は、細部がはっきりと見え、情報を得ることができる画像を見る傾向が高くなります。使用する画像が記事の内容と関連していることを確認してください。そうでない場合は、見落とされる可能性が高くなります。ほとんどのリーダーは高速接続を備えているため、サイトでは大きな画像を自由に使用してください。
16. クリーンでクリアなクローズアップ画像は、視覚的な注目を集めます。
これらの抽象的な芸術的な画像は、ウェブサイトを面白く見せるかもしれませんが、読者の注目を集めることはあまりありません。これらの画像を使用する必要がある場合は、鮮明で読みやすいものであることを確認してください。実際の「人物」に関連する画像は、いわゆるモデルの画像よりも「優れている」ことに注意することが重要です。
17. タイトルは注目を集めます
Web ページを閲覧するとき、読者が最初に見つけるのはタイトルです。読者が Web サイト内をスムーズに検索できるように、Web ページ上のすべての関連リンクが明確かつ効果的であることを確認してください。
18. ユーザーはボタンやメニューを見ることに多くの時間を費やす
ため、慎重なデザインを維持するために余分な時間を費やす必要があります。結局のところ、それらは読者の目を引くだけでなく、Web サイトのデザインの重要な要素です。
19. フォーム形式は、
コンテンツと段落を細分化することで読者の注意時間を延長できます。 記事を表現するために多数のフォームを使用すると、読者の閲覧率を確保できます。数字やその他の記号を使用して記事の重要な内容を強調すると、Web サイトのナビゲーションが容易になり、ユーザーが必要な情報をより早く見つけられるようになります。
20. 大きなテキスト ブロックの表示を避ける
研究によると、平均的な Web ブラウザでは、テキストがどれほど重要でよく書かれている場合でも、大きなテキスト ブロックを読むのに時間はかかりません。したがって、これらの大きなテキストは小さな段落に分割する必要があります。重要な場所を強調表示し、クリック可能なボタンを配置すると、ユーザーの注意を高めることもできます。
21. テキスト内で太字、大文字、色付きのフォント、下線を使用すると、フォーマットにより注目を集めることができ、
ユーザーはテキストに表現されている主要な情報を得ることができます。使用しすぎるとページが読みにくくなり、読者が怖がってしまう可能性があるため、使用する場合は注意が必要です。
22. 空白を有効活用する
Web ページの隅々まで埋め尽くしたくなるかもしれませんが、実際には、サイトのスペースの一部を空白のままにしておく方が良いでしょう。 Web サイトに情報が過負荷になると、ユーザーが圧倒され、提供されたコンテンツの多くを忘れてしまう可能性があります。そのため、Web ページをシンプルにして、読者が休むための視覚的なスペースを残しておきます。
23. Web ページの上部に配置すると、ナビゲーション ツールがより効果的に機能します
。読者が Web サイトを開いたときに、最初のページを閲覧するだけでは満足せず、他のページも閲覧してもらいたいのが理想です。興味深い内容です。ナビゲーターを Web ページの上部に配置すると、ユーザーはこのツールを使用して目的のコンテンツを簡単に見つけることができます。