コンバージョン中心のメールデザインについて誰も教えてくれないこと

公開: 2017-10-25

開封率やクリック率以上に、コンバージョン率はメール マーケティング キャンペーンの成功と関連性を決定づける真の要因です。

メールを介したリードナーチャリングは、リードをコンバージョンファネルの次のレベルに移動させるのに役立つというこの信念を、私たちは皆、当然のことながら心に留めています. これには、意思決定プロセスに役立つ関連情報をサブスクライバーに提供する、ターゲットを絞ったメッセージが含まれます。 ただし、メール マーケティング キャンペーンの構築に費やす時間、リソース、お金、および労力によって、ROI に疑問が残る場合があります。

顧客はオンラインでどのように行動していますか?

受信トレイを含む Web 上の大量の情報に圧倒され、人々はショートカットを使用して決定することがよくあります。 多くの場合、彼らは自分の気持ちに頼り、自分の感情に任せて運転席に座らせることができます。なぜなら、座って頭の中ですべてのメッセージの背後にある論理を理解することはできないからです。

ほぼすべての種類の業界からのメールが受信トレイに捨てられているのを見たとき、あなたは感情的な本能に従っているに違いありません。 自分が面白いと思った人だけと関わります。 消費者が、自分の価値観がクライアントの価値観と一致していると感じると、メールからのコンバージョンが急増します。 ここで感情的なコールアウトが発生します。 では、何がエンゲージメントとアクションを引き起こすのでしょうか? 何が彼らを遠ざけ、何が彼らを惹きつけますか?

コンバージョン中心のメール デザインでエンゲージメントをトリガーする方法 #emailgeeks 経由 @hubmonksクリックしてツイート

メールマーケティングにおけるデザインの役割

サブスクライバーが受信トレイ内のメールをスキャンしているまさにこの瞬間に、メールの大部分が開かれる可能性は 1 回だけであるため、1 回のクリックでそのメールが価値があることを証明できます。 これにより、メールはメッセージの観点から関連性があるだけでなく、購読者の視覚的な共感を呼ぶものでなければならないことが明らかになります。 この視覚的な関係は、目標、サブスクライバーの人口統計、ライフサイクル ステージ、コミュニケーションに関する以前のオンライン行動など、さまざまな要因を考慮しています。 あなたの加入者は、価値ある情報やオファーを受け取ることにオプトインしています。 これは、すべてのステップで「WOW」要素をメールにパッケージ化することで、コンバージョンを最大化し、ビジネスに向けて新しい一歩を踏み出す力を与えるゴールデン チケットです。
この記事では、購読者とのこの視覚的なつながりを作成して、コンバージョンにつながる最大のエンゲージメントを得る方法について説明します.

1. 最適なユーザー エクスペリエンスのためのグリッド プランニング

これは、デザイナーとマーケターが協力すべきフレーズです。 両チームの経験により、次のことが保証されます。

  • どの要素が不可欠ですか?
  • これらの要素はどこに配置する必要がありますか?
  • それらはどのように配置されるべきですか?

メール テンプレートのグリッドを決定する際は、次の要因を考慮する必要があります。

  • この電子メール メッセージの目的は何ですか?
  • このメールのどの要素が、この目標を達成するのに役立ちますか?
  • 目標を達成するための KPI (重要業績評価指標) はどれですか?
  • メールに表示したい要素はどれですか? 最も一般的な要素は次のとおりです。
    • ヘッダ
    • ナビゲーションバー
    • コンテンツ
    • 段落
    • 画像
    • フッター
    • 行動を促すフレーズ
  • メール テンプレートのモックアップを作成し、重要度の高い順にどの要素を表示するかを決定します。 これにより、メッセージの視覚的な階層が作成され、重要なメッセージやその他の要素で注目を集める場所を決定するのに役立ちます。
    • 上、中、下に挿入される要素はどれですか?
    • あなたが決めた各要素の重要度の順番は?
    • コンテンツとアクション ブロックを区別する必要がありますか?
    • どの要素が危険にさらされる可能性がありますか?

HubMonks では、ドラッグ アンド ドロップ インターフェイスを提供する HubSpot COS Web 開発プラットフォームを使用しています。 これは 12 列のグリッド レイアウトに基づいており、すべての要素がこのグリッド内に配置されます。 モジュールを追加または配置するたびに、開発者がプレビューするのが便利になります。

HubSpot COS Web 開発インターフェースのイメージ

  • モバイル グリッド:大量の電子メールが携帯電話で読まれています。 したがって、グリッドの設計では、このオーディエンス セグメントを念頭に置いておくことが避けられません。 より大きなデバイスに使用したのと同じブロックを使用できますが、携帯電話で最適な可視性を得るには特定の要件があります。
    • スマートフォンの場合、置き換えまたはサイズ変更が必要なグリッドを計画します。
    • 画面サイズに基づいて CSS を定義するメディア タイプを作成します。
    • メールのスタイルの if-then ロジックを作成します。 ここに最も重要な要素があります。 たとえば、2 つの列を 1 つの列、フォント、または色に変換します。

