2023年のA/Bテスト事例&アイデア25選(Stealable)

A/Bテストは、開封やクリック、コンバージョン、収益などの主要なKPIを増やすための比較的迅速で効果的な方法です。 コンバージョンレートを向上させると、利益。

もちろん、ほとんどの企業はこれらのものをもっと増やしたいと思っていますが、多くの企業は何をテストすればいいのか悩んでいます。

間違ったテストに多くの時間を費やすと、複数の問題を引き起こす可能性があります。

  • 非効率な広告費、最適化されていない広告費で浪費されたお金
  • コンバージョンにつながるはずのトラフィックがコンバージョンにつながらず、「テーブルの上」に残されたお金。
  • 何の影響もない(あるいはコントロールの性能を下回る)テストに、多くのデザイン/クリエイティブ/開発リソースが費やされる。

この記事では、A/Bテストの例とアイデアを50個紹介します。データやクリエイティブを使ったテストの実例もあれば、横断的にテストを検討したい分野のアイデアも紹介します。 ランディングページ, ウェブサイトのデザイン、広告キャンペーン、Eメール、そしてプロダクトデザインまで。

実際のA/Bテスト事例

  1. 長いランディングページと短いランディングページの比較(データ36件)
A/Bテストでテストしたロングコピーとショートコピーのスクリーンショットです。

データ36は6週間のオンラインデータコースを持っており、コースの販売ページを持っていました。1500語の長さで、動画が1つ埋め込まれていました。

この最初のページに対するテストを行うために、彼らはもっと長いランディングページを作成しました。

  • 生徒が持っているとわかっている特定の質問に答えることに焦点を当て、生徒がランディングページについて混乱しているとわかっている特定の事柄に関する言葉を明確にしました(テストするための2つの素晴らしいアイデアです!)。
  • 新バージョンは4,000字で4本の動画を埋め込んだものでした。

3週間後のバージョンB(長い方のページ)では、コンバージョンが96%増加しました(およそ2倍!)。

  1. 3D商品画像と商品動画の比較(当てずっぽうテスト)
あるページの3D商品画像版と動画版を比較テストしているスクリーンショットです。

Manly Bandsとコンバージョン最適化のエキスパートであるRich Pageは、指輪の商品ページで、インタラクティブな3D画像と商品の動画という2種類のバリエーションをテストすることにしました。

その結果は、興味深いものでした。

  • 3D画像は、以前のデザイン(静止画)に対してコンバージョンが33.76%増加し、テスト期間中に数万件の売上を達成しました。
  • 動画も上回ったが コンバージョン率 先行デザイン(2.54% vs 2.37%)では、3Dイメージ(コンバージョン率3.17%)に負けた。

テストの仮説は、購入前に指輪の画像を見たり操作したりしたいというユーザーデータに基づくものでした(これは確かにテストで確認されたようです!)。

  1. カスタマーセレクターポップアップの有無(ゲストテスト)
スプリットテストを行うページの2つのバージョン(ポップアップあり、ポップアップなし)のスクリーンショット。

イギリスの銀行であるNatWestは、ペルソナのポップアップで訪問者に自分に関する質問をし、その答えに基づいたカスタム体験を見せることで、訪問者がサイトに深く入り込むかどうかをテストしたかったのです。

このテストでは、ポップアップを表示した場合と表示しない場合のCTRとエンゲージメントを測定するために設定されました。

テストはおもしろかったです。

  • Bバージョンや従来のランディングページは、やや狭き門だったようです 
  • コンバージョン率39.8%対39.64%(コンバージョン率とはクリックのこと)の結果、90%の信頼度でバージョンBの勝利となった

仮説が常に正しいとは限らないということを常に念頭に置いておくことが重要です。コントロールはA/Bテストに勝つ!

  1. 商品詳細ページで動画をテストする(Convert.com & Mad Rabbit)
商品ページで動画を含むテストバリエーションのスクリーンショット。

Mad Rabbitは、製品詳細ページで製品ビデオを重ねるテストを行いました。この動画では、製品の動作が紹介され、Mad Rabbitのアフタータトゥーケア製品に関する詳細情報が提供されました。 

