多くのソースは、ウェブサイトの使用方法に関する無数のヒントとテクニックを共有しています。 そして、これらのヒントの多くは論理的であり、私たちに真剣に受け止められていますが、これらの理論に正確に依存するために、実際の生活や他のソースでそれらの確認を見つけようとしています。



この記事では、ウェブサイトの使用を改善するための視線追跡（i-tracking）に関する調査やレポートなど、ウェブサイトの使用機会に関する調査結果について説明します。 これらは常識的なヒントであり、 多くの専門家がそれらに固執していることがわかりますが、いずれにしても、これらのヒントのいくつかはあなたを驚かせ、モダンなデザインで行われているプロセスのアイデアを変えるかもしれません。

1. 3クリックルールを忘れる

何年もの間、ユーザーがマウスを3回クリックしても興味のある情報を見つけられない場合、ユーザーは興味のある情報の検索をやめるという考えが議論されてきました。 2001年、Webデザインの分野で認められた権威であるJeffrey Zeldmanは、本の中で、 「 Talent Your Talent to the Web」で、3クリックルールは「サイトの便利で論理的な階層構造の作成に役立つ」と書いています。



論理に従えば、この発言は理にかなっています。 もちろん、ユーザーはリンクをクリックするだけでなく、最終的には興味のある情報を見つけることができます。



しかし、なぜ3回のクリックだけに制限があるのでしょうか？ ユーザーが3回クリックするだけで情報の検索を停止することを示すものは何ですか？



実際、ほとんどのユーザーは、そのようなルールがあるからといって、情報を探すことをやめません 。 彼らがクリックする回数は、情報検索の拒否とは関係ありません。



ユーザーインターフェイスエンジニアリングのWebサイトで公開されている Joshua Porter の調査では、マウスを3回クリックしてもほとんどのユーザーは情報を見つけられないと考えていません。 ユーザーは平均して12回クリックして情報を見つけます。 ポーターは次のように述べています。「3回クリックした後、情報を探すことをやめる人はほとんどいません。」



出典： ユーザーインターフェイスエンジニアリング



ただし、ここでは、ユーザーが行う魔法のクリック数の増加ではなく、使いやすさに注意する必要があります。 シンプルで楽しく、便利なユーザーインターフェイスを作成しますが、15回のクリックで情報に到達できる場合（3クリックルールで示されているよりも5倍）、このルールに注意を払ってはいけません。



ソースと詳細情報

• 3クリックルールのテスト
• 法律違反：3クリックルール

2.コンテンツビューをF字型モデルとして作成する

ウェブサイトを使用する可能性の研究の先駆者であるジェイコブ・ニールセン博士は、インターネットユーザーの眼球運動（i-tracking）に関する研究を実施し、230人以上の参加者でこの問題を研究しました。 彼の研究は、ユーザーが画面の内容を調べると、目で文字Fを描いているように見えることを示しています。







ソース： Alertbox



50人の被験者を含む同様の研究が、Eyetoolsの眼球運動研究センターとの共同プロジェクトでマーケティング会社のEnquiroとDid-itによって実施され、Google検索結果を読み取るための同じモデルを示しました。 いわゆる「Googleの黄金の三角形」が形成されました。つまり、視線の集中が上部と左側に落ちていました。これは、ジェイコブニールセンによる独立した研究からのF字型モデルに対応します。







出典： Clickr Media



デザイナーやコピーライターの場合、これは、主に表示することを目的とした情報を左に移動する必要があることを意味し、一般的には情報がF字形で提供されるのが最適です（たとえば、段落をスペースまたは読めない文字で区切る）。ユーザーがWebページを閲覧したときに表示されます。



ソースと詳細情報

• Webコンテンツを読み取るためのF字型パターン
• Googleゴールデントライアングル-アイトラッキングによる検索結果の表示方法

3.ユーザーを待たせない：サイトを高速化する

私たちは、ユーザーが待ち焦がれていると常に言われます。 しかし、論理的に、私たちのうち誰がそのように待つのが好きですか？ しかし、人々が本当に期待するのが嫌いで、サイトの遅い操作がユーザーを悩ませるという、このハッキングされた発言以外の証拠はありますか？



Microsoftの検索エンジンであるBingを使用して、ユーザーにページの表示速度を評価するように依頼し、さらに各訪問者がもたらした収益の割合を推定する調査を実施しました。 結果は、ページの表示速度が2秒未満に低下した場合、ユーザーの評価 は 3.8％ 減少し、 収益は 4.3％ 減少したことを示しました。 マイクロソフトのような大企業の場合、4.3％の収益の減少でさえ、数百万ドルの利益の損失に相当します。







出典： O'Reilly Radar



はい、ユーザーは本当に短気です。彼らは長く待ちたくないし、不十分な速度のためにリンクをたどることをやめるかもしれません。 検索エンジンのランキングの問題に取り組んでいる場合、ページの応答時間を改善する試みはさらに重要です。これは、 Googleが検索結果におけるこのページの位置を決定する際にページの速度を考慮するようになったためです 。