ソース: レッド ドア インタラクティブ

2.魅力的な画像、グラフィック、色を含める

画像は、ユーザーの行動と奇妙なつながりを持っています。 賢く使用すると、エンゲージメントが向上し、コンバージョンが劇的に増加する傾向があります。 ただし、画像とグラフィックは、ブランド、メッセージ、および対象となる購読者の人口統計の間で適切なバランスを取る必要があります.

  • ブランドの声と要素に固執すると、親しみやすさと信頼度が高まります。 これにより、エンゲージメントとクリック率が即座に向上します。

上に示した Invision App は、メール通信と Web サイト全体でブランド要素を維持するために素晴らしい仕事をしました。 すべてのコミュニケーションで同じロゴ、CTA カラー、フォントが使用されているため、オーディエンスがクリックスルーして Web サイトにアクセスしたときに、ブランドとの関係を簡単に構築できます。

  • メッセージにより多くの注目を集めたい場合は、すぐに注意が必要な明るい色の画像を検討してください。 同様に、結婚式のアレンジメントのようなテーマのメールは、結婚式と同じ豪華で穏やかな雰囲気を作り出す画像で優雅さを持たなければなりません.

若者を魅了するブランドである Mountain Dew は、ブランド カラーを適切に組み合わせてエンゲージメントを高めています。

  • メールで使用する画像や色の種類を決定する際には、ターゲットとするオーディエンスの人口統計を考慮することを強くお勧めします. 例: 冒険関連のニュースや最新情報を探している人は、明るくキャッチーな色を見たいと思うでしょう。

Mod Cloth からのこのニュースレターは、色と画像の適切な組み合わせで鮮やかな靴とアクセサリーを宣伝する適切なトーンを設定しました.

3. 複数のデバイスで読めるコンテンツ

読みやすさは、受信者の関心を引く電子メールと、受信者を嫌う電子メールとの間に細い線を引く要因です。 素晴らしいオファーがあったとしても、ユーザーがそれを読もうとさえしなければ無駄になります。 つまり、すべてはメールの読みやすさから始まります。 読みやすいメールの特徴を考えると、以下の3点は避けられません。

  • 正確さ:メッセージはうまく伝えられているか?
  • 簡潔さ : テキストは最もわかりやすい言葉で書かれていますか?
  • 明確性: メッセージの内容と、最後に必要なアクションが加入者に明確に示されていますか?

Marketing Sherpa によると、読者はメールを開くたびに 15 ~ 20 秒を費やしています。

この 15 ~ 20 秒は、読書には費やされません。 代わりに、ユーザーはその 15 ~ 20 秒間にメールをスキャンします。