動画は、PDPの右下に展開するオプションが付いたフローティング動画として表示されました。PDP+動画は、従来のページを上回るパフォーマンスを発揮しました。

  • セッション時間を76%短縮
  • コンバージョン率を8%向上させる

Mad Rabbitは、テスト後に各PDPでフローティングビデオを展開した。

  1. 人間 vs AIが生成したヘッドライン(推測テスト)
テストで人間が作成した見出しとAIが作成した見出しを使用した2つのバージョンのページのスクリーンショットです。

これは、「結果がまちまち」なテストの好例と言えるでしょう。

  • サイト滞在時間や閲覧ページなどのエンゲージメント指標では、人間の見出しの方が上回っている
  • AIヘッドラインは、このカーディーラーのダウンファネルコンバージョン指標(クレジット申込や融資の問い合わせなど)を上回ったが、そこでは統計的に有意ではなく、僅差での勝利だった。
  • アポイントメントやビュービークルオプションなどの指標で勝利した人間のヘッドライン

  目標を明確に定義し、複数のアクションや指標が利用できるテストにおいて、どの指標に影響を与えることが最も重要かを理解することは、この結果が示すように、A/Bテストの重要な要素です。

  1. グルーヴによるホームページのリニューアル
A/B実験で取り上げられた、トップページと同じサイトのトップページの全面リニューアル版のスクリーンショットです。

お客様との対話を重ね、価値提案、ストーリー、メッセージングを洗練させた後、グルーヴはホームページを刷新した。

  • コンバージョンが約2倍に
  • 大成功を収めた後、グルーヴはテストの文化を作り上げ、見出しや短いホームページのデザイン、行動喚起などに関するA/Bテストを何度も追加で設計しました。

ここでもユーザーデータやデータ一般に基づく仮説でアイデアをテストすると、インパクトのあるものになることが多い。

  1. ホームページデザインテスト(クレイジーエッグ&ウォールモンキーズ)
このヒートマップデータをもとにリニューアルしたホームページのヒートマップの画面。

Wall Monkeysは、ヒートマップデータを使用して、コンバージョンを最適化するための一連のホームページテストを作成しました。

  • まず、ユーザーがヒーロー画像を無視していることに気づき、より楽しい製品に特化した画像をテストしました。その結果、コンバージョンが27%増加しました。
  • 次に、トップページのスライダーを検索バーと入れ替えました。これが大成功で、コンバージョン率が550%もアップしたのです。

ということを再認識させられます。

  • データを使ってテストテーマを推進する
  • よりユーザーフレンドリーなUX機能(検索とスライダーやブラウジングオプションの比較など)を考える
  • 複数の実行可能なアイデアがある場合、複数のテストを実施しましょう。どれが最大の結果をもたらすかわからないからです。

  1. ランディングページの最適化(Marketing Experiments / Healthspire)

Healthspireは、不調だったランディングページに修正を加え、特にシンプルなバリュープロポジションをページの前面と中央に配置し、利用可能な製品やプランの内訳を強調しないようにしました。

このテストでは、より長いランディングページに、より価値のあるコピーを入れた新しいアプローチが、リードを638%増加させ、勝利しました。

  1. チェックアウト前にコンテンツを追加する(Marketing Experiments / iReach)
コンバージョンプロセスのデザインを変更し、セグメントユーザーにより多くの商品オプションを提供するようにしたスクリーンショット。

アイリーチでは、コンバージョンの流れを変え、チェックアウトの初期にユーザーをセグメント化するコンテンツを追加し、明確なプロダクトマトリックスによって最初のページにアクセスした後に特定のコンテンツを表示しました。

テストの結果は、ポジティブなものでした。

  • コンバージョンが31%増加
  • 売上高は38%増加

カスタムエクスペリエンスやコンバージョンフローの作成は、テストオプションとして見過ごされがちですが、強力なレバレッジになり得ます。

  1. レンタルリストの複数オプションの作成(Marketing Experiments / Sermo)
複数選択肢と単一選択肢を比較したテストデータのスクリーンショットです。

