2010年代から現在まで：時の試練を乗り越えたメールデザインのトレンド
公開: 2021-04-01電子メールは長い道のりを歩んできました。 1971年にレイトムリンソンによって設立された、電話に出ない同僚とのコミュニケーション手段として始まったものは、大国へと進化しました。 Eメールマーケティングチャネルは、36：1のROIで、驚くほど高い収益をもたらし続けています。
今年の10月、メールは正式に50歳になります。少し懐かしく感じずにはいられません。 そのため、2010年代から現在までのメールの歴史を振り返ることにしました。
メールの専門家であるLilyWorth（メールのデザインと制作のスペシャリスト）とBrian Thies（メールの開発者であり、ThiesPublishingの所有者）にアーカイブを掘り下げて、特にコーディングとデザインに関する長年の経験についての洞察を共有してもらいました。
2010年代を生き延びた電子メールのデザインの傾向を再考しながら、私たちと一緒に思い出の小道を散歩してください。 この投稿では、最も象徴的なデザイントレンドのいくつかと、それらがどのように進化してきたかを見ていきます。
メールは2010年代に成長します
1990年代から2000年代は、電子メールデザインのルネッサンス期でした。 1991年頃、私たちが今知っているように、インターネットが誕生しました。 その後、1990年代後半に、電子メールにHTMLが導入され、電子メールが復活しました。
2010年代はどうですか？ これまでで「最も種類の多い」10年であったにもかかわらず、電子メールマーケティングでは大きな進歩が見られました。
この10年間で、セグメンテーション、パーソナライズ、電子メールの自動化、コンプライアンス（GDPRなど）、アクセシビリティなど、多くのことが始まりました。 これは、今日私たちが知っているように、Eメールマーケティングの舞台を設定しました。
過去10年間のEメールマーケティングのマイルストーンの簡単な歴史は次のとおりです。
- 2009 –レスポンシブメールが導入されました。
- 2010 –トリガーされた電子メールが標準になり、マーケターの48％がトリガーされた電子メールを送信するようになりました。
- 2012 –9000万人のアメリカ人がモバイルデバイスで電子メールを使用しています。
- 2013 –GoogleはGmail内にタブを導入しました。
- 2014 – CSSとHTMLの統合により、インタラクティブな電子メールの時代がもたらされました。
- 2014 –動的コンテンツは、サブスクライバーとのパーソナライズされたエクスペリエンスを作成するために使用されます。
- 2014年–カナダのスパム対策法（CASL）が施行されました。
- 2015 –電子メール内のCSSアニメーションが人気を博しています。
- 2016 –パーソナライズが引き継ぎます。
- 2016 –GDPRが採用されました。
- 2018 –Appleは15番目のOSリリースの一部としてダークモードを導入しました。
コーディングとデザインはどうですか？
2010年代を定義したメールデザインのトレンド
私たちの思い出をジョギングするために、私たちはリリーにアーカイブを掘り下げて、彼女が見つけた最も早い電子メールを共有するように頼みました。 彼女が2009年にExperian用に設計および開発した最初のメールを見てみましょう。
このメールを再訪した後の彼女の考えは？ 「たくさんの画像スライス、小さなフォント、そしてレスポンシブコードがありません。」
Experianの別のプロジェクトからのLilyの最初のメールのもう1つは次のとおりです。
リリーはこれから何を思い出しますか？ 「ボタンと長いプリヘッダーテキスト。 当時、私たちはほとんどの場合ライブテキストを使用していたのを見るのは良いことです。」
さらに詳しく説明するために、Twitterのコミュニティに、これまでに送信した最初のメールキャンペーンを共有するよう依頼しました（#EmailGeeksに感謝します）。 この10年間の電子メールを定義したいくつかの重要な特徴を見てみましょう。
飾りボタン
防弾ボタンの前には、あらゆる種類のボタンがありました。 一般的な処理は光沢があり、古き良き斜角とエンボス加工でした。
まず、光沢のあるボタンの例をいくつか見てみましょう。
これは2014年にさかのぼる電子メールの例です。
そして、この斜角とエンボス効果を見てください。 たまらないですね。
90年代の特徴はより重く、2008年に彼女がデザインしたMegan Boshuyzenの最初の電子メールの1つに示されているように、初期の電子メールでは、光沢と斜角およびエンボス技術の組み合わせが見られました。
私はこれを2008年の最初のグラフィックデザインインターンシップでフォトショップでデザインしました。 コードを作成するために開発チームに送信されました。 pic.twitter.com/OA9xsrXjrF
— Megan Boshuyzen（@megbosh）2021年3月10日
ドロップシャドウ
当時、私たちは可能な限りメールに深みを加えることを大ファンだったようです。 上記のボタンスタイルに加えて？ ドロップシャドウ。
2010年からのこのメールをチェックしてください。「フローティング」スターバックスカードとギフトカードは、ドロップシャドウによって可能になりました。
ナビゲーションバー
電子メールのデザインは、ウェブデザインの足跡をたどる傾向があります。 ウェブ上で人気のあるものの多くは、まもなく電子メールへの道を見つけるでしょう。
これは、PaulAiryの最初の電子メールキャンペーンのナビゲーションバーの例です。
私が設計および開発した最初の電子メールキャンペーンの1つ。 pic.twitter.com/euS5FcafnV
—エンベロープを超えて（@Paul_Airy）2021年3月10日
Justine Jordanによる、以下に示すナビゲーションバーの別の例：
エミリーベンソンが言ったように、電子メールは「電子メールに閉じ込められたウェブサイト」のように見える傾向がありました。 私たちはそれをもっとよく言うことができませんでした！
コールアウトボックス
モバイルが標準になる前は、デスクトップに重点が置かれていました。 このアプローチは、「このメールにできるだけ多く入り込む」ように思われました。
サイドバーは今日の電子メールで一般的に使用されていますが、当時は、コンテンツを構造化する方法として、コールアウトボックスが電子メールのサイドバーに表示されることがよくありました。
サイドバーの短所のいくつかは、視覚的な混乱を追加し、応答性を高めるのが難しい場合があることです。 よりクリーンで適切に設計されたサイドバーでさえ、電子メールキャンペーンの主な目標から加入者の注意をそらす可能性があります。
Eメールマーケティングの新時代の到来を告げる
今日私たちが知っている多くのデザイントレンドは、過去10年間に導入されました。 2009年のレスポンシブデザインの導入は、2010年代初頭の電子メール使用の急増と相まって、触媒となり、後に電子メールの現在の構築方法の多くに影響を与える可能性がありました。
私たちが10年を経て進むにつれて、アクセシビリティと包括的なデザインが会話の大きな部分を占めるようになりました。
モバイルデバイス向けの設計
2010年代初頭にモバイルの人気が高まるにつれ、モバイルデバイス向けの最適化が必要になりました。 スケーラブルで流動的でレスポンシブなデザインは、電子メール開発で考慮すべき重要なアプローチになりました。 2015年の投稿によると：
2011年のモバイルメールは、私たちのレーダーにほとんど影響を与えず、メールの開封のわずか8％を占めていました。 2014年に早送りすると、メールのほぼ半分がスマートフォンとタブレットで開かれます。これは4年間で500％の増加です。
2016年の応答のない電子メールの例（および電子メールに閉じ込められたWebサイトの別の例）は次のとおりです。
コラボレーション
ブライアンに過去10年間にメールで見た最大の変化について尋ねたとき、彼は自動化とトランザクションツールの需要の増加がどのように採用の急増を引き起こしたかについて話しました。
「最大の変化の1つは、業界内に足場を築こうとしている企業からの正当な（そして関連する）マーケティングメールの数の増加でした。
これには、ユーザーや消費者とのより緊密な関係を構築するための自動化ツールやトランザクションツールの使用の増加が含まれます。 その急増は採用の熱狂を生み出すのに役立ち、今日私たちが楽しんでいる巨大なメールマーケティングコミュニティへの道を開いたのです。」
ブライアン・ティース
より多くの人がいると、より多くのコラボレーションが生まれます。 最終的に、よりスマートに相互協力して作業する必要性が明らかになりました。 メール開発者だけでなく、「雇用の熱狂」の中で成長を続けるマーケター、デザイナー、エンジニアのチームにとっても、コーディングされているものの長期的な使用プロセスを検討する必要がありました。
再利用可能なコンテンツブロック、スニペット、グローバル、テンプレートなどの戦略は、電子メールをより効率的にコーディングするための通常の部分になりました。
どのような電子メールデザインのトレンドが生き残り、進化しましたか？
過去10年間にどのようなデザイントレンドが生き残り、進化したかを見てみましょう。
ボタン、しかしより良い
前に説明したように、過去10年間の電子メールデザインの最も象徴的な側面の1つは、それらの派手なボタンでした。 斜角、エンボス、光沢はまだ見られますが、トーンダウンされてシンプルです。
斜角とエンボス効果のあるボタンの現在の例を次に示します。
アクセシビリティが全体像の大部分を占めるようになると、ボタンを防弾にする方法を考え出しました。これにより、ブロックまたはオフにできる画像に行動を促すことが含まれなくなりました。
画像の使用、しかしよりスマート
画像のみのメールがメールキャンペーンを作成する最良の方法ではないことを知る前は、それを行っていました。
当時、電子メールを作成するための一般的な方法は、Photoshop（#SlicinAndDicin、誰か？）でスライスし、HTMLをエクスポートして、そこから機能させることから始まりました。 しかし、時間の経過とともに学び、進化していくにつれて、それが最善の方法ではないことがわかりました。
2012年までに、9千万人のアメリカ人がモバイルデバイスで電子メールを使用していました。 モバイルの台頭に伴い、私たちはよりスマートに作業する方法を考え出しました。
2014年のマクドナルドのこの例では、サブスクライバーエクスペリエンスを最優先に保ちながら、代替テキストと背景色を使用していくつかのベストプラクティス手法を実装した方法を示しています。 これは、画像をオンにした場合とオフにした場合を並べて比較したものです。
包括的なテーマ：シンプルさ
今日の電子メールにはこれらすべてが含まれていますが、当時よりも微妙でシンプルです。 一言で言えば、リリーは、電子メールのデザインが「はるかにすっきりしたデザインになりました。レイアウトが簡素化され、フォントがすっきりと大きくなりました。 読みやすさがより適切に考慮されるようになりました。」
全体として、過去の電子メールは、現在見られる電子メールと比較して、多くのことが起こっている傾向がありました。 雑然としたレイアウト（コールアウトボックスとナビゲーションバー）の使用は、はるかに単純なものに進化しました。
思い出すのはいいことです
私たちの過去を思い出すと、私たちがどれだけ変化したかを知ることができます。 そして変化は良いことです—それは私たちが成長し進化している兆候です！ 感謝のメールは常に変化していますよね？
リリーとブライアンが2010年代について考えるとき、何が思い浮かびますか？
「私はメールの進化のファンであり、間違いなく現在/未来に生きており、振り返ることはありません。 」
リリーワース
「管理する電子メールクライアントの数が少ないという単純さを見逃していますが、Litmusの前に行われたテストの量を見逃すことはありません。 コードを微調整して、すべての電子メールクライアントで結果を一度に確認できることで、時間を大幅に節約できました。」
ブライアン・ティース
 | 変更に直面してもメールが完璧に見えるようにする 電子メールは進化を続けており、15,000を超えるさまざまなレンダリングが可能であり、数えられています。 変更があった場合でも、メールが完璧に見えるようにします。 すべての受信トレイで、各送信がブランド上でエラーがないことを確認することにより、すべての電子メール送信でブランドの評判を保護します。 無料トライアルを開始→ |
