Was jeder Marketer über E-Mail-Layout wissen muss

Hier ist die Wahrheit: Es gibt kein großes Geheimnis, ein erfolgreiches E-Mail-Layout zu erstellen.

Eine großartige E-Mail ist wie eine Symphonie. Dutzende von Teilen arbeiten zusammen – einige hinter den Kulissen, andere sichtbar – um ein atemberaubendes und funktionales Erlebnis zu schaffen.

Ihr Layout kann sich auch direkt auf Ihr Endergebnis auswirken.

Ein Drittel der Menschen sagt, dass schlechtes Design ihre größte E-Mail-Beschwerde ist. Inzwischen sagen 66 % der Menschen, dass Probleme wie schlecht gestaltete E-Mails, generische Inhalte oder E-Mails, die nicht für Mobilgeräte optimiert sind, sie davon abhalten, Geld bei einer Marke auszugeben.

Kommen wir zurück zu den Grundlagen. In diesem Beitrag gehen wir auf Best Practices und Trends für das E-Mail-Layout für 2020 ein, damit Sie Ihre Abonnenten begeistern und die Conversions steigern können.

13 Best Practices für das E-Mail-Layout, um Ihre Abonnenten im Jahr 2020 zu beeindrucken

E-Mail-Layouts können kompliziert sein, daher haben wir die Dinge in verdauliche Tipps (mit Beispielen) unterteilt.

1. Mobil ist ein Muss

Ungefähr 54 % aller E-Mails werden auf mobilen Geräten geöffnet, aber verschiedene Altersgruppen haben einzigartige Gewohnheiten.

Quelle: DMA

Wie Sie sehen, öffnen Menschen unter 35 Jahren ihre E-Mails eher auf ihren Smartphones – während die über 55-Jährigen Laptops und Desktops bevorzugen.

Selbst dann öffnen Menschen oft dieselbe E-Mail mehrmals auf verschiedenen Geräten. Beispielsweise klickt eine große Mehrheit in allen Altersgruppen nicht durch den Call-to-Action (CTA), um einen Kauf abzuschließen. Sie warten entweder, bis sie sich auf einem Desktop befinden, oder navigieren direkt zur Website der Marke.

Quelle: DMA

Um ein nahtloses Erlebnis zu schaffen, müssen Sie sich entscheiden, ob Sie mobilfreundliche E-Mails oder reaktionsschnelle E-Mails erstellen möchten.

Es ist wichtig, den Unterschied zwischen den beiden zu kennen:

• Für Mobilgeräte optimierte E-Mails sehen auf jedem Gerät gleich aus, sind jedoch auf Funktionen wie einspaltige Layouts angewiesen

• Responsive E-Mails sind dynamisch – das Layout ändert sich je nachdem, wo ein Abonnent die E-Mail öffnet

2. Priorisieren Sie die Zugänglichkeit des E-Mail-Layouts

Ungefähr 12 Millionen Menschen über 40 in den USA leiden an einer Art Sehbehinderung. Mittlerweile leiden 8% der Männer und ein halbes Prozent der Frauen an Farbenblindheit oder einem Farbmangel.

Es ist wichtig, dass Ihre Layouts für alle zugänglich sind. Beachten Sie diese Tipps:

• Vermeiden Sie blinkende Bilder für Menschen mit Epilepsie

• Segmentieren Sie Ihre Abonnentenliste nach Alter und erstellen Sie einzigartige E-Mails für die Altersgruppen über 40 und über 65 Jahre

• Verwenden Sie großen Text und viel Platz zwischen den einzelnen Zeilen

• Vermeide kompliziertes Vokabular und lange Sätze

3. Betreffzeilen und Vorschautexte nicht vernachlässigen

Die Leute neigen dazu, Betreffzeilen und Vorschautext als Teil ihrer Kopie zu betrachten – aber diese beiden Elemente spielen auch beim Layout eine große Rolle.

Auf mobilen Bildschirmen wird beispielsweise Ihre Betreffzeile nach 30 oder 35 Zeichen abgeschnitten.

Bei den meisten E-Mail-Dienstanbietern können Sie auch Ihren eigenen Vorschautext schreiben, also vernachlässigen Sie ihn nicht. Andernfalls sehen Abonnenten nur den ersten oder zwei Sätze Ihrer E-Mail in ihren Push-Benachrichtigungen.

Hier sind einige hervorgehobene Beispiele für Vorschautext. Beachten Sie auch die hochpersonalisierte und umsetzbare Betreffzeile von Google AdSense.

Quelle: Google Mail