モバイル デバイスでの読みやすさは、もう 1 つの避けられない要素です。 Litmus による 2017 年の「Email Client Market Share Trends」レポートによると、一般的に F パターンと Z パターンに関連付けられているデスクトップ ユーザーの行動とは異なり、モバイル ユーザーはこの水平および垂直スキャンの自由を得ることができません。 モバイル ユーザー向けにメッセージを最適化するのに役立つヒントをいくつか紹介します。

  • モバイル デバイス向けにカスタマイズされたメッセージを作成する場合、短いコンテンツだけが戦術ではありません。 あなたが書いたものは、聴衆がスクロールするすべての行を消費するのに適している必要があります.
  • ほとんどのモバイル ユーザーの注意は、画面の中央と上部 3 分の 2 に固定されています。 したがって、最も重要なメッセージをメッセージの中央と上端に挿入するようにしてください。
  • 画像を詰め込むのではなく、要点を強調する画像のみを使用してください。
  • 強力な見出しを持つユーザーの WIIFM (What's in it for me) 要因を明確にします。
  • 重要な CTA を下部に配置して、ユーザーがモバイルでコンテンツを下にスクロールしているときに表示されるようにします。

出典: Customer.io この電子メールでは、2 つの段落の間に十分なスペースがあり、読みやすくなっています。 さらに、ソーシャル共有ボタンにより、2 つの段落を簡単に区別できます。 ハイパーリンクは適切に強調表示され、ページ上の他の要素から目立つようになっています。

4. 目立つ行動を促すフレーズを使用する

メール マーケティング キャンペーンに 2 つの要素しかない場合、どれほど素晴らしいでしょうか? 件名と行動を促すフレーズ。 それはあなたのコンバージョンに最適ですよね?

悲しいことに、受信者はさらに一歩進む前に関連情報を要求します。 しかし、いったん彼らが納得すれば、あなたの CTA は、あなたのコンバージョン率の将来を決定するワンマン アーミーになります。 CTA は、サブスクライバーをライフサイクルの旅の次のレベルに導きます。これは、収益に大きな意味を持ちます。 メールの CTA のコンバージョン率を高めるためのヒントをいくつか紹介します。

  • 短くする:行動を促すフレーズの重要な要素を絞り込み、コピーを最大 4 語に制限します。 これ以上だと長くなります。 行動を促すフレーズは、最も大きな影響を与える最短の要素です。 そのままにしている。

出典:ワードストリーム。 Quick Sprout の担当者は、CTA 内に「I Want To」を挿入するのではなく、CTA 内の単語を制限するために外に残すことにしました。

  • 行動を促す言葉で明確に伝える:行動を促すフレーズは、メール受信者の監督です。 これはあなたにとって「ACTION」を間接的に語る言葉です。 1 秒たりとも時間を割いてくれないクライアントに出くわし、一言だけ言いたいことがあるとしたら、何と言いますか? 適切な指示で何をすべきかを人々に明確に伝えます。 または、クリックスルーしたときに何が先にあるのかを簡単に知らせるだけです。

coschedule.com のこの CTA には、緊急性を高める実用的な CTA の適切な要素がすべて含まれています。

  • 明るい色を使用する:目を引くことを考えると、ボタンの色が重要になります。 魅力の中心であることと、邪魔にならないように見えることとのバランスを取る必要があります。 最も安全なのは、行動を促すフレーズを対照的な色で表示することです。 A/B テストが最善の策です。

出典:ピンポイント。 明るいオレンジ色は、CTA を Amazon からのこのメールの他の要素と区別します。

  • 空白を追加する:行動を促すフレーズの周りにいくつかの空白を入れると、メール テンプレートの他の要素と区別するのに役立ちます。 受信者の注意を引く視覚的な休憩として機能します。 モバイル ユーザーの場合、ユーザーがクリック可能なボタンを識別し、指を快適に配置できる明確な領域を提供します。

  • 目に見えるようにする: スクロールせずに見える範囲の CTA と、一番下に貼られた CTA は、最大のコンバージョンを得る最善の方法です。
  • 行動を促すフレーズの階層を確認してください。コピー全体に複数の CTA とリンクがある可能性があります。 ただし、#1 CTA から注意をそらさないでください。 他のすべての CTA では、グレースケールまたは一致する色を使用できます。 主な行動を促すフレーズは、他のものよりも大きく、最も明るいものにする必要があります。

5. インタラクティブな電子メール

ビジネス Web サイトは電子メールよりも興味深いものですか? 動く要素とクリック可能なコンテンツがあります。 Web サイトでは、ユーザーが特定のアクションを実行して、コミュニケーションの一部にすることができます。 主要な電子メール クライアントが CSS の力で構築されたインタラクティブな要素をサポートするようになったため、インタラクティブな電子メールは電子メール マーケティングの最大の資産になりました。

簡単に言えば、インタラクティブな電子メールには、購読者が関与して対話したい要素が含まれています。 これは、何かをクリックまたは入力するだけで要素を変更するイベントが発生することを意味します。

インタラクティブ メールを大きくサポートする 2 つの要素があります。

  • ますます多くの電子メール企業が、インタラクティブな電子メールのインタラクティブな要素を可能にするコーディング標準をサポートし始めています。
  • インタラクティブな電子メールは、受信者がネットワーク内で電子メールを共有したくなる場合に、エンゲージメント、クリック率、および電子メールの拡散性を高める可能性があります。

メール内のインタラクティブな要素の例を次に示します。

  • カウンター:これらの要素は、読者に切迫感を与えます。 これらは、サブスクライバーに短期間割引を提供する e コマース ストアに最適な要素です。

  • スライダー:これらの要素は、メール内に複数の製品、クライアント、または証明書を表示する場合に最適です。

  • グラフ:インタラクティブなグラフは、あなたの成果や共有したい業界の最新情報について多くを語ることができます。 このデータの視覚的表現は、ほぼすべてのプラットフォームで利用できます。

HubMonks では、最も人気のあるインタラクティブな要素とそのアプリケーションについて説明するリソースを作成しました。 読者は、受信トレイでこの要素のサンプルを入手して、インタラクティブな要素が電子メールをマイクロ Web サイトにする方法についてのアイデアを得ることができます.

要約

クリエイティブなメール デザインを使用すると、クライアントのコンバージョン率が劇的に上昇する可能性があります。 メールを使用すると、購読者が最初に何らかのビジョンを持って購読したため、購読者の期待に応える大きなチャンスがあります。 見たり読んだりしたものが気に入ると、もっと学びたいと思うようになります。

メールのデザインは、メッセージやその他のさまざまな要素をカプセル化して、受信者にとって健全なエクスペリエンスにする完全なパッケージです。