2016年に成功するメールを作成するための7つのデザインのヒント

公開: 2016-01-26

Eメールデザイナーとして、購読者に機能的なEメール体験を提供するのはあなたの仕事です。これは、加入者のエクスペリエンスを損ない、最終的にブランドイメージを損なう可能性のある摩擦を排除することを意味します。

この目標の達成は、電子メールが絶えず進化しているという事実によって複雑になっています。特に、新しいアプリやHTMLおよびCSSサポートの更新など、これらの変更が慎重に設計されたキャンペーンに影響を与える可能性がある場合は、電子メールの世界の最新の更新を常に把握しておくことが重要です。

2016年のStateof Email Reportでは、昨年のメールの世界で起こったすべてのことをまとめ、メールキャンペーンに大きな影響を与える可能性のある主要なイノベーションを特定するのに役立ちます。

無料のレポートを入手→

これがあなたが中に見つけるもののスニークピークです：

1.アップルウォッチを念頭に置いてください

2015年4月にAppleWatchが発売されました。メールアプリのフリートにウェアラブルを追加することは避けられませんでした。そして、それはメールデザイナーにいくつかの大きな影響をもたらしています。視聴者にテクノロジーの早期採用者や潜在的なWatchユーザーが含まれている場合は、Watchでのサブスクライバーエクスペリエンスを検討してください。

Apple Watchは、リモートまたはリンクされた画像が検出されるとプレーンテキストを表示するため、メールのプレーンテキストバージョンを最適化することが重要です。また、デスクトップのプレーンテキストの消費のために予約されている特殊文字、余分なスペース、およびその他の書式設定のトリックは、時計の小さな画面にほとんど変換されないことに注意してください。

メッセージに3番目の部分を追加するためのより高度なオプションもあります：text / watch-html。この追加部分を含め、Content-Typeを「text / watch-html」として指定することにより、HTML部分が不適切な場合、Watchはプレーンテキスト部分ではなくテキスト/ watch部分を表示します。ただし、ウォッチパーツを追加する前に、必ずESPに確認してください。すべての人がサポートしているわけではありません。

2.画像のブロックを最適化する

Outlook2016とAOLのAltoMailアプリはどちらも2015年に導入され、各ブロックの画像はデフォルトで導入されました。電子メールの設計者は、ALTテキスト、防弾ボタン、画像とHTMLテキストの適切なバランスなどの防御的な設計手法を使用して、画像のブロックに対処する必要があります。

3.購読解除リンクを非表示にしないでください

2015年9月、GmailはすべてのGmailウェブメールとAndroid Gmailアプリのユーザーに新しい「ブロック」機能を公開し、消費者が不要なメールの受信トレイを削除するためのさらに別のオプションを提供しました。サブスクライバーが送信者を「ブロック」すると、その送信者からの電子メールが二度と表示されなくなります。

利点は、以前は「スパムの報告」をクリックしていた一部のサブスクライバーが代わりに「ブロック」をクリックするため、新しい「ブロック」オプションによってスパムの苦情が減るはずです。欠点は、「ブロック」ボタンがISP介入のための新しい下のバーを作成した可能性があるため、以前に「購読解除」をクリックした可能性のある一部のサブスクライバーが代わりに「ブロック」をクリックするようになることです。

それで、あなたは何をすべきですか？退会を簡単にします。サブスクライバーがオプトアウトリンクを簡単に見つけられない場合、一部のサブスクライバーは単にメッセージをブロックするか、スパムとしてマークします。購読解除リンクが小さな灰色のタイプに埋もれている場合は、それ自体を大きくて読みやすいテキストで一行に分割するときが来ました。

さらに、「list-unsubscribe」ヘッダーを追加すると、Gmailは特定の状況で、送信者名と送信者の電子メールアドレスの後に「Unsubscribe」リンクを配置します。

このリンクを使用すると、サブスクライバーはオプトアウトプロセス（プリファレンスセンターを使用している場合はそれを含む）をスキップできますが、ブロックまたはスパムの苦情を受け取るよりも望ましい方法です。

