ウェブサイトのデザインを改善するための役立つ提案を提供します

ウェブサイトを科学的にデザインする: アイトラッキング研究から学ぶ 23 の重要な教訓 - Christina Laun
ネットワーク設計の分野では、視線追跡に関する研究が非常に盛んに行われていますが、これらの研究結果を、どのように具体的かつ実現可能な運用設計に変換するかが、依然として難しい点となっています。以下は、アイトラッキング調査から得られた、Web サイトのデザインを改善するのに役立つヒントです。
1. テキストは画像よりも魅力的です あなたが考えているのとは反対に、Web サイトを閲覧するときに、ユーザーの注意を直接引き付けるのは画像ではありません。誤ってサイトにアクセスするユーザーのほとんどは、画像ではなく情報を探しています。したがって、Web サイトのデザインで最も重要な情報セクションを強調することが、デザインの第一原則となります。
2. 目玉の最初の動きは、Web ページの左上隅に焦点を合わせることです。 Web を閲覧するユーザーのこの習慣は予想どおりです。結局のところ、左上隅は主要な操作センターであり、最も重要なコンピューターアプリケーションの設計に採用されています。ウェブサイトを構築し、ウェブサイトのデザインについて考えるときは、この形式に従うようにしてください。個人的なスタイルを維持し、成功する Web サイトを構築したい場合は、ユーザーの習慣を尊重しなければならないことを理解する必要があります。
3. ユーザーがWebページを閲覧する際、まずWebページの左上と上部を見て、次に右側のコンテンツを読み進めて閲覧します。 ユーザーの一般的な閲覧方法は「F」の形をしています。読者のエンゲージメントを確実にするために、Web サイトのコンテンツの重要な要素をこれらの主要領域に集中させます。読者の興味を引くために、見出し、サブ見出し、ホットなトピック、重要な記事をここに配置します。
4. 読者はバナー広告を無視します 調査によると、読者はバナー広告のほとんどを無視し、たとえそれがあなたの生活の糧であっても、ほんの一瞬しか目を留めないことがわかっています。広告を通じて収益を得たい場合、広告の配置を革新し、ウェブサイトの広告フォーマットを適切に設定する必要があります。
5. 派手なフォントや書式設定は無視されます なぜでしょうか?なぜなら、ユーザーはこれらを必要な情報ではなく広告だと考えるからです。実際、研究によれば、派手なフォントとたくさんの色で埋め尽くされた文字では、視覚的な手がかりによって無視するように指示されるため、ユーザーは必要な情報を見つけるのが難しいことがわかっています。ウェブサイトはすっきりとシンプルに保ち、派手な見た目のせいで重要な情報が見落とされないようにしてください。
6. 数字の代わりに数字を使用する 数字のリストの代わりに数字を使用すると、読者は Web サイト上の実際の情報を簡単に見つけることができます。覚えておいてください、あなたが書いているのはあなたのサイトを初めて閲覧する読者です。そのため、読者が必要な情報を簡単に見つけられるようにし、興味を持ち続けられるようにしてください。
7. フォントサイズは閲覧行動に影響します Web ページの認識方法を変えたいですか? Web ページのフォントサイズを変更します。大きなフォントはスキャンを促し、小さなフォントは集中して読むことを促します。必要に応じて、2 つの比率を設定します。
8. ユーザーは興味のあるコンテンツに遭遇すると、字幕をもう一度見ます。 字幕の固定形式にこだわりすぎず、関連性があり興味深いものにしてください。検索エンジンが読者を引き付けるのに役立つように、字幕にキーワードを含めることもできます。
9. ユーザーはほとんどの場合、Web ページのコンテンツのごく一部しか閲覧しません。 ユーザーが閲覧中に情報を提供して、できるだけ早くターゲットを絞り込めるようにすれば、これを有利に活用できます。特定のセクションを強調表示したり、箇条書きリストを作成したりすることで、Web 情報を簡単に見つけたり読みやすくします。
10. 短い段落は長い段落よりも表現力が優れています。Web ページの情報は、素早い閲覧を重視するほとんどのオフラインユーザー向けに提供されています。この電子商取引サイトの製品説明など、文脈上必要な場合を除き、情報は短い段落と文に留めてください。

前のページ1 2 次のページ全文を読む

<<: ディレクトリスクロール効果を実現するネイティブJS

>>: MySQLデータベースのトランザクションとロックの詳細な分析