エピソード5の配信：メールデザインとは本当に何ですか？

公開: 2019-06-14

この配信のエピソードでは、ホストのJason Rodriguezが、「メールのデザインとは本当に何ですか？」という質問に答えようとします。 HTMLとCSSの使い方を知っていますか？それとも、コードだけではありませんか？

必ずiTunesまたはSpotifyで配信を購読して、将来のエピソードを聴き、ハッシュタグ#DeliveringPodcastを使用してTwitterの会話に参加してください。

エピソードのトランスクリプト

一見すると、メールのデザインは簡単に思えます。 HTMLとCSSを書いて、それをサブスクライバーに送信するだけですよね？しかし、もう少し深く泳ぐと、コードだけにとどまらない複雑な世界が開かれます。今回の配信のエピソードでは、「メールのデザインとは一体何なのか」という質問に答えようとしています。

メールマーケティング、戦略、メール業界、そしてはい、メールの設計と開発に関するポッドキャスト、Deliveringへようこそ。配信は、60万人を超える電子メールの専門家が、より幸せな加入者のためのより良い電子メールキャンペーンを設計、テスト、分析、およびコラボレーションするために使用するクリエイティブプラットフォームであるLitmusによって提供されます。詳細については、litmus.comで7日間無料でLitmusをお試しください。

メールのデザインは簡単ですよね？結局のところ、電子メールは単なるHTMLとCSSであり、Webページを作成するようなものです。ドキュメント全体の構造（HTMLファイルの先頭と本文）と、そのドキュメント内のすべてのコンテンツがあります。かなり標準的なHTMLを使用してコンテンツをマークアップし、次にCSSを使用してそのコンテンツのスタイルを設定します。理論的には、Webページの作成経験が少ない人なら誰でも、簡単な電子メールをコード化してESPにアップロードし、サブスクライバーに送信できます。

少なくとも、それは多くの人が考えていることです。

実際には、HTMLとCSSは、電子メールの設計に関してはほんの始まりに過ぎません。確かに、電子メールの設計者、開発者、およびマーケターは、HTMLとCSSを知っている必要があります。それがなければ、WYSIWYGエディターとそれが生成するスパゲッティコードの気まぐれに任せられます。しかし、メールのデザインとは本当に何ですか？

電子メールの設計とコーディングの10年近くの間に、私は電子メールの設計を3つの重要なことに要約しました。それは、リスクの軽減、限界の押し上げ、すべてのサブスクライバーのエクスペリエンスの向上です。

多くの人と同じように、私は最初にHTMLとCSSを学び、自分のWebサイトを構築しました。私はWeb標準化運動で成長し、ジェフリーゼルドマンやエリックマイヤーのような人々を忠実にフォローしました。時間があるときはいつでも、レイチェル・アンドリューやジェン・シモンズのような人々からの執筆や講演に専念しています。

しかし、最初の電子メールの作成を任されたとき、標準ベースのHTMLとCSSを知るだけでは不十分であることがすぐにわかりました。 HTMLとCSSを異なる方法で扱う数十の人気のある電子メールクライアントのおかげで、電子メールはそれ自体が獣です。すべての電子メールクライアントは、独自のレンダリングエンジンを使用して、電子メールキャンペーンの基礎となるマークアップを解釈および表示します。場合によっては、同じ電子メールクライアントの異なるバージョンが大きく異なるレンダリングエンジンを使用します。

Microsoft Outlookは、電子メール用の比較的優れたレンダリングエンジンであるInternet Explorerの使用から、電子メールを表示するためのバックエンドでのMicrosoftWordの使用に切り替えたことで有名です。マイクロソフトが切り替えを行った理由はたくさんありますが、それ以来、電子メールマーケター側の悩みの種となっています。

電子メールクライアントは、AppleMailのような驚くべきレンダリングから最悪の最悪のものまでさまざまです。多くのマークアップをサポートしていなかった古いバージョンのLotusNotesを考えてみてください。

そのため、電子メールの設計の多くはリスクを軽減することを目的としています。それは、これらの電子メールクライアントと関連する癖のそれぞれを理解し、防御的に電子メールをコーディングすることです。メールデザイナーとして、私たちはキャンペーンでうまくいかないことの数を制限したいと思っています。そうすることで、私たちは電子メールが電子メールクライアント間でうまく機能するのを助けるためにいくつかの驚くほど創造的な技術とハックを開発しました。

マイクロソフトの条件付きコメントとゴーストテーブル、ハイブリッドコーディングとFab Fourの方法、インラインCSSを使用し、電子メールで使用されるHTML要素とCSSプロパティの数を制限するなどの基本的な方法でさえ、リスクを減らすことがすべてです。

ただし、多くの電子メール設計者はそこで立ち止まります。彼らはデフォルトで、電子メールで他に何ができるのか不思議に思うことなく、防御的なコーディング手法を採用しています。幸いなことに、現状に満足していない電子メールデザイナーがいます。それらは、電子メールデザインの限界を押し上げることに取り組んでいるものです。

