本当に良いメールデザインのトレンド：ウェビナーの記録+ Q＆A

公開: 2019-12-09

チャンネル登録者はさまざまなチャネルで何千ものメッセージに襲われており、ブランドを目立たせることはこれまでになく困難になっています。ノイズをカットする1つの方法は？ 本当に良いメールデザインで彼らを感動させてください。

このウェビナーでは、長年にわたる電子メールのデザインの傾向を調べました。 2000年代初頭の電子メールはどのように見えましたか？ 2019年に受賞者サークルに加わったトレンドはどれですか？そして、2020年、さらには2030年には何が巨大になるのでしょうか。 Really Good Emailsチームは、Eメールデザインの記憶をたどる旅に参加し、次に何が起こるかを予測するのを手伝ってくれました。

ウェビナーをライブで見る機会がありませんでしたか？心配しないでください。いつでも完全な録音にアクセスして、以下のQ＆Aを読むことができます。

Q＆A

ウェビナー中に質問をしてくれた皆さん、本当にありがとうございました！これは、最も人気のある質問に対する回答の要約と、ライブウェビナーでは得られなかったいくつかの質問に対する回答です。他に質問がありますか？コメント欄に残してください。

これらの電子メールデザインの傾向は、B2CとB2Bでどのように異なりますか？

Mike Nelson ：これらの傾向は、B2B、B2C、および非営利団体全体で一貫しています。ある分野にいるからといって、別の分野のデザインアイデアを使用できないわけではありません。独自の感覚を持っているように見える唯一の業種は政府の電子メールであり、これは通常、非常にテキストが重いです。

ダークモードでは空白が難しくなる傾向があるので、空白を使用する最良の方法は何ですか？

マイク：それが本当に空白を意味するのに、それを「空白」と呼ぶのは少し混乱しているようです。そのコンテキストでは、それが白であるか暗いかは関係ありません。各要素にいくらかのスペースを与えたいだけです。

Lily Worth ：空白という用語は、色固有ではないので便利なネガティブスペースと見なされることが多いと思います。

プレーンテキストスタイルの電子メールに、より思慮深いビジュアルデザイン要素を含める方法のヒントはありますか？

Jason Rodriguez ：プレーンテキストスタイルの電子メールの場合、それは実際には階層になります。したがって、サブスクライバーがおそらく見ないのは、1つの長いテキストの塊だけではありません。異なる見出しのセクションを作成し、異なる重みまたは異なるスタイルのテキストを使用してそれらの見出しを目立たせることでスキャン可能性を作成できる場合は、それも役立ちます。

マイク：長文の記事を書いていて、メールを媒体として使用しているのでない限り、段落を数文または数文に制限するようにしてください。アイデアを要約できる箇条書きを使用します。「#################」などの特殊文字を使用して、アイデア間の視覚的な区切りを作成します。 RGEのこのコレクションには、テキストおよびレタースタイルの電子メールの良い例がいくつかあります。

リリー：ジェイソンに同意します。さまざまなフォントのサイズと太さを使用し、場合によってはいくつかの異なるフォントスタイルを使用して階層を作成すると、電子メールをスキャン可能で消化しやすくするのに役立ちます。あなたは確かにタイポグラフィで創造的になることができます。太字のタイポグラフィに関するブログ投稿の下部に、テキストのみの電子メールの良い例がいくつかあります。

アニメーションやアニメーションGIFにアクセスできるようにする方法はありますか？

リリー：アニメーションはサポートの役割を果たす必要があります。したがって、重要なメッセージと行動の呼びかけは、書かれたコンテンツ内に存在する必要があります。アニメーションに個別の重要な情報が含まれている場合は、これをALTタグで表す必要があります。

アニメーション自体の場合、2 Hz〜55 Hzのコンテンツの点滅速度は、光過敏性てんかんのユーザーに害を及ぼす可能性があります。さらに、視覚障害のあるユーザーは、アニメーションが変更される前にGIFのコンテンツを読んだり確認したりするのが難しい場合があります。アニメーションGIFの遷移がスムーズであるか、あるフレームから次のフレームに高速でアニメーション化されていないことを確認してください。

ジェイソン：GIFは、ほとんどのキャンペーンで本質的に非常に装飾的です。しかし、そのGIFが読み込まれない場合、サブスクライバーが電子メールを開いたときにGIFが読み込まれない場合でも、メッセージは意味がありますか？誰かがスクリーンリーダーを使用してあなたの電子メールを読んでいる場合、彼らはあなたのメッセージを理解することができますか？リリーが言ったように、GIFが非反復的な価値を提供する場合は、すべてのサブスクライバーがその情報にアクセスできるように、必ずそのメッセージをALTタグに入れてください。

アニメーションやGIFを作成するために提案するツールはありますか？

Matt Helbig ：ブランドがAdobePhotoshopやAfterEffectsなどのツールを使用しているのを今でも見ています。いくつかのCSSアニメーションまたはホバー効果を追加することは、数行のコードで電子メールにモーションを追加するための良い方法かもしれません。