過去の記憶をジョギングする1つの方法は、全体的な観点から特定の詳細について考えることです。 それで、リリーとブライアンを過去に運ぶのを助けるために、私たちは彼らに電子メール以外に彼らも見逃したことについて尋ねなければなりませんでした。
リリーとブライアンは過去10年間で何を見逃していますか？
「画面への依存度が低いため、当時はブリティッシュコメディの方が優れていました。また、バンドがほぼ毎晩ライブで演奏するのを見るのが恋しいです。」
リリーワース
"簡単。 マスクを着用する必要はありません。」
ブライアン・ティース
そして最後に、私たちは抵抗できず、リリーとブライアンに最初のメールアドレスを共有することを敢えてしました（ヒント：真実を語ったのは1人だけでした）。
ああ、古き良き時代
時々、思い出すのはいいことです。 過去のメールを見ると、どこまで来たかを思い出すことができます。 そしてその結果、それは私たちが現在の新たな感謝を育むのを助けることができます。
Photoshopの#SlicinAndDicinの禅を見逃すかもしれませんが、進化は良いことです。 2010年代は、電子メールにとって決定的な10年でした。 90年代は歩いたので、2010年代は走ることができました。
まだ少し懐かしいですか？ 私たちもそうです。 そのため、90年代へのオマージュとしてこのリトマスウィークリーの特別版を作成しました。
 | あなたの新しいメールの親友に会いましょう これは、メールマーケター、デザイナー、開発者によって作成された、通常ではないニュースレターです。 あなたが知っておくべき厳選されたコンテンツやニュースを購読してください-すべて個人的なテイクで。 サインアップしてください！ → |