アイトラッキングソフトウェア:ユーザーが見ているものを見ることがオンラインマーケティングをどのように改善できるか

公開: 2017-08-31

オンラインマーケティングでは、消費者が画面上で目を動かすことがすべてです。 クリックとコンバージョンはマーケティングファネルの不可欠な部分であり、最終的には販売が最終目標ですが、これはすべて目の動きに依存します。

  • あなたが彼らのトラックで人々を止めることを注意深く構築するのにとても多くの時間を費やしたその見出しですか、それとも彼らはちょうどそれをスキップしていますか?
  • CTAボタンはどうですか? それは人々がクリックすることさえ考えさせるのに十分大きくて大胆ですか?

クリック率、コンバージョン率、売り上げなどを測定するために使用されるランディングページソフトウェアですが、マーケターは、消費者が意図された場所に注意を向けているかどうかを知る方法も必要です。これは、視覚的な影響を測定する具体的な方法です。それらのコンテンツの。

そこで、視線追跡ソフトウェアが登場します。

アイトラッキングとは何ですか?

要するに、アイトラッキングは、人々がWebページをどこでどのくらいの時間見るかを測定します。

アイトラッキングソフトウェアのビジュアルデータを使用すると、ユーザーがページの最初に見た場所、2番目に見た場所、およびそれらの領域にどのように固執していたかを確認できます。 また、ページ上にまったく見ていなかった領域があったかどうかを確認することもできます。

この情報は、マーケターがページのどの要素が最も興味深く、最も興味がないかを発見するのに役立ちます。そのため、マーケターはそれに応じてWebページのデザインと広告活動を調整できます。

マーケターは、過去よりも今日、視線追跡ソフトウェアをより頻繁に使用していますが、このテクノロジーは決して新しいものではありません。 実際、視線追跡の研究は1800年代後半にまでさかのぼります。

アイトラッキングの簡単な歴史

1879年、ルイエミールジャバルは、人々がページ全体をスムーズに読んでいないことに気づきましたが、一部の単語を一時停止または減速し、他の単語をすばやく移動します。

次に、エドモンドヒューイは、読書中の目の動きを追跡するために使用されるデバイスを作成しました。 ヒューイは、読者が読んでいるときにどこを見ているか(どの単語を一時停止したかを含む)を観察することができましたが、デバイスは非常に邪魔で、着用するのが不快でした。

1931年、アール、ジェームズ、カールテイラーは、眼球運動計とメトロノスコープを作成しました。これは、読書中の目の動きを記録し、より効率的に読書できるように人々を訓練するために使用されるデバイスです。

長年にわたり、アイトラッキングはコストが高いため、主に医療分野の研究ツールとして使用されていました。 それがマーケティングを含む他のニッチによってより広く使われるようになったのは1980年代になってからでした。

このとき、マーケターはアイトラッキングを使用して雑誌広告の効果を測定し始めました。 その後、1990年代後半に、世界最大の広告およびマーケティング代理店の1つであるEURO RSCGが、Webコンテンツへの反応を測定するための視線追跡技術を導入しました。

過去10年間で、視線追跡ソフトウェアはかつてないほど頻繁に使用されるようになりました。 特にマーケティングでは、効果的な広告キャンペーンやウェブサイトのデザインの開発に多用されています。

アイトラッキングソフトウェアとオンラインマーケティング

美しく、見た目に美しいページを作成することが消費者の目を引くために不可欠であることは周知の事実ですが、同様に重要なのは、各コンポーネントがページ上にどのように配置されるかです。 ホームページ、クリック後のランディングページ、またはその他の種類のWebページを作成する場合でも、訪問者が適切に気付くには、すべての要素を巧みかつ戦略的に配置する必要があります。

これを行うには、人々がオンラインでコンテンツをどのように読むかを理解することが重要です。 アイトラッキングの調査を使用して、マーケターは、従うべき最も一般的なデザインパターンの2つがFパターンとZパターンのレイアウトであることを学びました。

