So formulieren Sie eine E-Mail-Entwurfs- und Entwicklungsstrategie

In diesem Tutorial erkläre ich, wie Sie sich auf die E-Mail-Clients und Webmail-Clients konzentrieren können, die von Ihrer Zielgruppe verwendet werden.

Hinweis: Dieses Tutorial ist Teil einer ganzen Woche an E-Mail-Inhalten auf Tuts + Web Design. Weitere Informationen finden Sie im Mastering HTML E-Mail-Lernhandbuch!

1. Die Wichtigkeit einer Strategie verstehen

Ihre Zielgruppe hat Zugriff auf eine Vielzahl von E-Mail-Clients, Webmail-Clients und -Geräten. Da es keine E-Mail-Standards gibt, die den W3C-Standards entsprechen, hängt es von den verwendeten E-Mail-Kampagnen ab, welche E-Mail-Kampagnen sie verwenden verwenden, um mit ihnen zu interagieren.

Zum Beispiel könnten sie verwenden:

• Microsoft Outlook, bei dem keine animierten GIFs über das erste Bild hinaus abgespielt werden.
  
• Google Mail, das keine Webfonts darstellt.
• iOS Mail, welche tut animierte GIFs abspielen und tut rendert Webfonts, wirft aber auch etwas weniger hilfreiche Inhalte als blaue Links oder graue Links wieder!

Um Ihrer Zielgruppe eine großartige Abonnentenerfahrung zu bieten, müssen Sie eine E-Mail-Design- und -Entwicklungsstrategie formulieren, die die von ihnen verwendeten E-Mail-Clients und Webmail-Clients berücksichtigt. Mit dieser Funktion können Sie ihr Bestes nutzen und (mit ein oder zwei E-Mail-Hacks) ihre schlimmsten und schwierigsten Funktionen überwinden.

Die Frage ist: Wie können Sie dies tun, wenn Ihre Zielgruppe eine beliebige Anzahl von E-Mail-Clients und Webmail-Clients auf einer beliebigen Anzahl von Geräten verwendet? Die Antwort lautet: Verwenden Sie ein E-Mail-Analysetool, um herauszufinden, welche verwendet werden.

2. Finden Sie heraus, welche Kunden Ihre Zielgruppe verwendet

Mithilfe von E-Mail-Analysetools, z. B. von Litmus und Email on Acid, können Sie einzelne E-Mail-Kampagnen nachverfolgen, einen Bericht erstellen und wertvolle E-Mail-Client- und Webmail-Client-Daten sowie Geräte-, Betriebssystem- und Eingriffsdaten bereitstellen. Um diese Daten zu generieren und auf diese zuzugreifen, müssen Sie für jede Ihrer E-Mail-Kampagnen einen eindeutigen Tracking-Link innerhalb des Tools erstellen und in den jeweiligen E-Mail-HTML-Code einbauen. Es könnte ein bisschen so aussehen:

Sobald Sie Ihre E-Mail-Kampagne mit dem Track gesendet habenWenn der Link integriert ist, werden die Daten im E-Mail-Analysebericht angezeigt. Sie müssen genügend Zeit für Ihre Zielgruppe einplanen, um Ihre E-Mail-Kampagne zu öffnen, um ein genaues Bild davon zu erhalten, wie sie sie angesehen und mit ihr interagiert haben.

Zusammenfassung des Litmus Analytics-Berichts mit E-Mail- und Webmail-Client-Daten.

Wenn Sie mehr und mehr E-Mail-Kampagnen an Ihre Zielgruppe senden, werden Sie feststellen, dass sich in Ihren E-Mail-Analyseberichten Trends abzeichnen. So können Sie feststellen, welche E-Mail-Clients und Webmail-Clients bei Ihrer Zielgruppe am beliebtesten sind und welche am wenigsten. Es lohnt sich zu erwähnen, dass es unklug ist, Ihre E-Mail-Design- und -Entwicklungsstrategie in einem Bericht zu formulieren, da dies eine Anomalie sein kann. Beginnen Sie also mit mindestens drei.

Sie können jetzt Ihre E-Mail-Analyseberichte analysieren und feststellen, welche E-Mail-Clients und Webmail-Clients Ihre Strategie formulieren möchten.

3. Legen Sie fest, für welche Kunden Sie strategisch sind

Beginnen Sie mit der Analyse der Berichte in Ihrem E-Mail-Analysetool. Schauen Sie sich vor allem die E-Mail-Clients und Webmail-Clients an, die Ihre Zielgruppe zum Öffnen Ihrer E-Mail-Kampagnen verwendet hat. Identifizieren Sie die beliebtesten E-Mail- und Webmail-Clients Ihrer Zielgruppe, angegeben durch den prozentualen Beliebtheitsprozentsatz.

Die beliebtesten E-Mail- und Webmail-Clients.

Die beliebtesten E-Mail-Clients und Webmail-Clients sollten als die "primären Kunden" Ihrer Zielgruppe betrachtet werden. Sie sollten die E-Mail-Design- und -Entwicklungsstrategie definieren. Als Richtwert sollte sich der Prozentsatz der kollektiven Beliebtheit auf mindestens 60-70% belaufen und aus zwei oder drei E-Mail- und / oder Webmail-Clients bestehen.