4. Verwenden Sie einen nahtlosen „Flow“ in Ihrem E-Mail-Layout

Denken Sie an einige grundlegende Kompositionsstrategien zurück, wenn Sie zurück zum Highschool-Fotounterricht gehen. Erstellen Sie ein E-Mail-Layout, das die Augen Ihres Empfängers beim Scrollen auf der Seite zum CTA führt.

Sie haben hier zwei Hauptoptionen:

1. Umgekehrte Pyramide

2. Z-Form

UNICEF hat es geschafft, beide Stile in dieser E-Mail effektiv zu verwenden.

Quelle: Google Mail

5. Erinnere dich an Farben und Branding

Der Trick hier besteht darin, Ihre Markenfarben mit leuchtenden Kontrastfarben zu vermischen.

Große Marken planen weit im Voraus, mit welchen Farben sie in Marketingmaterialien für saisonale Feiertage, CTA-Buttons und einzigartige Spritzer verwendet werden.

Betrachten Sie hier die Farbpsychologie. Helles Pink oder Neon eignen sich gut, um Dringlichkeit während eines Verkaufs zu vermitteln, aber gedeckte Blau- oder Grüntöne sind besser, um beispielsweise bei Newslettern eine ruhige Atmosphäre zu schaffen.

Schauen Sie sich UNICEF noch einmal an. Während sie sich normalerweise an das „USA-Blau“ halten, das alle UN-Agenturen verwenden, haben sie auch eine erweiterte Palette mit leuchtenden Farben, um Aufmerksamkeit zu erregen.

Quelle: UNICEF

Nochmals: Vergessen Sie nicht, die Zugänglichkeit für Menschen mit Sehbehinderungen oder Farbmängeln zu berücksichtigen.

6. Wählen Sie relevante Bilder aus

Bilder sind auf vielen Ebenen wichtig. Die von Ihnen ausgewählten Grafiken können dazu beitragen, Aufmerksamkeit zu erregen, Ihre Nachricht zu erklären und sich auf die Empfänger zu beziehen.

Vermeiden Sie es, Bilder nur so einzufügen. Die Designexperten von Nielsen Norman haben herausgefunden, dass E-Mail-Abonnenten verwirrt oder frustriert sind, wenn Marken und Organisationen zufällige Bilder einfügen – auch qualitativ hochwertige.

Wählen Sie stattdessen Bilder aus, die sich direkt auf Ihr Produkt oder das Konzept beziehen, das Sie in Ihrer Nachricht vermitteln möchten – wie es Penn LPS Online unten getan hat.

Quelle: Google Mail

7. Mit GIFs auffallen

Videos eignen sich hervorragend, um das Engagement in E-Mails zu steigern – aber leider unterstützen die meisten E-Mail-Clients keine eingebetteten Wiedergabefunktionen. GIFs bieten eine perfekte Alternative zu Videos.

GIFs machen es einfach, komplexe Themen zu erklären und können Ihren ROI sogar um 109% steigern.

Stellen Sie beim Erstellen von GIFs sicher, dass sie Ihre E-Mail-Geschwindigkeit nicht verlangsamen – dies ist nicht ideal für mobile Leser. Denken Sie auch daran, dass E-Mail-Clients der alten Schule möglicherweise keine GIFs unterstützen.

DavidsTea hat ein effektives GIF verwendet, um zu erklären, wie ihre Flasche funktioniert.

Quelle: Wirklich gute E-Mails

8. Betrachten Sie ein dynamisches E-Mail-Layout

Sie müssen nicht an alle dasselbe E-Mail-Layout senden. Tatsächlich ist es am besten, wenn Sie dies nicht tun. 67 % der Menschen erwarten, dass Marken personalisierte Inhalte anbieten, und 42 % sind verärgert, wenn Inhalte nicht personalisiert sind.

Glücklicherweise können Sie mit E-Mail-Clients wie Emma dynamische E-Mails senden, die für jeden Abonnenten einzigartig sind.

Dynamische Inhalte verwenden Daten, die Sie über Ihre Abonnenten gesammelt haben, und verwenden sie, um hyperpersonalisierte Kampagnen zu senden. Wenn Ihr Abonnent beispielsweise dazu neigt, E-Mails in Gmail für Android zu öffnen und am besten auf blaue CTA-Schaltflächen reagiert, erhält er speziell für ihn codierte Kampagnen.

Im Backend müssen Sie nur eine E-Mail gestalten. Künstliche Intelligenz (KI) übernimmt die Kontrolle über die anspruchsvolle Arbeit.

Hier ist eine Momentaufnahme, wie dynamische Inhalte aussehen.