Sermoは、レンタルリストに対してEメールを送信していました。彼らは、レンタルリストへのEメールに異なるコンテンツタイプを取り入れたテストが、コンバージョン率にばらつきをもたらしていることに気づきました。

そこで、1回の配信で1つのコンテンツを配信するのではなく、複数のコンテンツを配信してみることにしました。

複数の選択肢を用意することで、2回目の訪問のメールキャプチャが197%増加しました。つまり、2回サイトに来た訪問者(最も価値のあるセグメント)のコンバージョン率が197%上昇したのです。

コンバージョン率のばらつきの本当の理由を追究した結果、ここで有益なテスト仮説が生まれました。

  1. モバイルCTAテスト(HubSpot)
HubSpotのモバイルCTAテストで優勝したモバイルCTAのスクリーンショットです。

HubSpotは、自社のブログへのモバイル訪問者のコンバージョンを高めたいと考えていました。彼らは複数のバリエーションを作成し、複数のA/Bテストで実行し、特に訪問者がモバイルCTAと対話するための選択肢を検討しました。

  • 読者がCTAを解除できるように、選択肢を最大化/最小化する。
  • CTAを完全に閉じるためのX
  • CTAを最大化・最小化するオプションがない

その結果、訪問者の行動に関する多くのデータを得ることができました。

  • 最大化/最小化オプションでコンバージョンが7.9%増加した
  • CTAを閉じる機能でコンバージョンが11.4%減少した 
  • また、CTAを操作する方法を提供しないことで、コンバージョンが14.6%増加しました。

最後のバリエーションは勝者となり、月に1300件のコンバージョンが追加されたと推定されています。

特に、トラフィックの増加に伴い、モバイル体験が十分に提供されていない場合、デバイス固有のテストは、ユーザビリティとコンバージョンを改善する素晴らしい方法となります。

  1. メールとアプリ内テストの比較(HubSpot)
HubSpotのEmail vs. アプリ内テストの勝利したEmailテンプレートのスクリーンショットです。

HubSpotは、今回も特定のオファーのパフォーマンスをテストするため、ユーザーレビューをアプリ内で収集する場合とメール経由で収集する場合の効果を検証することにしました。

テストされました。

  • プレーンテキストと証明書形式のメール
  • その後、メールとアプリ内通知の比較

アプリ内通知は見過ごされているようで、「Eメール」の方が開封数が多く、レビュー数も多く、総じて1.4倍のパフォーマンスとなりました。

  1. 社会的証明の追加(Comscore / Optimizely)
comScoreが、より目立つロゴとテスティモニアルのCROテストを設定したランディングページの複数のバリエーションの画像です。

comScoreは、製品ページで人気のある顧客ロゴとテスティモニアルの配置とデザインをテストしたいと考えていました。 

このソーシャルプルーフを商品ページの目立つところに掲載することで、商品ページのコンバージョン率が69%アップしました。

  1. ミニカートリデザイン(VWO / GRENE)
ミニカートの上部に向かってCTAを追加した、勝利のミニカートデザインのイメージ。

GRENEは、ショッピングカートへのクリック率を上げたいと考えていました。 

そのため、カートのアイコンをマウスオーバーしたときに表示される「ミニカート」のデザインを刷新し、カートの上部と下部にCTAを追加して、ユーザーがカートページへの遷移を認識できるようにテストしました。

カートページへの訪問数、Eコマース全体の転換率、平均注文金額の増加を確認しました。

  1. デモページロゴカラー(VWO / Workzone)
ロゴの色を抑えて、ページのコールトゥアクションをより強調したランディングページのスクリーンショットです。

WorkZoneは、デモページでのコンバージョンを増やしたいと考えていました。その際、フォームの横にあるお客様の声と連動したロゴが目立ちすぎていて、目的のアクションを阻害する可能性があるという意見がありました。

お客様のロゴをモノクロにしたページをテストし、デモフォームと送信ボタンが落ち着いたロゴに対してポップに見えるようにしました。

この変更により、フォームの完成度が34%アップしたのです。

  1. 商品ページのテキストと画像のテスト(Zalora / VWO)
価格へのフォーカスをより目立たせ、送料無料などの特典へのフォーカスを抑えたデザインのスクリーンショットです。