4.インタラクティブなメールを更新します

2015年9月、Appleはモバイルオペレーティングシステムの最新バージョンであるiOS 9をリリースしました。この更新されたオペレーティングシステムは、いくつかの新しいCSSプロパティのサポートを追加し、メールデザイナーを苛立たせるいくつかの変更を導入しました。

そのような欲求不満の1つ？一般的な兄弟セレクター（〜）は常にサポートされているわけではありません。 LitmusコミュニティのメンバーであるRemiParmentierとJustinKhooはどちらも、：hoverまたは：checked疑似クラスセレクターと一緒に使用すると、一般的な兄弟セレクター〜がiOS9でサポートされないことを報告しました。

多くのインタラクティブな電子メールは、疑似クラスを使用して、電子メールで何かが発生したかどうかをチェックし、状態に応じて要素を適切にスタイルします。ただし、このバグにより、以前はインタラクティブだった電子メールが静的になります。

幸いなことに、修正があります！一般的な兄弟セレクター〜を隣接する兄弟セレクター+に置き換えるだけです。あまり具体的でない一般的な兄弟セレクターほど柔軟ではありませんが、同じ結果が得られます。

5.テーブルベースのレイアウトを使用する

2015年9月、MicrosoftはOutlookクライアントの最新バージョンであるOutlook 2016をリリースしました。残念ながら、以前のバージョンからあまり変わっていません。 Outlook 2007、2010、および2013と同様に、Outlook 2016は、HTMLとCSSのサポートが不十分で、イライラする癖がたくさんあるMicrosoftWordを使用して電子メールをレンダリングします。

Outlookの最近のバージョン（2007-2016）は、HTMLとCSSのサポートが不十分であり、次の点に注意してください。

divおよびテーブルセルの背景画像はサポートされていません
CSSのフロートまたは位置はサポートされていません
テキストシャドウはサポートされていません
パディングとマージンのサポートが不十分
CSSの幅と高さのサポートが不十分
ネストされた要素の背景色に関する問題

多くのCSSプロパティがサポートされていないため、Outlook 2016ではテーブルベースのレイアウトが最適化に必要です。条件付きCSSを使用して、Outlook2016を具体的にターゲットにすることもできます。

6.モバイルフレンドリーな要素を使用する

電子メールの開封の55％がモバイルデバイスで発生しているため、モバイル電子メール戦略を実施することがこれまで以上に重要になっています。レスポンシブデザインを使用することは優れたオプションですが、メディアクエリがサポートされていない場合は、モバイルフレンドリーな要素も使用する必要があります。

たとえば、2015年に導入されたAOLのAltoMailアプリもUniversalOutlookアプリも、メディアクエリをサポートしていません。

大きなテキスト、タッチしやすいボタン、および単一列のデザインを利用して、サブスクライバーに可能な限り最高のエクスペリエンスを提供します。

7.オープンデータを使用して設計上の決定を下す

業界全体の電子メールのオープントレンドを見ることは、特定の電子メールクライアントの採用を示す優れた指標ですが、重要なのはオーディエンスです。視聴者がメールを開いている場所を確認し、それに応じてデザインを調整することがこれまで以上に重要になります。

たとえば、2015年にはiPhoneの開封数が22％増加しました。これは、現在、電子メールの開封数全体の33％を占めています。自分の聴衆に似たようなものを見ている場合は、そのデータを使用して設計上の決定を通知できます。 iPhoneのオペレーティングシステムであるiOSはHTMLとCSSを優れた方法でサポートしているため、キャンペーンでHTML5ビデオの背景などの高度な手法を安全に使用できます。

重要なのは、視聴者を理解することです。 Email Analyticsを使用すると、デザインを最適化するために必要なデータを取得できます。今すぐ無料トライアルにサインアップしてください。クレジットカードは必要ありません。

2016年のメールレポートを入手する

さらに多くの情報と実用的なポイントが必要ですか？今すぐ無料のレポートをダウンロードして、最新の電子メールの更新と進歩に関する最新情報を入手してください。

2016年のメールの状態レポートを取得する→