Die verbleibenden 30-40% sollten als „sekundäre Kunden“ Ihrer Zielgruppe betrachtet werden..

Ihre E-Mail-Design- und -Entwicklungsstrategie sollte so formuliert sein, dass Folgendes für Ihre primären Kunden erreicht wird:

1. Stellen Sie sicher, dass Ihre E-Mail-Kampagnen einwandfrei rendern.
2. Stellen Sie sicher, dass Ihre E-Mail-Kampagnen einfach zu bedienen sind, indem Sie beispielsweise Schaltflächen verwenden, die in ihrem gesamten Bereich ausgewählt werden können.
   
3. Nutzen Sie, soweit möglich, Funktionen innerhalb der E-Mail- und Webmail-Clients, die die Abonnentenerfahrung aufwerten.

Und liefern Sie auf den „Zweitkunden“ Ihrer Zielgruppe Folgendes:

1. Stellen Sie sicher, dass die Nachrichten und Handlungsaufforderungen Ihrer E-Mail-Kampagne klar sind. Auch wenn sie möglicherweise nicht einwandfrei oder genau wie die "primären Kunden" dargestellt werden, verlieren Sie nicht zu viel Schlaf.
2. Stellen Sie sicher, dass Ihre E-Mail-Kampagnen einfach zu bedienen sind.

Nachdem Sie die "Hauptkunden" und "Sekundärkunden" Ihrer Zielgruppe festgelegt haben, können Sie fast mit der Formulierung Ihrer E-Mail-Design- und -Entwicklungsstrategie beginnen. Bevor Sie dies tun, müssen Sie jedoch ihre einzigartigen Merkmale kennen, um sicherzustellen, dass Sie eine großartige Abonnentenerfahrung erhalten.

4. Identifizieren Sie "primäre" und "sekundäre Kunden".

Wenn Sie Ihre primären und sekundären Kunden richtig verstehen, können Sie bei der Formulierung Ihrer E-Mail-Design- und -Entwicklungsstrategie gute Planungs- und Entwicklungsentscheidungen treffen.

Obwohl nicht erschöpfend, sind hier einige Eigenschaften und unterstützte Funktionen einiger der beliebten E-Mail- und Webmail-Clients aufgeführt. Es sei darauf hingewiesen, dass einige der Standardmerkmale durch E-Mail-Hacks verbessert oder beseitigt werden können.

Designmerkmale und unterstützte Funktionen

E-Mail-Client / Webmail-Client	Design Merkmale und unterstützte Funktionen
Microsoft Outlook	Nicht ansprechendes, festes Layout Keine Webfonts Keine animierten GIFs Keine Hintergrundbilder (ohne die kugelsicheren Hintergrundbilder per E-Mail-Hack)
iOS	Responsives Layout Web-Schriften Animierte GIFs Hintergrundbilder Zeigt einige Inhalte an (Zahlen, Datumsangaben und verwandte Begriffe wie bis um), Als blaue Links oder graue Links (ohne den blauen Link-Hack zu implementieren)
Google Mail	Responsives Layout Keine Webfonts Animierte GIFs Hintergrundbilder (außer in der Google Mail-App für Abonnenten mit einem anderen Konto als Google Mail)

Entwicklungsmerkmale und unterstützte Funktionen

E-Mail-Client / Webmail-Client

Entwicklung Merkmale und unterstützte Funktionen

Microsoft Outlook