Quelle: Emma

9. Weißraum ist dein Freund

Große Textblöcke neigen dazu, die Leser abzuschrecken.

Verwenden Sie Leerzeichen, um Ihre Kopie aufzuteilen und die Leser durch die E-Mail zu führen.

Leerzeichen erleichtern nicht nur das Lesen von E-Mails, sondern gleichen auch die Vorstellung aus, dass Benutzer Inhalte scannen (anstatt jedes Wort zu lesen).

10. Verwenden Sie eine anklickbare CTA-Schaltfläche

Hyperlinks können auf mobilen Bildschirmen schwer anzuklicken sein – insbesondere wenn Ihr Text klein ist oder die Links zu eng beieinander liegen.

Entwerfen Sie stattdessen ein E-Mail-Layout mit einem klaren CTA und einer großen hellen Schaltfläche.

Die Nielsen Norman Group stellte fest, dass auch kontrastierende Farben wichtig sind. Ihre CTA-Schaltfläche sollte sich nicht einfügen.

Sie weisen auch darauf hin, dass das Kopieren der CTA-Schaltfläche wichtig ist. „Erste Schritte“ ist zu zweideutig und fühlt sich für die Leser oft irreführend an. Wählen Sie stattdessen klare, umsetzbare Wörter wie "RSVP now" oder "Shop here".

Das American Enterprise Institute bietet zwei klare CTAs, sodass keine Frage mehr darüber besteht, was sich hinter dem Link verbirgt.

Quelle: Google Mail

11. Integrieren Sie interaktive Inhalte

Interaktiver Inhalt ist nützlich, da er es den Abonnenten ermöglicht, herumzuklicken, ohne aus der E-Mail zu navigieren – was das Engagement steigert.

Sie können interaktive Inhalte für Rezensionen, Spiele, Quizfragen und mehr verwenden.

Hier ist ein Beispiel für ein interaktives Quiz von GoDaddy. Wenn Sie auf die Antworten klicken, werden Sie durch verschiedene Fragen geführt.

Quelle: Wirklich gute E-Mails

12. Vergessen Sie nicht die Landingpages

Viele Marketer vergessen, ihre Landing Pages mit dem gleichen Layout und Design wie ihre E-Mails zu optimieren.

Abonnenten erwarten ein nahtloses Erlebnis, sobald sie auf eine CTA-Schaltfläche oder einen Link in Ihren E-Mails klicken. Nutzen Sie nach Möglichkeit beschleunigte mobile Seiten, die blitzschnell geöffnet werden.

Vergessen Sie nicht, dieselbe Stimme, denselben Ton und dieselben Farben wie im E-Mail-Layout zu verwenden. Ebenso wichtig ist es, sicherzustellen, dass der Inhalt Ihrer Zielseiten den Erwartungen des Buttons oder Links entspricht.

Mit anderen Worten, vermeiden Sie Clickbait und erklären Sie klar, was sich auf der anderen Seite des Links befindet, um Vertrauen aufzubauen.

UNICEF hatte eine mobilfreundliche Zielseite, die bereit war, hinter ihrer Urlaubsspenden-E-Mail zu stehen.

Quelle: Google Mail

13. Führen Sie viele E-Mail-Layout-Tests durch

Schließlich besteht die einzige Möglichkeit, sicherzustellen, dass Ihr Layout für jeden Abonnenten perfekt aussieht, darin, Tests durchzuführen.

Mit Emma können Sie beim Entwerfen Ihres Layouts Tests für verschiedene E-Mail-Clients ausführen, damit Sie nie raten müssen.

Als Nächstes sollten Sie A/B-Tests durchführen, um zu sehen, welche Arten von Layouts in verschiedenen Segmenten Ihrer Zielgruppe am besten abschneiden. Was Sie lernen, könnte Sie überraschen.

Einpacken

Das E-Mail-Layout umfasst mehrere bewegliche Teile – manchmal sogar buchstäblich. Denken Sie für das beste Erlebnis daran:

• Priorisieren Sie die mobile Erfahrung und Zugänglichkeit

• Machen Sie Ihre CTAs klar und sichtbar

• Schaffen Sie einen nahtlosen Ablauf und eine nahtlose Erfahrung (einschließlich Ihrer Landingpages)

• Führen Sie Tests für verschiedene E-Mail-Clients und Abonnenteneinstellungen durch

Möchten Sie Ihre E-Mails aufpeppen? Erfahren Sie mehr über Emmas dynamische Inhalte und machen Sie Ihre E-Mails so einzigartig wie Ihre Abonnenten.