公平を期すために、これらの防御的なコーディング手法の多くは創造的であり、独自の方法で限界を押し広げています。しかし、彼らは可能な限り最善の方法で制限を感じるべきです。それらは、電子メール設計者に、従来の電子メール設計として考えられていたものを超えて推進するように促す必要があります。

そのため、効果的な電子メール設計の2番目の部分は、これらの限界を押し広げています。電子メールの制限を理解しますが、Webデザインや開発などの他の分野から、またはビジュアルデザインの観点から、クリエイティブなプリントデザインなどからインスピレーションを得ることは、その目的です。

このタイプのデザインの最も一般的な例は、インタラクティブな電子メールの作成です。 Mark RobbinsとRebelmailの乗組員は、バーバリーなどのブランドの受信トレイに完全にインタラクティブなチェックアウトエクスペリエンスを構築したことで有名です。リトマスでは、Twitterフィード、バックグラウンドビデオ、および電子メールキャンペーンでのスカベンジャーハントを送信した後、大きな反響を得ています。

しかし、限界を押し広げてメディアを進化させるために、電子メールがインタラクティブである必要があるとは思わないでください。コピーライティング、戦略、グラフィックス、ビジュアルデザインも針を動かすことができます。 Really Good Emailsは、すべての電子メールをインタラクティブにするのではなく、独自の声、ユーモアのブランド、およびいくつかの素晴らしいパーソナライズを採用することによって、大勢の熱心な聴衆を増やしました。

私のお気に入りのニュースレターの1つである、Mailchimpの現在は廃止されたUXニュースレターは、コードに関して何も特別なことをしていませんでした。しかし、彼らのアート向けメール（私のお気に入りは90年代のようなHTMLメール、プレーンテキストのASCIIアート）は、他のデザイナーにアートの方向性を自分のメールキャンペーンに取り入れ、購読者がメールニュースレターでできると考えるものの概念を拡大するよう促しました。なれ。

これらのジャンルを定義する電子メールのいくつかは、それを楽しむためだけの1回限りのキャンペーンですが、その作業の多くは、優れた電子メール設計の最後の側面であるサブスクライバーのエクスペリエンスの向上につながります。

FabioCarneiroやNicoleMerlin、Stig Morten Myre、Remi Parmentierなどの先駆的な仕事がなければ、加入者により良い体験を提供するために私たち全員が当たり前と思っているテクニックはありませんでした。 Fabio、Nicole、およびRemiはすべて、世界中の何百万ものサブスクライバーが毎日読む、レスポンシブでモバイルフレンドリーな電子メールの構築に関する会話に貢献しました。そして、VMLの秘密を解き明かすためのスティグの献身と、防弾ボタンとその背景の世界により、電子メールクライアントが私たちのコードに対して行うすべての奇妙なたわごとにもかかわらず、世界中のサブスクライバーが電子メールキャンペーンに参加できるようになりました。

最近では、よりアクセスしやすい電子メールキャンペーンを作成するための大きな推進力が見られました。 MarkRobbinsやPaulAiryのような人々は、能力に関係なく誰でも使用できる電子メールキャンペーンを作成する方法を私たち全員が理解できるように、さまざまな調査を行ってきました。また、タイポグラフィ、コントラスト、画像の代替テキスト、より明確なコピーライティングの使用に重点を置くことで、これまで以上に多くの人々にメールマーケティングが開かれています。

それで、これは私たちに「電子メールのデザインは本当に何ですか？」という質問に戻ります。

メールのデザインはコード以上のものです。それだけではありません。

メールのデザインとは、独自の媒体を理解することです。ウェブデザインと開発に関連しているが、それとは一線を画す媒体。使い慣れたテクノロジーに基づいて構築されていますが、うまく機能するには専門家の知識が必要です。

もちろん、電子メールは、それぞれが独自の苛立たしいバグのセットを持つ非常に多くの電子メールクライアントとレンダリングエンジンによってもたらされるリスクを軽減することを目的としています。しかし、それは、これらのリスクと制限を超えて、すべてのサブスクライバーにとって驚くほどアクセスしやすいエクスペリエンスを構築するための創造的な方法を見つけることです。

ですから、次に誰かがあなたがメールデザイナーかどうか尋ねるときは、遠慮なく答えてください。「ええ、でも私もフロントエンドのWeb作業をしています」とは言わないでください。真実を伝える：興味深く挑戦的な問題を解決し、世界で最も価値があり人気のあるコミュニケーションチャネルである電子メールを使用してより良い体験を提供することを伝えます。

配信のこのエピソードのように？ iTunesでレビューを投稿し、ポッドキャストを友達と共有してください。また、お気に入りのソーシャルネットワークでハッシュタグ#DeliveringPodcastを使用して会話に参加してください。