Lily ：Litmusメールで取り上げるアニメーションを作成するには、AdobeAnimateを使用します。このソフトウェアを使用すると、GIF、PNG、およびHTML5アニメーションを作成できます。過去にFlashを使用したことがある人は、このソフトウェアに慣れているはずです。

Whitney Rudeseal Peet ：アニメーションPNG（APNG）の実装を検討している場合、現在、AdobePhotoshopまたはAdobeAnimateを使用してアニメーションをAPNGとして保存することはできません。電子メールにAPNGを含める場合、Adobe Animateを使用してアニメーションを作成しますが、各フレームを単一のPNGとしてエクスポートします。 APNGにそれらの個々のPNG画像のすべてを変換するためには、PNGアニメーターやezgif.comからこの無料の代替のようなツールを使用することができます。

カスタムイラストはB2BとB2Cのオーディエンス全体で使用されていますか、それとも主にB2Cで使用されていますか？

マイク：彼らはほぼ均等です。ウェビナーで使用した例は、より消費者のスタイルに見えたかもしれませんが、それらはすべてB2B企業によるものでした：Mailchimp（他の企業に電子メールサービスを販売）、HelpScout（企業に顧客サービス技術を販売）、Bulb（企業にエネルギーを販売）。

ジェイソン：メールのすべてのように、それはあなたのブランドとあなたの聴衆、そしてあなたの目標が各キャンペーンのために何であるかによって異なります。したがって、カスタムイラストのようなものがそれほど深刻でないと認識される可能性のある業界のいずれかにいる場合は、それらを使用しないでください。ただし、業界を混乱させる機会もあることを忘れないでください。金融業界のSimpleやStripeのようなブランドは、抽象的な概念をより明確に表現し、ブランドに少し個性を与えることができるため、いくつかの新しいデザイントレンドを取り入れています。だから決して決して言わないでください。

電子メールクライアント間でレンダリングするインタラクティブ機能にまだ課題はありますか？

ホイットニー：多くの企業にとって、一貫性のない限られた受信トレイプロバイダーのサポートが、よりインタラクティブな電子メールを送信しない主な理由です。残念ながら、ホバー効果やインタラクティブな画像カルーセルなどの機能については、依然として当てはまります。そのことを念頭に置いて、対話機能を実装したい場合でも、フォールバックが設定されていれば、サポートが制限されることを恐れる必要はありません。開始するには、インタラクティブな電子メールのフォールバックに関するすべてのブログ投稿を確認してください。

ダークモードは、より優れたアクセシビリティ体験を提供しますか？

マイク：この分野ではまだ多くの研究が行われています。「ダークモード」と言うのは、包括的な説明が正しくないため、目には簡単ですが、一部の人には役立ちます。あるいは、重度の乱視のある人のように、より悪い場合もあります。睡眠に問題がある人にとっては、夜にダークモードを使用すると、概日リズムに影響を与える可能性のある明るい画面よりも役立つことが示されています。ダークモードは、一般的に気が散らないと見なされ、人々が集中するのを助けるために使用されます。ただし、コントラストが強すぎる場合（たとえば、真の黒の背景と真の白のテキスト）、失読症の人にとっては読みにくくなります。これは、暗い背景を使用することで軽減できますが、フォントにクリーム色のダークグレーのようなものを使用します。

これらのデザイントレンドは、65歳以上の高齢者にどのように役立つと思いますか？

マイク：これについては特に取り上げませんでしたが、ウェビナーで披露し、 Really Good Emailsで見たメールは、ほんの数年前と比べてフォントサイズが大幅に大きくなっています。これは、古い人口統計が採用しているものです。トレンドがバウハウスとスイスのデザインに向かっているところにも精通しています。

リリー：マイクが示唆しているように、2020年に人気が出ると思われるレトロなスタイルは、古い人口統計にとっては懐かしいものになるでしょう。電子メールがさらに整理され、メッセージとアクションの呼び出しがはるかに読みやすく、理解しやすくなるため、簡素化は視聴者にも役立つ可能性があります。

タイポグラフィは目立つための優れた方法ですが、多くのフォントが電子メールクライアントでサポートされていない場合は正当化するのが困難です。これはすぐに変わると思いますか？

Lily ：残念ながら、Webフォントのサポートがさらに展開されるかどうかを知ることはできませんが、それを実現したいと考えています。この便利なツールは、当面の間、Webフォントで使用する適切なフォールバックを見つけるのに役立つ場合があります。

これらの新しいトレンドのいくつかに関して、パーソナライズはどのように進化すると思いますか？

マット：メールの各セクションをパーソナライズするブランドが増えると予想しています。お客様は、より良い体験のためにデータを交換します。わかりやすいレポート、独自のオファー、および謝辞により、顧客はVIPを感じることができます。 Eメールマーケターは、顧客データを加入者にとって最も有用で関連性のあるものに変える必要があります。

さらに、ウェビナーで取り上げたトレンドのReally GoodEmailsコレクションはすべて次のとおりです。

カスタムイラスト
より思慮深いビジュアルデザイン
暗いデザイン
大胆な色
アニメーションメール