Crazy Egg を使用して e コマース ストアを成長させる

コンバージョンを増やすために e コマース ストアを最適化することは、オンライン ショッパーがどのように e コマース ストアを使用するかを理解することから始まります。 そうしないと、そもそも何を改善すればよいのかわかりません。

問題は、訪問者が e コマース サイトを成長させるためにどのように使用しているかを理解することです。調査を行うには、どこから始め、何をテストし、参加者を集め、準備を整える必要があります。

私たちが UX 調査方法ガイドをまとめた理由、そして Crazy Egg のようなツールが存在する理由は、ユーザーが Web サイトとどのように対話するかを簡単に (そして Crazy Egg の場合はカラフルに) 理解できるようにするためです。

マーケティング ツールとしての Crazy Egg スナップショットは、潜在的な顧客が Web サイトをどのように使用しているかを示します。

ただし、他のツールと同様に、その使用方法を知っておくと役に立ちます。

この記事では、Crazy Egg の主な機能 (ヒートマップ、スクロール マップ、クリック レポート、セッションの記録、A/B テスト) を確認し、Web サイトの最適化と成長のためのマーケティング戦略をすぐに開始する方法についての簡単なヒントを紹介します。

ヒートマップを使用してユーザーを理解する

ヒートマップは、どの領域が最も多くのエンゲージメントを獲得しているかを示すことで、Web サイトの各ページでの Web サイト訪問者の行動を明らかにします。 マップは、エンゲージメントの高い領域を暖色 (赤) で示し、エンゲージメントの低い領域を寒色 (青) で示しています。

クレイジーエッグからの画像。

Crazy Egg を使用すると、ユーザーをサイトに誘導したキャンペーン (電子メール マーケティング、広告など) によってヒートマップの結果をフィルタリングして、各オーディエンスの行動を確認できます。 Google アナリティクス レポートをヒートマップと組み合わせて使用​​すると、さらなる洞察を得たり、データをクロスチェックしたりできます。

ヒートマップは、e コマース Web サイトのページを再設計する際の優れたツールです。 ページを変更する前に、ユーザーが現在の繰り返しにどのように関与してその長所を活用し、その短所を取り除くかを確認してください。 設計の反復回数を減らすことで、より良い結果が得られます。

クレイジーエッグ内のレポートを要素別に数値ページデータに分類して一覧表示します。 このデータを参照して、ヒートマップ上で互いに近くにある、または類似した色のパフォーマンスの高い要素を区別します。

クイックヒント

設計を簡素化

機能しない不要な青色の要素と、より重要な要素の邪魔になる赤色の要素を削除します。

重要な情報を強調する

青く着色された重要な情報を見つけて、よりエンゲージメントの高い領域に移動するか、新しいコピーをテストしてその情報により多くの注意を引きます。

情報アーキテクチャを改善する

ページの目標を念頭に置いて、ユーザーにとって重要な順に要素を整理します。

コンバージョンを増やす

注目を集めていない CTA を更新します。 コピーを切り替えたり、デザイン要素を使って目立つようにしたり、より見やすい場所に移動したりできます。

努力に集中する

Google Analytics と Crazy Egg の戦略を組み合わせます。 たとえば、Google フロー レポートを使用して、ユーザーがクリックスルーしてドロップオフしたページを確認し、Crazy Egg でそれらのページのレポートを取得して、その理由に関するより詳細な情報を取得します。

スクロール マップを使用して e コマースのランディング ページを改善する

スクロール マップは、ユーザーがページをスクロールする様子を示し、ヒートマップのように色分けされています。 ユーザーがすばやくスクロールして通過したセクションと、探索を停止した場所を確認できます。 明るい色の領域は、ユーザーがページのそのセクションに長く滞在したことを意味します。

クレイジーエッグからの画像。

スクロール マップを使用して、訪問者が興味を持っているコンテンツを明らかにし、訪問者に見てもらいたいコンテンツの配置場所を決定します。