Zaloraは、商品ページの要素の順番や強調、写真などを更新しました。 

特に注目しているのは

  • フリーという言葉をもっと目立たせる
  • 価格のすぐ横に返品無料の文言を加える

150ドル以上の注文で返品無料、配送無料を強調し、商品価格の配置を目立たなくしたバリアントでは、注文が12.3%増加しました。

異なる文言や情報のプロミネンスや順序は、コンバージョンに大きな影響を与えます。

  1. ランディングページレイアウトテスト(ユービーアイソフト / VWO)
スクロールが軽減されたランディングページの更新画面。

ユービーアイソフトは、ヒートマップや訪問者のデータ、アンケートを用いて、ランディングページの上下のスクロールを減らすとコンバージョンが上がるという仮説を立てました。

彼らは、ランディングページの折り目の下にあった特定の情報を他の情報の横に寄せて、スクロールを制限するバージョンを作成しました。

新しいデザインでリードジェネレーションが12%増加しました。

ページのレイアウトや、さまざまなオプションや情報をいかに素早く紹介するかは、特にユーザーデータに基づくものであれば、テスト仮説を立てるのに最適な領域となります。

A / Bテストのアイデア

具体的な事例は、自分のテストの創造性に拍車をかけるのに最適ですし、上記のテストの実際の数字を知ることも役に立ちますが、明らかに単一の逸話は、あなたのサイトやあなたのビジネスに当てはまるかもしれないし、当てはまらないかもしれません。

しかし、これらの具体例よりもさらに重要なのは、テストのための独自のプロセスや方法論を持つことです。 

つまり、テストを設定する際のコツみたいなものや 統計的有意差しかし、それは、テストするためのアイデアを生み出すプロセスを持つということでもあるのです。 

などを見ながら。

  • チャットやアンケートツールから収集したデータ
  • お客様のサイトへの見込み客や訪問者の属性、目標、優先順位について、お客様が持っている、または収集可能な情報
  • サイト訪問者(メール配信の場合はリスト登録者)がどこで行き詰まり、あるいは脱落しているかについてのファネルデータ。

そして、そのインサイトをもとに、コンバージョンフロー、ランディングページ、メールなどのさまざまな要素を見直すことで、今やっていることよりももっとうまくいくかもしれないという強い仮説が生まれるのです。

それこそが、あなたが本当に求めているものなのです。

あなたのサイトやビジネスにおいて、データや仮説を適用したいと思うような、そのような領域をいくつか見ていきましょう。

  1. 配信の仕組み

オファーやCTA、コンテンツをある方法で配信している場合、それを別のメカニズムで訪問者に提示することを検討することができます。

例えば、コンテンツ内に配置したバナーは、ポップアップとしてより良いパフォーマンスを発揮するかもしれません(またはその逆、あるいは両方!)。

メッセージやオファーを配信する方法は、さまざまなものがあります。

  • 画像とHTML/テキストでは
  • ポップアップの種類(出口型、スクロール型、入口型、アクティビティ型)の違い
  • カウントダウンタイマー、GIF、画像とテキストなど、さまざまなEメール要素)
  • ポップアップのような要素には異なる形状を

この場合も、見込み客や訪問者についての直感や洞察によって、どのようなテストでも実施する必要があります。例えば、異なる配信メカニズムが特定のデバイスの訪問者にとってより良いものになるとか、視聴者がポップアップを嫌うという感覚を持っているとか、見込み客が緊急性に反応すると信じる根拠があるなどです。

  1. レイアウト