F-Patternレイアウトは、人々の目がFまたはEの形をしたWebサイトのコピーやその他のビジュアル上を移動する高密度のWebページで一般的に使用されます。

アイトラッキングソフトウェアFパターン

  • まず、ページの上部をスキャンして重要な見出しを読みます
  • 次に、ページの左側を下って、数字または箇条書きに注意します
  • 次に、ページ全体で小見出しまたは太字のテキストを読みます

このパターンはページの下に続き、読者はパスに沿って何か面白いものを見つけたときに停止します。

Fパターンに続くServiceNowのクリック後のランディングページは次のとおりです。

  • 訪問者には、最初に太字の見出しと赤いCTAボタンが表示されます。
  • 次に、上からタブレット上の男性の画像までスキャンします。
  • 次に、ページの左側を下に移動して、ページ全体に水平方向に伸びる番号付きリストを見つけます。
  • 最後に、ページを下ってリードキャプチャフォームと2番目のCTAボタンに進みます。

Zパターンは、よく使用されるもう1つのデザインパターンですが、これは主に、コピーが最小限のページを対象としています。 この場合、最も重要な要素をZ字型にページに配置して、視聴者の目の動きを意図的に制御できるようにする必要があります。

アイトラッキングソフトウェアZパターン

  • 上の水平線は、視聴者が最初に気付くはずの主要なコンポーネントを強調する必要があります
  • 対角線には、召喚に至るまでの重要な情報が含まれている必要があります
  • 最後に、下の水平線はCTAを特徴とする必要があります

繰り返しますが、このパターンはページを下に続けて、すべての重要な要素を表示するために必要な数のZ字型を作成できます。

Expo Passは、ページ全体に複数のZパターンを含むこのクリック後のランディングページを作成しました。

アイトラッキングソフトウェアのZパターンの例

Zパスの各ターニングポイントにCTAボタンがあり、訪問者にとってより目立つようになっていることに注目してください。

ヒートマップはどのように機能しますか?

ヒートマップは、色分けされたシステムを使用して、訪問者がWebページでどのように対話し、動作するかを表示するデータの視覚化です。 ヒートマップを使用してこの重要な情報を取得すると、マーケターはA / Bテストするページ要素を決定するのに役立ちます。

マーケターが一般的に使用するヒートマップには、いくつかの異なるタイプがあります。

  • 訪問者がマウスを動かしてページのさまざまなセクションにカーソルを合わせる方法を示すマウス移動ヒートマップ
  • マップをクリックして、CTAボタンなどの重要なボタンのパフォーマンスを追跡します
  • マップをスクロールして、訪問者がWebページを下にスクロールする方法を示します
  • そしてもちろん、訪問者がWebページのどこを見ているかを正確に示す視線追跡ヒートマップ

マウスの動きのヒートマップと視線追跡のヒートマップは、同様のテクノロジーを使用しているため、強い相関関係があります。 主な違いの1つは、マウス移動技術が実際のWebサイト訪問者からのデータを提供するのに対し、視線追跡技術は通常の環境の外で研究されている人々のサンプルからのデータを提供することです。 これを念頭に置いて、視線追跡ソフトウェアは100%に近い精度で結果を提供し、マウスの動きの精度は約85〜90%であることを認識することが重要です。

新しいInstapageヒートマップビジュアライザーは、マウスの動き、クリック、スクロールの深さに関する洞察を提供する3-in-1トラッキング機能を提供します。

マウス動作

アイトラッキングソフトウェアのマウスの動き

クリック数

アイトラッキングソフトウェアのクリック

スクロールの深さ

アイトラッキングソフトウェアのスクロール深度

次に、視線追跡ヒートマップが、マーケターが消費者を理解し、オンラインマーケティング戦略を改善するのにどのように役立つかを見てみましょう。

アイトラッキングヒートマップ

上記のFパターンに関して—これは視線追跡ヒートマップでのレイアウトの外観です。

アイトラッキング-stoftware-nngroup