スクロール マップに基づいてコンテンツを再編成する場合は、変更を事前に A/B テストします。 ページの 1 つの領域に対する訪問者の関心は、コンテンツ自体によるものである可能性があり、その領域を他のコンテンツに置き換えても、新しいコンテンツが同じように関心を集めるとは限りません。

クイックヒント

スクロールしなければ見えない位置にいるユーザーを獲得する

人々がスクロールしてスクロールしないかどうかを確認します。 そうでない場合は、コンテンツをより説得力のあるものにするか、他にも見どころがあることを明確にする必要があります。

コンテンツの消費を促す

人々がどこまでスクロールしたいか見てみましょう。 できるところは要約するか、説得力のある見出しをドロップオフ ポイントに書いて、ページのさらに下に移動します。

重要なコンテンツを優先する

特典やセールなど、宣伝したい情報やコンテンツがあるが、十分な注目を集めていない場合は、より魅力的な場所に移動して、見られるようにすることを検討してください。

オーバーレイクリックレポートを使用してマーケティング戦略を磨く

オーバーレイは、ユーザーのナビゲーション、欲求、混乱を理解するために使用できるクリック レポートです。

適切な名前のオーバーレイは、ユーザーがページ上でクリックしたすべての場所を表示できる Web ページのオーバーレイを提供します。 ユーザーがクリックする各要素には、クリック数とオーディエンスによるクリック数を示すミニレポートが付属しているため、どの要素が最も注目され、最も注目されていないかがわかります。

クレイジーエッグからの画像。

このツールを使用すると、新規訪問者とリピーター、デバイス、UTM キャンペーンなどの詳細に基づいて、Web ページのクリックをフィルタリングできます。

また、ユーザーがクリックできない要素を選択しようとした場所を確認することもできます。これは、ユーザーの行動を観察するときに見逃しがちです。

クイックヒント

必要な場所でクリックを増やす

適切なページに移動する場合でも、CTA を選択する場合でも、より多くの注目を集めたいクリック可能な要素を選択してください。 クリック数が改善されるまで、新しいデザイン、配置、コピーなど、これらの要素の変更を A/B テストします。

混乱とフラストレーションを軽減

ユーザーがクリックしようとしている、クリックできない要素に注意してください。 それらがクリック可能であることを意図している場合は、エラーを修正してください。 そうでない場合は、クリックしにくくするか、関連するクリック可能な要素をよりクリックしやすくするか、ページの目標を達成するのに役立つ場合はクリック可能にします。

コンテンツのアイデアを生み出す

ブログやその他のコンテンツでユーザーがクリックするリンクを調べて、視聴者が最も興味を持っているものを見つけます。ユーザーが選択しようとしているクリックできない要素からアイデアを得ることができる場合もあります。

キャンペーン ROI を最大化する

クリック ビューをフィルタリングして、どのキャンペーン オーディエンスが次のステップに最もクリックスルーしているかを確認します。 これらの投資に優先順位を付け、他のオーディエンスのクリック率を改善する方法を検討してください。 Google でさまざまなキーワードを検索した後、ページに到達した訪問者のクリック数を比較することで、キーワードを比較することもできます。

セッションの録画を使用して顧客と買い物をする

セッションの記録は、まさに彼らが言うとおりです。つまり、各ユーザーがセッションの最初から最後まで Web サイトをどのように閲覧したかを記録したものです。 記録からのデータはすぐには消費されないかもしれませんが、マウスの動き、スクロール、クリック、フォーム エンゲージメントなど、ユーザーの視点からサイトの操作を明らかにします。

Crazy Egg の他のツールはサイトの機能に問題があることを示している可能性がありますが、記録は何が起きているかを正確に明らかにします。 ユーザーが特定の機能の使い方を知らない、またはナビゲーションに苦労しているなど、テストで見逃した問題を発見するかもしれません。

複数の記録を比較すると、人々がサイトを使用する方法のパターンを発見できます。 これは、オーディエンスごとにデータを見て、ユニークなセグメントがどのように関与しているかを確認するもう 1 つの機会です。これにより、e コマース ストアをそれぞれに合わせて最適化したり、投資が最も効果的に使われる場所を知ることができます。 オーディエンスを、新規ユーザーとアクティブ ユーザー、およびソース (Google 検索など) ごとのユーザーなどのセグメントに分割できます。