レイアウトやデザインは、もちろん多くの人がコンバージョンの最適化を考えるときに考えることであり、ここでテストするものについても、次のようなさまざまな選択肢があります。

  • さまざまな要素を重視する
  • 情報提供の順序
  • 信頼、社会的証明など、さまざまな要素を統合する。
  • フォームの簡素化、コンバージョン時のステップの省略など、ユーザビリティの向上。
  • デザインやレイアウトを工夫することで、より分かりやすくする(例:価格帯や機能の表示を工夫する

チャットやアンケートツール、そしてヒートマップや分析データは、ここで何をテストすべきかの豊富なアイデアを与えてくれます。

  1. コピー長

もう一つのテスト要素は、コピーの長さです。社会的証明、異議申し立てへの回答、FAQなどを多く盛り込むことが、短くて甘い価値提案よりも効果的かどうかをテストすることは、しばしば良いアイデアです。 

スクロールや滞在時間のデータ、見込み客がどの程度リサーチをしているか、していないか、顧客や見込み客の優先順位、顧客がどのようにブランドと関わりたいかというインサイトは、ここでテストを行う際に役立ちます。

  1. コピーの焦点

メールやランディングページのコピーの性質も、テストすべき当然の要素です。 

これは、言葉遣いや強調のような小さな調整であったり、メッセージの全面的な変更であったりします。ここでは、以下のようなことを検討することができます。

  • ベネフィット、テスティモニアルやソーシャルプルーフ、特定のペインポイント、オファーの詳細情報などにどれだけフォーカスしているか(これらのうち1つ以上をダイヤルアップまたはダウンする)
  • オファーをどのように位置づけているか
  • 具体的にどのようなメリットを最も目立たせているか(例:価格、使いやすさ、など)

そのため、顧客データ、アンケート、市場調査などを活用することで、テストのアイデアを導き出すことができます。

  1. コンテンツメディア

画像、動画、テキストの使用は、テストに最適な要素になります。検討されてはいかがでしょうか。

  • コンテンツに説明用動画を追加する
  • ビデオテスティモニアルを追加する
  • テキスト、ビジュアライゼーション、ビデオで同じ基本コンテンツを表現すること
  • それらの要素を追加または削除する 
  • ページ上で1つまたは複数の要素をより目立つようにする

見込み客がコンテンツを消費するデバイス、その層が一般的に好むメディアの種類、トラフィックに最適なもの(チャネル別)、最も強力なメッセージに最適なものなどを考えることは、勝てるテストになり得るものを考えるための良い方法です。

  1. コール・トゥ・アクション

CTAの配置、文言、視覚化(ボタンとテキストリンクとバナーなど)などは、テストする上でわかりやすく、簡単なことが多い。

  1. 提供

ランディングページに掲載するオファーを再考することは、価値のあるテストになり得ます。例えば、デモとホワイトペーパーをテストする場合、ページに掲載する内容を根本的に変更することもできますし、オファーとその位置づけを調整することもできます(例えば、オファーはデモのままですが、従来のデモオファーに対してギフトカードや特定の保証を付けてテストを実施する場合などです)。

トラフィックがどこから来ているのか(チャネルとユーザーのブランドに対する経験(例))。 ソーシャルメディアトラフィックテスト 來て Facebook または類似のものとGoogle検索との比較)、サイトや他のチャネルにおけるさまざまなオファーのコンバージョン、または見込み客に特有のそのオファーへのコンバージョンへのハードルに関する洞察は、これらのテストに役立つ。

  1. ユーザーから「テストしろ!」と言われたこと

データを分析しよう顧客アンケート、ウェブサイト調査、ユーザーテスト、アナリティクスなどを見ると、あなたのサイトのコンバージョンを妨げているものが 何であるかというストーリーが浮かび上がってくることがあります。データに従って、テストすべき新しいものを見つけてください。

適切な仕事のための適切なツール

A/Bテストの重要な要素の1つは、作成したいテストに適した能力(テストソフトウェア、設計・開発リソースなど)を持っているかどうかを確認することです。

A/Bテストで最適化したいのが、ソーシャルシェアやサイトのエンゲージメントを高めることであれば、当社の フリーウェブサイトツール は、あなたのサイトのA/Bテストに最適なアイデアかもしれません。

についてShareThis

ShareThis は、2007年以来、ソーシャルシェア、インタレスト、インテントのデータを統合することで、グローバルなデジタル行動の力を引き出してきました。300万以上のグローバルドメインにおける消費者の行動をもとに、ShareThis は、実際のデジタルデスティネーションにおける実際の人々の行動をリアルタイムに観察しています。

ニュースレターを購読する

最新のニュース、ヒント、アップデートを入手する

登録

関連コンテンツ