Was jeder Vermarkter über das E-Mail-Layout wissen muss

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

Eine großartige E-Mail ist wie eine Symphonie. Dutzende Teile 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 Befragten gibt an, dass schlechtes Design ihre größte E-Mail-Beschwerde ist. Unterdessen sagen 66 % der Menschen, dass Probleme wie schlecht gestaltete E-Mails, allgemeine Inhalte oder E-Mails, die nicht für Mobilgeräte optimiert sind, sie davon abhalten, Geld für eine 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, deshalb haben wir die Dinge in verdauliche Tipps (mit Beispielen) unterteilt.

1. Mobil ist ein Muss

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

Quelle: DMA

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

Selbst dann öffnen die Leute oft dieselbe E-Mail mehrmals auf verschiedenen Geräten. Beispielsweise klickt sich eine große Mehrheit in allen Altersgruppen nicht durch den Call-to-Action (CTA), um einen Kauf abzuschließen. Sie warten entweder, bis sie auf einem Desktop sind, 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 responsive 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

Etwa 12 Millionen Menschen über 40 in den USA leiden an irgendeiner Art von Sehbehinderung. Inzwischen leiden 8 % der Männer und ein halbes Prozent der Frauen an Farbenblindheit oder einem Farbmangel.

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

• Vermeiden Sie blinkende Bilder für Menschen mit Epilepsie

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

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

• Vermeiden Sie komplizierte Vokabeln und lange Sätze

3. Vernachlässigen Sie nicht die Betreffzeilen und die Textvorschau

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

Auf mobilen Bildschirmen wird Ihre Betreffzeile beispielsweise 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 die Abonnenten in ihren Push-Benachrichtigungen nur den ersten oder zweiten Satz Ihrer E-Mail.

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

Quelle: Gmail

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

Gehen Sie weit zurück zum Fotografieunterricht der High School und denken Sie an einige grundlegende Kompositionsstrategien. Erstellen Sie ein E-Mail-Layout, das die Augen Ihrer Empfänger 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: Gmail

5. Denken Sie an Farben und Branding

Der Trick dabei ist, Ihre Markenfarben mit leuchtenden Kontrastfarben zu kombinieren.

Große Marken planen weit im Voraus, welche Farben sie in Marketingmaterial für saisonale Feiertage, CTA-Buttons und einzigartige Spritzer verwenden werden.

Betrachten Sie hier die Farbpsychologie. Helles Pink oder Neon eignen sich gut, um Dringlichkeit während eines Verkaufs zu vermitteln, aber gedämpftes Blau oder Grün ist besser, um beispielsweise bei Newslettern eine ruhige Atmosphäre zu schaffen.

Schauen Sie sich noch einmal UNICEF 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 helfen, Aufmerksamkeit zu erregen, Ihre Botschaft zu erklären und sich auf die Empfänger zu beziehen.

Vermeiden Sie es, Bilder nur der Sache wegen einzufügen. Die Designexperten von Nielsen Norman stellten fest, dass E-Mail-Abonnenten verwirrt oder frustriert sind, wenn Marken und Organisationen zufällige Bilder einfügen – sogar hochwertige.

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

Quelle: Gmail

7. Erregen Sie Aufmerksamkeit mit GIFs

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 sie 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 GIFs möglicherweise nicht unterstützen.

DavidsTea verwendete ein effektives GIF, 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 das gleiche E-Mail-Layout an alle senden. Tatsächlich ist es am besten, wenn Sie dies nicht tun. 67 % der Menschen erwarten, dass Marken personalisierte Inhalte anbieten, und 42 % ärgern sich, 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 herausfordernde Arbeit.

Hier ist eine Momentaufnahme dessen, wie dynamischer Inhalt aussieht.

Quelle: Emma

9. Leerraum ist dein Freund

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

Verwenden Sie Leerraum, um Ihren Text aufzulockern und den Leser durch die E-Mail zu führen.

Leerraum erleichtert nicht nur das Lesen von E-Mails, sondern kompensiert auch die Idee, dass Menschen Inhalte scannen (anstatt jedes Wort zu lesen).

10. Verwenden Sie einen anklickbaren CTA-Button

Hyperlinks können auf mobilen Bildschirmen schwierig anzuklicken sein – besonders wenn Ihr Text klein ist oder die Links zu nah beieinander liegen.

Entwerfen Sie stattdessen ein E-Mail-Layout mit einem klaren CTA und einem großen hellen Button.

Die Nielsen Norman Group stellte fest, dass auch kontrastierende Farben wichtig sind. Ihr CTA-Button sollte sich nicht vermischen.

Sie stellen auch fest, dass die Kopie des CTA-Buttons 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 „Jetzt antworten“ oder „Hier einkaufen“.

Das American Enterprise Institute bietet zwei eindeutige CTAs, sodass es keine Frage gibt, was sich hinter dem Link verbirgt.

Quelle: Gmail

11. Fügen Sie interaktive Inhalte hinzu

Interaktive Inhalte sind nützlich, weil sie es Abonnenten ermöglichen, herumzuklicken, ohne aus der E-Mail zu navigieren – was das Engagement steigert.

Sie können interaktive Inhalte für Rezensionen, Spiele, Quiz 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 Zielseiten

Viele Vermarkter vergessen, ihre Zielseiten 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 sich blitzschnell öffnen.

Vergessen Sie nicht, die gleiche Stimme, den gleichen Ton und die gleichen Farben zu verwenden, die Sie im E-Mail-Layout verwendet haben. Ebenso wichtig ist es sicherzustellen, dass der Inhalt Ihrer Zielseiten den Erwartungen an die Schaltfläche oder den Link entspricht.

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

UNICEF hatte eine für Mobilgeräte optimierte Zielseite bereit, um hinter ihre Urlaubsspenden-E-Mail zu gehen.

Quelle: Gmail

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

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

Mit Emma können Sie Tests für verschiedene E-Mail-Clients durchführen, während Sie Ihr Layout entwerfen, 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 die beste Erfahrung an Folgendes:

• Priorisieren Sie das mobile Erlebnis und die Zugänglichkeit

• Machen Sie Ihre CTAs klar und sichtbar

• Erstellen Sie einen nahtlosen Ablauf und ein nahtloses Erlebnis (einschließlich Ihrer Zielseiten)

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

Möchten Sie Ihre E-Mails verbessern? Erfahren Sie mehr über die dynamischen Inhalte von Emma und machen Sie Ihre E-Mails so einzigartig wie Ihre Abonnenten.