カラーキーは次のとおりです。

  • 赤=最も表示され、最も固定されている
  • 黄色=一部のビューですが、固定が少ない
  • 青=ビューが少なく、固定がほとんどない
  • 灰色=ほとんどビューがなく、固定されていません

FパターンとZパターンは視線追跡の研究で頻繁に研究されていますが、視線追跡に関して考慮すべき他の設計戦術とベストプラクティスもあります。

アイトラッキング調査から得られたベストプラクティス

これらの7つの視線追跡の洞察により、訪問者がどこに注意を向けて固執するかに影響を与えることができます。

1.最も価値のあるコンテンツをフォールドの上に配置します

通常、訪問者の注意を引くのに8秒しかないため、訪問者をすぐに魅了するには、最も重要で魅力的なコンテンツを折り目の上に配置する必要があります。

さらに、下のヒートマップからわかるように、折り目の上のコンテンツが最も多く見られます。

アイトラッキングソフトウェアのベストプラクティス1

2.見出しを大きく大胆にする

読みやすく印象的な見出しを書くことに加えて、大きくて大胆にデザインすることも重要です。 シンプルです。見出しが大きくて大胆であるほど、人々はそれを読む可能性が高くなります。

3.コピーを小さなチャンクに分割します

人間は大量のテキストブロックを簡単に吸収しない傾向があります。 代わりに、最も簡単に消化できる情報だけを見て、Webページのテキストをざっと読む傾向があります。

したがって、見出し、番号付きリスト、箇条書きなどを使用して、Webページのコンテンツを短い段落または情報のチャンクに分割することをお勧めします。

4.特定の目的を達成するために画像を使用する

Webページ上の画像は、さまざまな目的に役立ちます。

オンラインで人を見ると、通常、視聴者を理解し、識別し、信頼するという前向きな生理学的反応が促されます。 実際、人の顔の画像は、視聴を増やし、相互作用を促進し、跳ね返り率を低下させます。

画像は、訪問者の目がどこを見ているかも影響します。 いくつかのヒートマップ研究(以下のものを含む)は、人々がWebページをナビゲートするときに人間の目の方向に従う傾向があることを示しています。

アイトラッキング-ソフトウェア-ベストプラクティス3

5.ページの左側を利用します

調査によると、Webサイトの左側が最初に表示され、右側よりも頻繁に表示されます。

実際、Webユーザーは通常、時間の約69%をページの左半分の表示に費やし、約30%だけが右半分の表示に費やしています。

6.コントラストを利用する

カリフォルニア工科大学の神経科学研究によると、消費者が急いでプレッシャーにさらされている場合、視覚的な影響は個人的な好みよりも意思決定に影響を与えます。 言い換えれば、あなたのウェブサイトの訪問者が急いでいるとき、彼らは彼らの個人的な好みについて考える可能性が低く、彼らにとって何が目立ち、何に最も気づいているかに基づいて決定を下す可能性が高くなります。

7.ページの下部にCTAボタンを配置します

ページの上部が最も多く表示されているのに対し、下部は2番目に表示されています。 これは、人々がWebページをスクロールすると、真下にスクロールする傾向があるためです。 もちろん、これはCTAボタンの理想的な場所です。

このCrazyEggヒートマップは、ページにあるいくつかの行動の呼びかけを示しています。 ご覧のとおり、ページの左側の下部にあるCTAボタンが最も注目されています。

アイトラッキングソフトウェアのベストプラクティス7

アイトラッキングを使用してオンラインマーケティングを改善する

消費者にあなたの製品やサービスを購入させることは不可能ですが、知識は力です。 アイトラッキングリサーチとヒートマップを使用してページを作成すると、訪問者がページのどこに注意を向けるかをより細かく制御できます。 これは彼らが行動を起こす可能性を高め、ひいてはあなたのウェブサイト、あなたのコンバージョン、そしてあなたのビジネスを改善することができます。

今すぐInstapageEnterpriseデモにサインアップしてください。