チュートリアル：電子メールデザインのA / Bテストを開始する方法

公開: 2016-09-27

記事上で

どのメールキャンペーンが読者の目を引くのか知りたいですか？この簡単な解決策を試してください：A / Bテスト。

A / Bテストでは、比較のために結果を絞り込むまで、同じものの2つのバージョン（件名の見出し、電子メールのデザインレイアウト、CTAボタンなど）を比較します。当然のことながら、A / Bテストの結果のデータは、オープンレートからクリックスルーレート、コンバージョンに至るまで強力であり、変化する変数にオーディエンスがどのように反応するかを明らかにします。

本日は、MailUp BEEエディターを使用して、メールデザインのA / Bテストを実施する方法を説明します。このようにして、召喚状、レイアウト、背景色の変更に対する視聴者の反応を理解できます。これが私たちのワークショップの簡単なビデオ概要です：

[post_video_embed url =” https://www.youtube.com/embed/fhzlbEXcqVA?list=PLdTMlS6t4dMJesxhENxTAhjBxImgGZqeb” height =”” width =””]

ビデオを見ましたか？良い！以下は、さまざまな要素のテストを設定する方法に関する3つのチュートリアルを含む、A / Bテストのヒントとベストプラクティスです。

何をテストするかを決める方法

A / Bキャンペーンを設計する前に、何をテストするかを決定します。まず、結果が明確になるように変数を1つだけ選択します。一般的にテストされる変数の例を次に示します。

設計

CTAのサイズとスタイル。全幅ボタン以下？緑か赤か？背が高いですか、それとも背が低いですか？
レイアウト。単一の列または複数？
配色。白または灰色の背景？青または緑のヘッダーテキスト？
画像のサイズや種類。 2つの製品画像または4つ？静止画像またはアニメーションGIF？
情報量。二次コンテンツを含めるかどうか？ソーシャルメディアボタンかどうか？ナビゲーションメニューかどうか？
情報の配置。上部または下部のソーシャルボタン？ CTAボタンは途中または最後にありますか？

内容と時間

行から。あなたの会社名または個人の名前？
件名。短いですか、長いですか？絵文字または絵文字なし？「[ウェビナーへの招待]」という言葉を含めるかどうか。
CTA言語。「今すぐ電子書籍を請求する」または「無料の電子書籍を請求する」？
本文。「プッシー」な言葉か、それとももっと微妙ですか？ 6文か3文？
時間を送信します。午前8時または午後4時にさらに営業がありますか？

A / Bテストのベストプラクティス

キャンペーンを準備するときは、調査を行い、次のようないくつかのベストプラクティスに必ず従ってください。

最初に成功指標を決定します。 件名をテストする場合は、オープンレートが意味をなします。デザイン変更のクリック率またはコンバージョン率。何を評価しているのかを事前に知っておきましょう。
一度に1つだけテストします。複数の変数を変更すると、応答の変更の原因を特定できなくなります。
大きなサンプルサイズをテストします。統計的有意性を示すために必要な応答の数を理解します。
AバージョンとBバージョンを同時に送信します。時間は変動するため、送信時間が変動する場合を除いて、両方のキャンペーンを同時に（異なるグループに）送信することで一貫性を保ちます。

今日のワークショップ：メールのデザイン変更をA / Bテストする方法

健康に関するアドバイスとリソースを提供するサイトであるVerywellからのこの電子メールの例を使用して、設計に関連するA / Bテストの方法を見ていきましょう。

A / B設計テスト1：CTAボタン

ベリーウェルの現在のバージョンの電子メールには、召喚ボタンがありません。最初のモジュールに1つ追加して、クリック率がどのように変化したかを確認した場合はどうなりますか？

「A」バージョンの場合：まず、Verywellの電子メールをそのまま再作成しましょう。ドラッグアンドドロップ機能を使用して、[構造]メニューから基本的な電子メールのアウトラインをプルし、その後に適切なコンテンツブロックとコンテンツをプルすることができます。テストの「A」部分であるBEEProのメールの前半は次のとおりです。

「B」バージョンの場合は、コンテンツメニューからCTAをドラッグしてフォーマットするだけです。ヘッダーの色に一致し、メールの幅に近いボタンを選択し、「今すぐレシピを確認してください。」では、このCTAはクリック数を増やすのでしょうか。さて、私たちは見つけるために私たちのA / Bテストメールを送る必要があるでしょう！

A / Bテストについて知っておくべき重要なことは、BEEで電子メール全体をコピーして、「B」バージョンに変更を加えて保存することもできるということです。 [メッセージの編集]ドロップダウンメニューで[コピーの作成]コマンドを探します。コピーを作成すると、2番目のバージョンを作成するために最初から始める必要がなくなります。

A / B設計テスト2：レイアウト

複数の列がない場合でも、バージョンに最初のモジュールが1つの列として含まれている場合、Verywellの電子メールはどのように機能しますか？

ヘッダーテキストと画像を並べて配置する代わりに、画像がテキストの上に表示されるようにレイアウトを更新しましょう。

BEE Proのドラッグアンドドロップ機能を使用すると、レイアウトの変更は非常に簡単です。「A」バージョンから始めて、コンテンツの宛先として単一列構造をドラッグします。

次に、既存のヘッダーテキストを取得し、下にドラッグします。

最後に、画像を取得して、テキストの下にドラッグします。

それでおしまい！テキストがリフローし、画像のサイズが変更されるため、メールは自動的に適切にフォーマットされます。これで、空の2列構造を削除でき、新しい電子メールを送信する準備が整いました。

A / Bデザインテスト3：背景色

ベリーウェルの電子メールは、背景が真っ白できれいに見えますが、最初のモジュールの背景色がブランドのティールカラーと一致する場合、読者はどのように反応しますか？

背景色を変更するには、一番上の行を選択してから、[構造]メニューに移動して[コンテンツの背景]を更新します。

その後、テキストを黒から白に更新して読みやすくします。新しいモジュールをテストする準備が整いました。

まとめ：A / Bテストの設計変更

さまざまなバージョンの電子メールを作成して、どれが最もパフォーマンスが高いかをテストするのは簡単です。サブスクライバーが特定の瞬間に何に反応しているかを理解するために、一度に1つの変数に固執することを忘れないでください。ヒントを試して、BEE Proアカウント（15日間の無料トライアル後は月額わずか10ドルです！）にサインアップして、その様子をお知らせください。