クイックヒント

販売ファネルを評価する

記録を使用してサイト ナビゲーションを調査し、ユーザー フローまたはカスタマー ジャーニー マップを作成します。 ユーザーが e コマースのコンバージョン ファネルのステップ (例: 製品の表示、カートへの追加、トランザクション) をどの程度うまく通過したかを評価します。

ナビゲーションを簡単にする

訪問者が製品を見つけたり、タスクを完了したりするために必要以上のステップを踏んだ場所と、あきらめた場合に離れた場所を追跡します。 冗長で役に立たない手順を削除して、カスタマー ジャーニーを合理化します。 検索機能がない場合は、検索機能を追加することも検討してください。

コンバージョンを妨げている摩擦領域を発見する

Google アナリティクスのデータ、オーバーレイ、記録を使用して、ネガティブな行動パターンや、ユーザーがコンバージョンに至る前にウェブサイトを離れてしまう領域を発見します。 次に、ユーザーがセッションの記録でこれらの領域とどのようにやり取りするかを観察して、何がユーザーを遠ざけたのか、または間違った道に進んだのかを判断します。 これらの項目を修正または更新して、e コマースのコンバージョン ファネルを通過する人の数を増やします。

不満点の読み込みをチェック

ユーザーが待たなければならないポイントに注意を払い、ロード インジケーターが進行状況を示し、待ち時間が短く感じられるようにします。

フォームを評価する

ユーザーがフォームをどのように操作するかを観察します。 彼らはそれらを開始しますか？ それらを完了しますか？ 躊躇している部分はありますか？ エラーメッセージを含むすべてのフォーム要素は機能しますか?

モバイルフレンドリー度を確認する

視聴者をフィルタリングしてモバイル デバイス ユーザーからの記録を表示し、彼らの体験がデスクトップ ユーザーと同じくらいシームレスであることを確認します。 2024 年までに米国では推定 1 億 8,750 万人のモバイル バイヤーが存在するため、モバイル フレンドリーなレスポンシブ デザインを実装することは、デジタル時代において重要です。

A/B テストでアイデアをテストする

Crazy Egg の機能には、テスト バリアントを提供し、目標を設定し、目的のユーザー パスをその目標にマッピングする簡易 A/B テストが含まれます。 このツールは、バリアント間でオーディエンス ビューを分割し、勝ったバリアントにより多くのトラフィックを自動的に与えて、無駄を防ぎます。

クイックヒント

フォームとチェックアウトの完了を改善する

Web フォーム設計のベスト プラクティスを検討してください。 A/B テスト用の新しいデザイン、コピー、およびフィールドを使用してフォームのバリエーションを作成し、提出を増やします。

重要な販売要素をテストする

CTA ボタンやヘッダーなどの重要なガイド要素の新しいバージョンをテストして、クリック率を上げ続けます。

Crazy Egg レポートに触発されたすべての更新をフィルター処理します

e コマースのコンバージョン率を高めるために行った変更は、他のレポート データに触発されたものであっても、現在のサイトで A/B テストを行う必要があります。 これを行うことで、変更がプラスの効果をもたらすことが保証されます。

目に見える成長は、データ主導の意思決定から生まれる

e コマース Web サイトは一日中きれいに見えるというのが、私たちの信念の 1 つです。 ベスト プラクティスに従うことは出発点としては最適ですが、すべてのプラクティスがすべての e コマース ストアとオーディエンスに最適であるとは限りません。 何が効果的かを判断できるのはデータだけです。

別の核となる信念？ 物事は変化し、成長が最も重要です。 オーディエンスの期待に応えるためにウェブサイトを継続的に最適化することは、販売目標到達プロセスを下っていくバイヤーの数を増やすための最良の方法です。ユーザー データは、オーディエンスが何を望んでいるのか、それを販売する方法でオーディエンスに提供する方法を知る唯一の方法です。 .