InstapageホームページのA / Bテストパート2：画像とMP4アニメーション

Instapageでは、A / Bテストの大きな支持者です。 私たちのチームは、PPC広告、クリック後のランディングページ、電子メール、さらにはホームページでさえ頻繁にテストを実行します。 実際、この記事で以前のホームページのA / Bテストの詳細を確認できます。

最近、別のホームページA / Bテストを実行して、静止画像の代わりにmp4アニメーションを使用するとコンバージョンに大きな影響があるかどうかを確認しました。 私たちの最初の仮説は、アニメーションと静止画像を使用してもコンバージョンは増加しないというものでした。

結果に入る前に、実験の準備をしましょう。

ホームページをA / Bテストする目的は何でしたか？

主な目的は、アニメーションが登録率、セッション期間、ページビュー、バウンス率に影響を与えるかどうかを測定することでした。 または、潜在的な顧客にマーケティングメッセージを伝える際に、ページの視覚的な魅力を高めますか。

Instapageの設計チームは、A / Bテスト用の静止画像からMP4を作成することに一生懸命取り組みました。これは、専任の設計チームがいるにもかかわらず、利用できる作業時間が限られているためです。

私たちのチームは、トラフィックがバリエーション間で均等に分割されていることを確認し、アニメーションのページバリエーションを表示した訪問者のちらつきとページの読み込み時間を短縮するために、システムチェックを実行するために長いレビューセッションを行いました。

テストのポイントごとの内訳は次のとおりです。

• 目的：アニメーションがホームページのビジュアルストーリーにプラスの影響を与え、より多くの訪問者を引き付けるかどうかを理解すること。
• 目標：ユーザー登録を増やす
• 合計セッション数： 100,000以上
• トラフィック分割： 50/50

バリエーションの違いは何でしたか？

ページの上部から始めて、元の画像（静止画像）とバリエーション（アニメーション）を比較してみましょう。

平均コンバージョン率セクション

ホームページの平均コンバージョン率セクションには、他のソリューションを使用しているブランドの平均PPCコンバージョン率とInstapageユーザーの平均コンバージョン率の違いが表示されます。

静止画像は最終的なコンバージョン率の値を示していますが、アニメーションは訪問者がInstapageユーザーのコンバージョン率が0〜22％にどのように上昇するかを視覚化するのに役立ちます。

元の画像：

MP4アニメーション：

クリック後のランディングページを所有する

Instapageは、Googleと連携するように構築された唯一のクリック後のランディングページプラットフォームです。 Google AdsおよびAnalyticsと簡単に統合して、収集したデータをマーケティングオートメーションまたはCRMシステムに渡すことができます。 これをヒートマップおよびA / Bテストと組み合わせると、クリック後のランディングページが強化されます。 さらに、最近、GoogleAnalyticsでクリック後のランディングページのバリエーション追跡を発表しました。

ここの静止画像は、Google広告、アナリティクス、Googleタグマネージャー、Facebook Pixelなど、Instapageユーザーが選択できるアナリティクスオプションを示しています。

このバリエーションは、数回クリックするだけでInstapageとGoogle広告を簡単に統合できることを示しています。

パーソナライズされたクリック後のランディングページを大規模に構築する

このセクションでは、InstapageBuilderからメッセージに一致するクリック後のランディングページを大規模に作成することがいかに簡単であるかを強調しています。

元のバージョンは、ユーザーが利用できるすべてのオプションのプレビューを含むInstapageビルダーのスナップショットを示しています。

アニメーションは、Instapageで可能になったスケーラブルなクリック後のランディングページの作成を示しています。

レビュープロセスをスピードアップ

このセクションの元の画像は、コラボレーションソリューションの会話のホットスポットを強調しています。 ここで、チームメンバーは、設計レビュープロセス中にリアルタイムで相互に通信できます。

これを、ホットスポット機能がどのように機能するかを模倣したアニメーションのバリエーションと比較してください。

マーケティングスタックと統合する

元の画像は、Instapageが統合するさまざまなマーケティングソフトウェアを示しています。

バリエーションは、同じ統合マーケティングプラットフォームを示していますが、軌道は回転しています。

さらに多くのコンバージョンのためにページを最適化する

元の画像は、Instapageのクリック後のランディングページでA / Bテストとヒートマップを実行するのがいかに簡単かを示しています。

バリエーションは、1つのページバリエーションと他のページバリエーションのコンバージョンの増加を示しています。

アトリビューションを簡単にする

Instapageは、広告ネットワークをドロップインピクセルトラッキングに接続し、Instapageプラットフォーム内からすべての指標にアクセスできるようにすることで、ユーザーに簡単なアトリビューションソリューションを提供します。

元の画像は、Instapageアナリティクスで表示できるいくつかの指標を示しています。

一方、アニメーションは、Instapageユーザーが利用できる分析オプションのより詳細な図を提供します。

最終データ：どのバリエーションが勝ったか？

変換

100回の変換の違いは、静止画像をmp4バリエーションから分離するすべてです。

セッション期間

両方のバリエーションは、ホームページセッション期間の同じ一般的な傾向に従いました。

変換速度

両方のバリエーションのコンバージョン率と同じです。

合計コンバージョン数、セッション期間、コンバージョン率がすべて示しているため、明確な勝者はありませんでした。 静止画像の代わりにアニメーションを使用してもコンバージョン率に大きな影響はなかったという点で、私たちの最初の仮説は正しいことが証明されました。

設計上の決定を行う際には、収益とコンバージョンに直接関係するため、設計が時間とリソースに与える影響を考慮することが重要です。 視覚的な魅力を追加するだけでなく、コンバージョンにプラスの影響を与え、優れたユーザーエクスペリエンスを提供するデザイントレンドを探しましょう。

ホームページのA / Bテストから学べること

A / Bテストの目的は、一方のバリエーションが他方を圧倒することを確認することではないため、すべてのテストが明確な勝者を結論付けるわけではありません。 むしろ、テストの目的は、結果のデータに基づいて、元の仮説が正しいか正しくないかを判断することです。

キャンペーンに顕著な効果をもたらすと思われるアイデアをブレインストーミングし、結果を分析します。 そうして初めて、さらに先に進む方法を決定し、今すぐInstapageEnterpriseデモにサインアップすることができます。