チームが気に入る強力なメールデザインシステムへの6つのステップ
公開: 2021-05-24メールマーケター、特にキャンペーンを作成するデザイナーは、制作プロセスを改善する方法を常に模索しています。 自動プレビューと品質保証（QA）ツールを採用している場合でも、電子メールをより高速にコーディングする方法を探している場合でも、効率がゲームの名前です。
スピードの必要性と相まって、スケーリングの必要性があります。 特にCOVID-19の発症と、自宅で働いたり購入したりする人々によって、企業はこれまで以上に多くの電子メールを送信しています。 2020年のStateof Email、Fall Editionによると、パンデミックが発生する前から54％がメールの量を増やしています。 そして、チームは革新的で高品質の基準を維持しながら、需要の増加に追いつくのに苦労しています。
私たちがますます役立つと感じたツールの1つ、そして他の人が大成功を収めているのを見たツールの1つは、電子メール設計システムです。 一般に、設計システムは、効率と一貫性という2つの理由で構築されます。 しかし、電子メール設計システムとは何ですか。また、それらを使用してチームのパフォーマンスを向上させるにはどうすればよいでしょうか。
メールデザインシステムとは？
電子メール設計システムは、チームが作業をガイドし、ブランド上のエラーのない電子メールをより速く、より一貫して作成するために使用する再利用可能なコンポーネントと標準のコレクションです。
電子メール設計システムのコンポーネントは通常、次のもので構成されます。
- ロゴ、アイコン、画像などのブランドの色とアセット
- 電子メールの作成に使用される電子メールモジュール（スニペットやパーシャルなど）
- キャンペーン間で再利用できる完全なメールテンプレート
規格は多くの場合、これらのコンポーネントの使用法を規定しており、次のものが含まれる可能性があります。
- キックオフミーティングと設計システムの使用に関する継続的なトレーニング
- モジュールとテンプレートに含まれる使用法に関するHTMLコメント
- 設計と実装の決定の背後にあるロジックなどのドキュメント
この2つの要素を組み合わせることで、進行中の世界的大流行などの課題に直面した場合でも、チームがメールマーケティングの生産を拡大できるようにするシステムが形成されます。
ウェビナー「デザインシステムがどこでもEメールチームに力を与える方法」では、Eメールの専門家が個人的な経験と洞察を共有しました。
 | 「StackOverflowの設計システムにより、フルタイムの仕事でなくても、誰でも貢献して使用することができます。」 Ted Goas、プリンシパルプロダクトデザイナー（以前はStack Overflow） |
独自のメールデザインシステムを作成する方法
グラフィックやブランド資産から、メールに含まれる実際のコードやコピーまで、メールデザインシステムに取り入れることができるものはたくさんあります。 しかし、最も成功している設計システムは、十分にテストされた一連の手順を使用して作成されています。 独自のメールデザインシステムを作成する方法は次のとおりです。
1.設計システムの構築に取り組む
最初のステップは、電子メール設計システムが必要かどうかを判断し、チームとしてそれを構築することです。 いくつか質問してください。
- メールキャンペーンの作成には長い時間がかかりますか？
- QAプロセス中または送信を押した後に頻繁にミスに遭遇しますか？
- メールのマーケティング、デザイン、開発を手伝ってくれる人はたくさんいますか？
- 現在のメール作成プロセスに支障をきたしていると感じますか？
「はい」と答えた場合は、独自の電子メール設計システムを作成するのが理にかなっています。 チームが関係者と直面する課題について話し合い、賛同を得るための設計システムの多くの利点を概説し、作業を完了するための時間とリソースを確保します。
 | 「設計システムは、企業のブランドを維持し、大小のチームがシームレスに構築できるようにします。」 Zillowの設計システム、エンジニアリングマネージャー、Crystal Ledesma |