ページ速度を改善するために何ができますか？ ページ表示の弱点を見つけるのに役立つツールを使用し、 CSSスプライトを使用してページのレンダリング速度を向上させ、 YSlowなどのパフォーマンスを測定するツールを使用します。



ソースと詳細情報

• BingとGoogleの同意：遅いページがユーザーを失う
• 利己的、意地悪、せっかちな顧客：新しい考え方

4.コンテンツを読みやすくします。

実際、インターネットユーザーは、少なくともWebサイトでの人々の行動に関するニールセン博士の研究に基づいて、オンラインでコンテンツを読むことはありません。 彼の研究によると、人々はウェブページ上のテキストの28％しか読まない 、つまり その小さい部分。







ソース： Alertbox



ユーザーがほとんどの情報を読むには、コンテンツを読みやすくするテクニックを使用します。 キーワードを強調表示し、見出しを使用し、小さな段落を書き、リストを使用します。



ソースと詳細情報

• ユーザーの読み方
• ブロック読み取り：Webでの読み取り方法

5.重要な情報を上部に配置してスクロールすることを心配しないでください。

スクロールせずにすぐに見ることができるすべての重要な情報をページの上部に配置するという既存の神話は、ヤコブニールセンによって最初に提案されました 。



長いページは悪いですか？ 人々はスクロールして読んでくれないので、すべてをウェブサイトの一番上に置くべきですか？



Web分析会社であるClicktaleの調査によると、ノーと言うことができます。 これらの調査の結果は、ページの長さがユーザーがさらにスクロールするかどうかの決定に影響しないことを示しました。







ソース： Clicktale



ユーザー指向のデザインエージェンシーであるCX PartnersのJoe Leechの調査によると、スクロールする前に少量の情報がユーザーに以下の情報の検索を強制します。 ページをスクロールします。







ソース： cxpartners



ここで理解すべき主なことは、訪問者が他の方法でそれを見つけることができないのではないかという理由だけで、上からのすべての最も重要な情報を詰め込むべきではないということです。 視覚的階層の原則と優先順位付けの技術を使用して、ページコンテンツのさまざまな要素を重要にします。



ソースと詳細情報

• 折り畳みを開く
• ページフォールドの神話：ユーザーテストからの証拠
• ブラストオブザフォールド
• ページングの影響vs. オンラインテキストパッセージを読む際のスクロール

6. Webページの左側に重要な情報を配置します

文化のキャリアである人々は、左から右に書くことで、自動的にページを左から右に書いて閲覧し始めます。 これが、多くのインターネットユーザーがWebページの左側に最も注意を払う理由です。 ニールセン博士が20人のインターネットユーザーに対して行った眼球運動の研究の結果によると、これは症例の69％で発生しています。







ソース： Alertbox



ヘブライ語やアラビア語などの言語を使用するWebサイトでは、テキストが右から左に読み取られます（左と比較してページの右側に注意が払われます）。



これらの結果から学ぶべきことが2つあります。 まず、サイトのコンテンツの場所を考えるとき、サイトの言語を考慮する必要があります。 サイト設計の開発中に、特定の文化の特性に基づいて設計上の決定を行う必要があります。 第二に、伝統的に左から右に読む文化のサイトでは、重要な設計コンポーネントを左に配置する必要があります。 逆もまた同様です-伝統的に右から左に読む文化的なサイトの場合。



ソースと詳細情報

• 水平方向の注意が傾く

7.テキスト内のスペースは読みやすさに影響します。

テキストの読みやすさは読みやすさと読みやすさを改善し、ユーザーがサイトを離れずに読み続ける可能性を高めます。 正しいフォントの選択（セリフとサンセリフの比率）、フォントサイズ、行の高さ、背景/前景のコントラスト、オーバークロックなど、読みやすさに影響する多くの要因があります。



テキストの読みやすさの研究は、20人の被験者に対して行われました。 テキストの同じパッセージが提供されましたが、それらの周りには異なるフィールドがあり、異なる行の高さ（テキストの行間の距離）がありました。 この研究では、フチ無しのテキストは速く読めますが、読解力は低下することが示されました。 罫線なしのテキストの読み取り速度の向上は、段落とすべてのテキストが圧縮されているため、行から行へ、および段落から段落へと目を向ける時間が短くなるためです。







出典： ソフトウェアユーザビリティ研究所



この調査の例では、サイトのコンテンツを設計する方法がユーザーの認識を助けたり妨げたりしていることがわかります。 Webサイトで作業するときは、色、線の高さ、目の動きなど、細部に注意してください。 レイアウトの基本原則を忘れないでください。 これは、ウェブサイトの情報を使用する読者を失望させないために役立ちます。 さらに、Webデザインでいわゆるネガティブスペース （行間の空きスペース、情報のブロックなど）の効果的な使用に取り組んでいます。



ソースと詳細情報

