このページでは

For AI agents: a documentation index is available at /docs/llms.txt. Append .md to any page URL for markdown, or send Accept: text/markdown.

オーバーレイの比較

2つのオーバーレイを並べて比較することで、ページ、セグメント、または特定の時点間でゾーンの動作がどのように異なるかを特定できます。これは、外れ値をいち早く見つけ、変更によって状況が動いたかどうかを確かめるのに最も手早い方法の1つです。

比較方法

  1. 比較したい2つのオーバーレイを一度に1つずつ作成して保存します。ページの範囲、メトリクス、日付範囲、セグメントをそれぞれ作成する際に設定してください。
  2. 保存したオーバーレイの1つを開きます。
  3. 上部バーの比較をクリックします。
  4. 比較対象となる他のオーバーレイを選択します。

両方のオーバーレイは横に並んで開いています。 各パネルには独自のコントロール機能が保持されているため、メトリクス、日付範囲、セグメント、またはスクリーンショットをどちらかの側で個別に調整できます。

適切な比較を設定する

比較によって有益なことがわかるのは、意図的に両側を設定した場合にのみです。 これは必ずしも同じという意味ではありません。時には意図的な違い(リンゴとオレンジ)を望むこともありますが、その違いはあなたが研究しているものであるべきで、偶然によるものではないはずです。

数字を信頼する前に、次のことを確認してください。

  • **それぞれの側に正しいセグメントを設定します。**デスクトップとモバイルを比較する場合、左側のパネルをデスクトップユーザーに、右側のパネルをモバイルユーザーにフィルタリングしてください。 ログイン済みとログアウト済みを比較する場合は、両側のセグメントを一致するように設定してください。 セグメントの不一致は、比較結果が不自然に見える最も一般的な理由です。
  • スクリーンショットをセグメントと一致させます。 各オーバーレイのスクリーンショットは、ゾーンがその上に配置される視覚的な参照です。 モバイルでの比較を行うには、モバイル幅でスクリーンショットをキャプチャしてください。 スクリーンショットを撮る前にブラウザのサイズを変更して、モバイルユーザーが実際に見た内容をレイアウトに反映させるようにしてください。
  • 日付範囲を調整してください。 意図的な前後操作を実行する場合を除き、両側で同じ時間枠を使用してください。
  • 両方のパネルで同じメトリックを使用してください。 クリック率と魅力度は異なるストーリーを物語ります。

比較ピッカー用のオーバーレイ名を指定

「比較」をクリックすると、保存されたすべてのオーバーレイのリストが表示されます。 わかりやすい名前を付けておくと、目的のものを簡単に見つけられます。便利なパターン:

[Page or page group] - [Variant or detail] - [Device]

例:

  • PDP - SG 標準 - モバイル
  • PDP - レスポール スタンダード - デスクトップ
  • チェックアウト - 実験バリアントA
  • すべてのPDP - 過去30日間

Overlay 4やUntitledのような汎用な名前は使わないでください。ピッカーで目的のものを探しにくくなります。

一般的な比較パターン

各パターンは同じ方法で開始されます。つまり、各側に1つのオーバーレイを作成し、保存してから比較します。

  • **デスクトップとモバイル。**同じページで、両側で異なるデバイスセグメントを使用します。各スクリーンショットをブラウザ幅に合わせてキャプチャします。
  • コンバージョン率の高いページと低いページ。 たとえば、最もパフォーマンスの高いPDPと、パフォーマンスの低いPDP。
  • **A/B実験のバリアント。**各バリアントに対して1つのオーバーレイ。各パネルをそのバリアントを見たユーザーに絞り込み、ゾーンレベルで1つのバリアントが勝った理由を確認します。
  • ページグループと特定のページ。 すべてのPDP(contains /productルール付きのページグループ)を単一のPDPと比較します。あるページがグループと比較して外れ値であるかどうかを特定するのに役立ちます。
  • **ローンチや再設計の前後。**変更前に1つのオーバーレイを作成し、変更後に別のオーバーレイを作成し、ゾーンの動作がどのように変化したかを比較してください。
  • **新規ユーザーと再訪問ユーザー。**同じページで、それぞれの側で異なるオーディエンスセグメント。
  • 有料およびオーガニックトラフィック。 同じページで、各側の新規獲得セグメントが異なります。
  • **2つのランディングページ。**たとえば、同じローンチの2つのキャンペーンページです。

比較を共有する

比較結果を共有するには、2 つの方法があります。

  • ブラウザのアドレスバーから URL をコピーします。 この URL は、両方のオーバーレイを含め、あなたが見ているものを正確に反映しています。
  • いずれかのパネルで 共有をクリックし、比較ビューへのリンクをコピーを選択します。同じ結果をプロダクト内部からもアクセスできます。

共有メニューから、いずれかのパネルをCSVまたはPNG形式でダウンロードすることもできます。

違いを発見したら

比較すると何かが違うことが浮き彫りになります。 次のステップは、その理由を突き止め、どう対処するかを決めることです。

  • **デルタが最も大きいゾーンのリプレイをご覧ください。**ゾーンをクリックすると、そのゾーンと対話したユーザーのリプレイが開きます。通常、動いている動作を確認することで、どのチャートよりも数値を早く説明できます。
  • この発見を次のテストに活かしてください。 実際の違いは仮説です。 これをウェブ実験に取り込みます。パフォーマンスの弱い側のレイアウト、コピー、インタラクションを変更して、そのギャップを埋めることができるかどうかをテストしてください。

これは役に立ちましたか?