2.既存のEメールマーケティングプログラムを監査します
次のステップは、既存の電子メール（マーケティングとトランザクションの両方）を監査し、電子メール設計システムに含める必要があるものを特定することです。
電子メールをモジュラーテンプレートに分割する方法と同様に、監査の目的は、どのコンポーネントが電子メール全体で共通であるか（または一意であり、説明する必要があるか）を把握して、実際に何を構築する必要があるかを把握することです。そして、それらのコンポーネントを使用するために作成する必要のある標準。
スプレッドシートは、監査の実施に非常に役立ちます。 1つを開いて、送信するすべての電子メール、さまざまな種類のコンテンツ、画像、ボタン、ヘッダー、フッター、免責事項などの文書化を開始します。
また、可能な限り、スクリーンショットの例やライブメールへのリンクを必ず含めてください。 これらは、実際にコンポーネントを構築する際の優れた参照ポイントとして機能します。
3.設計上の決定について話し合い、文書化します
次は楽しい部分です。設計システムの実装方法について互いに話し合うことです。
会議を開催したり、Figmaなどの共同設計ツールで共同作業したり、共有ドキュメントの入力を開始して、設計システムに何を含めるか、どのように実装するかについて重要な決定を下します。
ここで重要なのは、意思決定の背後にあるプロセスと理由を文書化して、設計システムの背後にあるもの、理由、および方法を全員が明確にすることです。
4.設計システムとガイドを構築します
一般的なコンセンサスが得られたら、電子メール設計システムの実際のコンポーネントを構築して整理する必要があります。 組織化の部分は、チームが使用する適切なモジュールを簡単に見つけるのに役立ち、導入を簡単にするため、特に重要です。
これは、Litmusのデザインライブラリを使用して私たちが行ってきたことです。これにより、チームが新しいキャンペーンを作成するときに使用するブランドの色、モジュール、および完全なテンプレートを保存できます。 モジュールタイプ（ヘッダーやボタンなど）、電子メールタイプ（ニュースレターやイベントなど）、またはニーズに合ったものでタグ付けすることにより、モジュールを分類することもできます。
また、Litmusの電子メール設計システムを使用すると、QAテストを自動化してすべてが完璧であることを確認し、ドラッグアンドドロップのビジュアルエディターを使用して、コーダー以外の人でもすばやく電子メールを作成できるようになります。
ただし、コンポーネントが保存されている場所に加えて、設計システムの残りの半分、つまり使用法に関する標準を文書化する必要があります。 私たちにとって、これは主にConfluenceで発生しますが、共有され、更新が簡単で、すばやく参照できるあらゆるタイプのドキュメントで問題ありません。 チームがPDFやスライドデッキから本格的なWebサイトまで、あらゆるものを使用して設計システムを文書化するのを見てきました。 インスピレーションが必要な場合は、ミューチュアルオブオマハのメールデザインガイドの大ファンです。
5.他の人を乗せる
構築して文書化したら、人々を参加させ、実際に電子メール設計システムを使用する必要があります。 キックオフミーティングとチームトレーニングセッションは、設計システムとその使用方法を人々に理解してもらうための優れた方法です。 ただし、トレーニングの最初のバースト後にチームが停止することが多すぎて、電子メール設計システムの使用法が途方に暮れます。
| 「人々にあなたのデザインシステムを使ってもらいたいのなら、人々に足を濡らし、アクセスしやすくし、人々に質問をするように勧める時間を与えてください。」 Ted Goas、プリンシパルプロダクトデザイナー |
対面（または仮想）会議、定期的に更新されるドキュメント、四半期ごとのリリース、さらには社内ニュースレターなど、継続的なトレーニングと設計システムの更新に取り組み、チームが設計を使い続ける理由と方法を理解できるようにします。システム。
| 「対面でのオンボーディングに依存し、チーム間の関係を構築し、リソースを最新の状態に保ちます。」 Zillowの設計システム、エンジニアリングマネージャー、Crystal Ledesma |
6.すすぎ、繰り返します
独自のメールデザインシステムを実装する最後のステップは、終わりのないものです。
設計システムは静的であることを意図していません。
最高のものは、彼らが奉仕する企業や人々と同じように、時間とともに成長し進化します。 定期的な時間ブロックを設定して、設計システムのコンポーネントと標準をまとめて確認します。 また、全体的なビジネス目標、マーケティングイニシアチブ、製品またはサービスの更新を確認して、設計システムが想定どおりに機能していることを確認することを忘れないでください。絶えず変化する状況の中でチームが繁栄するのを支援します。
デザインシステムとメールを1か所で構築する
独自のメールデザインシステムを開始する場所が必要ですか？ 私たちはリトマスのデザインライブラリに部分的です（しゃれを意図しています）。 デザインライブラリは、ブランドアセット、モジュール、テンプレートを保存、整理、QAテストして、更新を簡単にするための1つの集中管理された場所です。 次に、コンポーネントにすばやくアクセスし、ビジュアルエディタでコンポーネントを使用して電子メールを作成します。 今日リトマスを試してみてください！
7日間無料でお試しください→