• オンラインテキストの読み取り：4つの空白スペースレイアウトの比較

8.小さな詳細事項

非常に頻繁に、特に時間がなくなったとき、ウェブサイトのデザインに取り組んでいる私たちは、全体像を見て、ささいなことに注意を払っていません。 時間と能力が限られている場合、何かを編集するという考えや特定のボタンのデザインを捨てます。 結局のところ、やるべきことがたくさんありますが、多くの場合、詳細は放置されます。



しかし、ボタンの形状などの些細なことでさえ、少なくともリモートボタンによって訪問者がお金を数えるのが簡単になり、 サイトの収益が年間3億ドル増加することについて話したJared Spoolが述べているように、サイトの全体的な成功に影響を与える可能性があります 最初の月は売上の45％の増加を記録しました。これはこれらの変化によって説明されました。



この細部への注意は、ユーザー中心の設計会社であるFlowによっても承認されています。 会社の従業員は、このエラーに対処するのに役立つテキストが表示されるように標準エラーメッセージでページを変更することにより、サイトの作業を0.5％改善したと主張しています。 1つのサイトから毎年。



そのテキストは何でしたか？ これは、不可解な404エラーではなく、2つの丁寧な文で構成されたメッセージでした。「申し訳ありませんが、ログインに問題があります。 カードでリクエストを処理できません。 もう一度お支払いください。」







詳細に注意してください。 コントロールの内訳を「1秒」に分けて、どの設計が目標を達成するのにより効果的かを確認します。 分析ソフトウェアを使用して 、設計変更の結果と、Webサイトが直面する目標との関係を評価します。



ソースと詳細情報

• 3億ドルのボタン
• より良いエラーメッセージから£250,000
• ナプキンの厚さ
• 神話＃10：デザインが良ければ、細部は重要ではない

9.検索のみに依存しないでください。 サイト管理を検討する必要があります

ユーザーは、サイトが簡単にアクセスでき、整理されていることを期待しています。 サイトに優れた検索エンジンがある場合でも、ユーザーは最初にコントロールボタンを使用します。 Gerry McGovernの調査によると、ユーザーの約70％が、検索オプションを使用する代わりにページ上のリンクをクリックすることで、直面しているタスクを開始します。



オンラインストアの30人のユーザーを対象に実施したUIE テストでも同じ結果が示されました。 この調査の分析によると、「ユーザーは、ページ上のリンクが自分に合わない場合、しばしば検索を行うようになります。」 したがって、ユーザーが開いたページで必要なものを見つけることができない場合にのみ、検索が最も使用されるツールになります。



これから学べる教訓は明らかです。コンテンツ管理の貧弱な組織と、適切な素材への便利な移行の欠如を検索で隠すことができるとは思わないでください。 ユーザーが探しているものを見つけることができるように、サイトのセクションの分布、コンテンツの場所、コントロールパネルに注意を払い、検索機能を改善する必要があります。



ソースと詳細情報

• ナビゲーションは検索よりも重要です
• 常に検索するユーザーはいますか？
• 神話16：検索はウェブサイトのナビゲーションの問題を解決する

10.メインページはあなたが思うほど重要ではありません

ほとんどの場合、あなたのサイトへの訪問者はあなたのホームページに最も時間を費やすことはありません。 検索エンジンがここで大きな役割を果たすのは、 サイトの必要なページにユーザーをリダイレクトします。 他のサイトからのリンクは、メインページではなく、関連情報がある場所にリンクすることもできます。



Gerry Mack知事の分析によると、サイトのメインページの表示は視覚的に低下しました。 2003年に訪問者の39％がメインページからサイトを訪問した場合、2010年までに2％に減少したと彼は主張しています。 また、2008年と2010年に別々の情報があったサイトのデータを使用して、この研究を確認しました（2008年に10％、2010年に5％）。



Mac Governの結果は、検索エンジン、Twitterなどのソーシャルネットワーク、AllTopなどのコンテンツコレクションリソースからのリンクをたどる訪問者が増えていることを示しています。 そして、すぐにサイトのメインページに行った人よりも多くのそのような訪問者がいます。 したがって、ユーザーがリンクをクリックするページに注意を払うほど、 訪問者をサイトに引き付けるためのコストが合理的になります。



ソースと詳細情報

• ホームページの衰退
• ホームページのデザインはもう重要ですか？
• 神話＃17：ホームページは最も重要なページです

関連コンテンツ

• ユーザビリティに影響を与える要因
• 5つのシンプルだが不可欠なWebユーザビリティのヒント
• 使用可能な最新のWebインターフェースの4つの側面

キャメロンチャップマンは、この分野で6年近くの経験を持つプロのWebデザイナーおよびグラフィックデザイナーです。 彼女はSmashing MagazineやMashableなどの多くのブログ記事を執筆しており、プロのウェブサイトCameron Chapman On Writingにアクセスできます。





原著： Sixrevision

プロジェクト翻訳者による翻訳： BigIdeas 。