Benötigt s zum Erstellen einer E-Mail-Struktur iOS Unterstützt s und / oder  s zum Erstellen einer E-Mail-Struktur Google Mail Unterstützt s und / oder  s zum Erstellen einer E-Mail-Struktur Erfordert Inline-CSS für das Design wesentlicher Elemente in einigen Versionen, einschließlich Gmail unter Android 5.1, Gmail unter Android 6.1 und Gmail App IMAP Nachdem Sie die primären und sekundären Kunden Ihrer Zielgruppe ermittelt und deren Eigenschaften verstanden haben, können Sie eine E-Mail-Design- und -Entwicklungsstrategie formulieren. 5. Formulieren Sie Ihre Design- und Entwicklungsstrategie Mit den Erkenntnissen aus Ihren E-Mail-Analyseberichten und Ihrem Verständnis der verschiedenen Kunden Ihrer Zielgruppe können Sie nun Ihre Strategie formulieren. Denken Sie daran, Ihr Ziel ist es, Ihrer Zielgruppe ein großartiges Teilnehmererlebnis zu bieten. Wenn Sie mehrere Zielgruppen haben, müssen Sie für jedes Ziel eine Strategie erstellen. Was beinhaltet eine E-Mail-Design- und Entwicklungsstrategie? Eine Design- und Entwicklungsstrategie besteht aus vier Schlüsselelementen; Jeder von den primären Kunden der Zielgruppe informiert und beeinflusst. Die Schlüsselelemente sind: Eine Annäherung an das Design. Ein Ansatz zur Entwicklung. Ein Ansatz für progressive Verbesserungen. Eine Begründung, die das Denken hinter der Strategie umreißt. Beispielstrategien Hier einige Beispielstrategien für echte Zielgruppen mit den E-Mail- und Webmail-Clients, die die in Klammern angegebenen Vorgehensweisen beeinflussen. Strategie # 1 Hauptkunden Microsoft Outlook (50%) iOS Mail (20%) Google Mail (10%) Design Festes Layout (Microsoft Outlook) und responsives Layout (iOS Mail / Gmail auf dem Handy) Websichere Schriftarten (Microsoft Outlook) (Diese werden bei Google Mail unter Android durch native Schriftarten überschrieben) Entwicklung Struktur oder Struktur innen verpackt Geist Struktur (Microsoft Outlook / iOS Mail) Überschrift und Überschriften Schriftgröße Größe, um in den mobilen Viewport zu passen, mit @Medien Abfrage, die zum Vergrößern verwendet wird Schriftgröße für Desktop (Gmail) Progressive Enhancement Web-Schriftarten, die im Stil der web-sicheren Schrift ähneln, um die Integrität des Designs zu gewährleisten (iOS Mail) Begründung Da die meisten Zielgruppen Microsoft Outlook verwenden, a Fest E-Mail-Client: E-Mails sollten in erster Linie für die Anzeige auf und die Interaktion mit dem Desktop konzipiert sein. Aufgrund der fehlenden Unterstützung für Web-Fonts sollten auch Web-Safe-Fonts verwendet werden. Fortlaufende Verbesserungstechniken können implementiert werden, um einige der Design- und Entwicklungsfunktionen der anderen E-Mail-Clients und Webmail-Clients, die von dieser Zielgruppe verwendet werden, wie Webschriftarten für iOS Mail und animierte GIFs für Gmail, zu nutzen, obwohl entsprechende E-Mail-Hacks erforderlich sind implementiert werden, um sicherzustellen, dass Microsoft Outlook Fallback-Schriftarten nicht als Times darstellt. Strategie # 2 Hauptkunden iOS Mail (40%) Google Mail (30%) Design Handy, Mobiltelefon  Responsives Layout (iOS Mail / Gmail auf dem Handy) Webfonts oder webfeste Schriftarten (Diese werden in Google Mail unter Android durch native Schriftarten überschrieben) Entwicklung Struktur oder  Struktur innen verpackt Geist Struktur (wenn einer der "sekundären Clients" Microsoft Outlook ist) Überschrift und Überschriften Schriftgröße Größe, um in den mobilen Viewport zu passen, mit @Medien Abfrage, die zum Vergrößern verwendet wird Schriftgröße für Desktop (Gmail) Progressive Enhancement Web-Schriftarten, die im Stil der web-sicheren Schrift ähneln, um die Integrität des Designs zu gewährleisten (iOS Mail) Begründung Da die meisten Zielgruppen iOS Mail verwenden, können Sie kreativer sein, da Sie mehr Design- und Entwicklungsfunktionen nutzen können, z. B. die Möglichkeit, Webschriftarten für Ihre Überschriften und Überschriften zu verwenden. Die Verwendung von Google Mail ist bei dieser Zielgruppe von größerer Bedeutung. Aufgrund der Zwischenspeicherung von Google ist es jedoch nicht möglich, zu ermitteln, welche Version sie verwenden und ob sie internes CSS unterstützt. Wie bei der Strategie # 01 muss die E-Mail daher so entwickelt werden, dass sie auf mobilen Geräten funktioniert, ohne auf internes CSS und CSS angewiesen zu sein @Medien Anfragen. Was sind Geistertabellen?? Geister-Tische sind  Elemente, die nur für die Wiedergabe in Microsoft Outlook erstellt wurden. Als solche ihre Eröffnung , und , und  Tags und ihre Schließung Tags werden in bedingte Kommentare von Microsoft eingebettet -  zum Beispiel. Mit ihnen können Sie E-Mails für Microsoft Outlook erstellen und E-Mails für andere E-Mail- und Webmail-Clients erstellen s. Emails erstellen mit Damit stellen Sie sicher, dass Ihre E-Mails erreichbar sind, und profitieren von der Flexibilität, mit der Sie arbeiten können s bietet, wie zum Beispiel die Nutzung der schweben  Eigentum. Fazit Wie Sie in diesem Lernprogramm erfahren haben, ist es wichtig, eine E-Mail-Design- und -Entwicklungsstrategie zu haben, wenn Sie Ihrer Zielgruppe eine großartige Abonnentenerfahrung bieten möchten. Es ist auch wichtig, die Berichte in Ihrem E-Mail-Analysetool regelmäßig erneut auszuführen und zu analysieren, da Ihre Zielgruppe von Zeit zu Zeit ihren bevorzugten E-Mail-Client oder Webmail-Client ändern kann. Web-Design So rahmen Sie Ihr Webcam-Video wie ein Profi ein Formatieren von Tabellenkalkulationen in Excel mit Formatvorlagen ×