Gestalten Sie Ihre mobilen E-Mails, um die Konversion vor Ort zu steigern

Veröffentlicht: 2022-03-10
Kurze Zusammenfassung ↬ E-Mail ist ein großartiges Tool, um zunächst Leads von einer Website zu gewinnen und sie später zu konvertieren und zu halten. Aber so wie Sie jetzt mit einer Mobile-First-Mentalität an das Webdesign herangehen, sollte derselbe Wechsel erfolgen, wenn Sie E-Mail-Marketingkampagnen für Ihre Kunden entwerfen. Hier sind einige Fakten und Tipps, die Sie zum Entwerfen von Mobile-First-E-Mails wissen müssen.

Ich finde es interessant, dass Google Webdesigner so sehr dazu gedrängt hat, von der primären Desktop-Entwicklung zur primären Entwicklung für Mobilgeräte überzugehen. Google hat Recht… aber warum sollten Sie sich nur darauf konzentrieren, Websites so zu gestalten, dass sie mobile Nutzer ansprechen? Schließlich ist Gmail auch in den Reihen der E-Mail-Clients führend.

Laut einem Bericht von Barilliance aus dem Jahr 2019 kann E-Mail ein unglaublich starker Conversion-Treiber für Websites sein.

Im Durchschnitt konvertieren E-Mails mit einer Rate von 1,48 %. Dies schließt jedoch alle gesendeten E-Mails ein – einschließlich derer, die ungeöffnet bleiben, sowie derer, die zurückgesendet werden. Wenn Sie sich jedoch E-Mails ansehen, die von Empfängern geöffnet werden, steigt die durchschnittliche Conversion-Rate auf 17,75 % .

Gehen wir noch weiter damit:

Aktuelle Daten von Lackmus zeigen, dass mehr E-Mails auf Mobilgeräten geöffnet werden als auf jedem anderen Gerät:

Lackmus-E-Mail öffnet Daten
Lackmus-Daten zeigen, dass 43 % der E-Mail-Öffnungen auf Mobilgeräten erfolgen. (Quelle: Lackmus) (Große Vorschau)

Viele Quellen beziffern die durchschnittliche mobile Öffnungsrate sogar auf weit über 50 %. Aber egal, ob es 43 % oder 50 % oder mehr sind, es ist klar, dass das Handy am häufigsten das erste Gerät ist, zu dem Menschen greifen, um ihre E-Mails zu lesen.

Was uns zu folgendem Schluss bringt:

Wenn Benutzer E-Mails eher auf Mobilgeräten öffnen und wir wissen, dass geöffnete E-Mails schneller konvertiert werden als ungeöffnete, wäre es dann nicht sinnvoll, wenn Designer beim Entwerfen von E-Mails dem mobilen Erlebnis Priorität einräumen?

Mehr nach dem Sprung! Lesen Sie unten weiter ↓

Designtipps für mobile E-Mails zur Steigerung der Conversions

Lassen Sie uns untersuchen, was die neuesten Forschungsergebnisse über die Gestaltung von E-Mails für mobile Benutzer aussagen und wie diese verwendet werden können, um Öffnungen, Klicks und später die Konversionsraten Ihrer Website (auf Mobilgeräten und Desktops) zu erhöhen.

Entwerfen Sie dieselbe E-Mail für Mobilgeräte und Desktops

Obwohl E-Mail oft als der effektivste Marketingkanal für die Gewinnung und Bindung von Kunden eingestuft wird, ist das nicht wirklich ein genaues Bild davon, was vor sich geht.

Laut Campaign Monitor passiert Folgendes tatsächlich mit mobilen E-Mail-Abonnenten:

Campaign Monitor mobile CTR-Daten
Campaign Monitor zeichnet den Fortschritt von mobilen E-Mail-Öffnungen bis zur Klickrate auf. (Quelle: Campaign Monitor) (Große Vorschau)

Die Öffnungsraten auf Mobilgeräten liegen etwas auf dem Niveau der früheren Lackmus-Daten.

Es kann jedoch mehrere Öffnungen dauern, bis der E-Mail-Empfänger tatsächlich auf einen Link oder ein Angebot in einer E-Mail klickt. Und rate was? Etwa ein Drittel von ihnen wechselt zum Desktop – wo sie mit einer höheren Rate konvertieren als diejenigen, die auf dem Handy bleiben.

Wie es im Bericht heißt:

Daten aus fast 6 Millionen E-Mail-Marketingkampagnen deuten darauf hin, dass die Umstellung auf Mobilgeräte es schwieriger gemacht hat, Leser dazu zu bringen, sich mit Ihren Inhalten zu beschäftigen, es sei denn, Sie können nachfolgende Öffnungen in einer anderen Umgebung vorantreiben.

Ich habe die obige Grafik rekonstruiert und mit der Anzahl der Personen gefüllt, die aus einer E-Mail-Liste mit 1.000 Empfängern Maßnahmen ergreifen würden:

Campaign Monitor mobile Öffnungs- und Klickdaten
Ein Beispiel dafür, wie die Daten von Campaign Monitor in reale Zahlen übersetzt werden. (Quelle: Campaign Monitor) (Große Vorschau)

Auf den ersten Blick sieht es so aus, als ob Mobile der klare Gewinner ist – zumindest was den Traffic auf der Website angeht. Nach dem ersten Mobile Open gehen 32 Abonnenten direkt auf die Website. Nach ein paar weiteren Öffnungen auf dem Handy gehen 5 weitere dorthin.

Ohne eine Aufschlüsselung, wie die Benutzerreise aussieht, wenn sie auf dem Desktop geöffnet wird, ist die Berechnung zusätzlicher Klicks, die Sie von diesem Teil der Liste erhalten würden, jedoch nicht so einfach.

Nehmen wir jedoch an, dass die Schätzung von Litmus von 18 % Desktop-Öffnungen korrekt ist und dass die Klickrate von Campaign Monitor von 12,9 % zutrifft, unabhängig davon, ob sie die E-Mail zuerst auf dem Mobilgerät oder auf dem Desktop öffnen. Ich denke, man kann mit Sicherheit sagen, dass 23 reine Desktop-E-Mail-Öffnungen zur Gesamtzahl hinzugefügt werden können.

Das bringt es also zu:

37 Klicks auf dem Handy vs. 26 auf dem Desktop.

Fazit: Während Mobile sicherlich mehr E-Mail-Abonnenten auf eine Website bringt, kann die Conversion-Freundlichkeit von Desktop nicht ignoriert werden.

Aus diesem Grund möchten Sie Ihre Listen nicht nach Geräten segmentieren. Wenn Sie die Anzahl der Conversions maximieren möchten, die Sie aus einer Kampagne erzielen, ermöglichen Sie Abonnenten, nahtlos von einem Gerät zum anderen zu wechseln, während sie entscheiden, welche Aktionen mit Ihren E-Mails durchgeführt werden sollen.

Mit anderen Worten: Entwerfen Sie exakt dieselbe E-Mail für Desktop und Mobilgerät. Gehen Sie jedoch davon aus, dass die Mehrheit der Abonnenten die E-Mail auf ihrem Mobilgerät öffnen wird (es sei denn, historische Daten Ihrer Kampagnen sagen etwas anderes aus). Verwenden Sie dann Mobile-First-Design- und Marketingtipps, um eine E-Mail zu erstellen, die für alle Abonnenten geeignet ist, unabhängig vom Gerät.

Berücksichtigen Sie bei der Auswahl Ihrer Farben den dunklen Modus

Sie möchten nicht, dass Ihren Benutzern etwas im Wege steht, wenn es darum geht, von der E-Mail zur Website zu wechseln. Aus diesem Grund müssen Sie berücksichtigen, wie sich die Wahl der Farbe und Helligkeit für den mobilen Bildschirm auf die Lesbarkeit oder das allgemeine Erscheinungsbild Ihres E-Mail-Designs auswirkt.

Es gibt eine Reihe von Möglichkeiten, wie dies zu einem Problem werden kann.

Da wir immer mehr darüber hören, wie schädlich blaues Licht von unseren Geräten sein kann, ist es keine Überraschung, dass Dark Mode-Optionen eingeführt werden. Während es derzeit auf Desktops weit verbreitet ist, befindet es sich hauptsächlich in der Beta für Mobilgeräte. Dasselbe gilt für E-Mail-Apps.

Allerdings können Smartphone-Nutzer ihren eigenen „Dark Mode“ hacken. Diese Art der Farbumkehrung kann über die „Eingabehilfen“-Einstellungen des iPhones aktiviert werden.

Gadget-Hacks iPhone „Dark Mode“-Hack
Gadget Hacks zeigt, wie iPhone-Nutzer ihren eigenen „Dark Mode“ hacken können. (Quelle: Gadget Hacks) (Große Vorschau)

Im Wesentlichen werden dadurch alle Farben auf dem Bildschirm von hell nach dunkel und umgekehrt invertiert.

Leider erlaubt mir das Screenshot-Tool auf meinem iPhone nicht, die Farben genau so aufzunehmen, wie sie erscheinen. Was ich Ihnen jedoch zeigen kann, ist, wie das Inversionstool die Farbe Ihres E-Mail-Designs ändert.

Dies ist eine E-Mail, die ich letzte Woche von Amtrak erhalten habe. Es ist ziemlich Standard mit seiner Markenfarbpalette und bunten Hinweisen und CTA-Buttons:

Amtrak-E-Mail in der mobilen Gmail-App
So sieht eine Werbe-E-Mail von Amtrak in der mobilen Gmail-App aus. (Quelle: Amtrak) (Große Vorschau)

Nun, hier ist, wie dieselbe E-Mail aussieht, wenn sie über die „Smart Invert“-Einstellung meines iPhones angezeigt wird:

Amtrak-E-Mail mit invertierten Farben
So sieht eine Werbe-E-Mail von Amtrak in Google Mail aus, wenn die Farben invertiert sind. (Quelle: Amtrak) (Große Vorschau)

Das cleane Design des Originals mit der weißen Schrift auf den tiefblauen Markenfarben ist weg. Jetzt gibt es an seiner Stelle eine grelle Farbmischung und ein schwer lesbares Amtrak-Logo.

Sie können sich vorstellen, wie diese Art von inkonsistenter und unzusammenhängender Farbanzeige ein abschreckendes Erlebnis für mobile Benutzer schaffen würde.

Aber was erwartest du von ihnen? Wenn sie mit der Blendung ihres Mobilgeräts zu kämpfen haben, wird ihnen der Dunkelmodus (oder eine andere Helligkeitsanpassung) das Öffnen und Lesen von E-Mails erleichtern. Auch wenn dies bedeutet, das Erscheinungsbild der von Ihnen so sorgfältig gestalteten E-Mail zu beeinträchtigen.

Ein Lichtblick bei all dem ist, dass der offizielle „Dark Mode“, der bald auf dem iPhone (und hoffentlich auch auf anderen Smartphones) eingeführt wird, das Aussehen von HTML-E-Mails nicht verändern wird. Nur Klartextnachrichten sind betroffen.

Es ist jedoch wichtig, immer noch darauf zu achten, wie die von Ihnen getroffenen Designentscheidungen mit einem umgebenden schwarzen Hintergrund kollidieren können. Insbesondere knallbunte Hintergründe kollidieren wahrscheinlich mit dem umgebenden Schwarz Ihrer E-Mail-App.

Wie lösen Sie dieses Problem? Leider können Sie Benutzern keine unterschiedlichen Versionen Ihrer E-Mail bereitstellen, je nachdem, ob sie sie im Dunkelmodus oder auf andere Weise anzeigen. Sie müssen sich nur auf Ihre eigenen Tests verlassen, um zu bestätigen, dass potenzielle Aufrufe im Dunkelmodus Ihr Design oder Ihre Botschaft nicht beeinträchtigen.

Zusätzlich zu den Standardtests, die Sie durchführen, richten Sie Ihr eigenes Smartphone mit dem Dunkelmodus (oder seinem Hack-Gegenstück) ein. Lassen Sie dann Ihre Test-E-Mail durch den Filter laufen und sehen Sie, was mit den Farben passiert. Es wird nicht lange dauern, um festzustellen, mit welchen Farben Sie für E-Mails entwerfen können und welche nicht.

Gestalten Sie die Betreffzeile

Die Betreffzeile ist das Allererste, was Ihre E-Mail-Abonnenten sehen werden, unabhängig davon, ob sie als Push-Benachrichtigung angezeigt wird oder sie zum ersten Mal in ihrem Posteingang darauf trifft. Was beeinflusst Ihrer Meinung nach ihre anfängliche Entscheidung, auf eine E-Mail zu klicken, anstatt sie sofort in den Papierkorb oder die Spam-Box zu werfen? Das Erkennen des Absenders hilft, aber auch die Attraktivität der Betreffzeile.

Wie genau Sie beim „Gestalten“ einer Betreffzeile vorgehen, es gibt ein paar Dinge, über die Sie nachdenken sollten. Das erste ist die Länge.

Marketo führte eine Studie über mehr als 200 E-Mail-Kampagnen und 2 Millionen an Abonnenten gesendete E-Mails durch. Folgendes hat der Test über die Länge der Betreffzeile ergeben:

Marketo-Betreffzeilenlängentest
Marketo hat über 2 Millionen versendete E-Mails getestet, um die ideale Länge der Betreffzeile zu ermitteln. (Quelle: Marketo) (Große Vorschau)

Obwohl die 4-Wörter-Betreffzeile zu der höchsten Öffnungsrate führte, schnitt sie in Bezug auf die Klicks schlecht ab. Es war tatsächlich die 7-Wörter-Betreffzeile, die bei den Abonnenten die perfekte Balance gefunden zu haben schien, was dazu führte, dass 15,2 % von ihnen die E-Mail öffneten und 10,8 % von ihnen darauf klickten.

Sie sollten dies zwar immer noch mit Ihrer eigenen E-Mail-Liste testen, aber es scheint, dass sieben Wörter die ideale Länge für eine Betreffzeile sind.

Als nächstes müssen Sie über die in der Betreffzeile verwendeten Buzzwords nachdenken.

Halten Sie zunächst diese Liste von Yeswares Spam Trigger Words aus der Liste:

Yesware-Liste mit Spam-Auslösewörtern
Yeswares Analyse und Liste der wichtigsten Spam-Trigger-Wörter. (Quelle: Yesware) (Große Vorschau)

Wenn Sie die Chance erhöhen möchten, dass die E-Mail geöffnet, gelesen, angeklickt und schließlich vor Ort konvertiert wird, müssen Sie wissen, welche Wörter in der Betreffzeile erscheinen.

Ich würde vorschlagen, dass Sie das E-Mail-Betreffzeilen-Tester-Tool von CoSchedule mit einem Lesezeichen versehen.

CoSchedule E-Mail-Betreffzeilentester
CoSchedule testet und bewertet Ihre E-Mail-Betreffzeilen mit einem Klick. (Quelle: CoSchedule) (Große Vorschau)

Hier ist ein Beispiel dafür, wie CoSchedule Ihre Betreffzeilen analysiert und Sie darauf hinweist, was Ihre Öffnungsraten erhöht oder verringert:

Bewertung der CoSchedule-Betreffzeile
Der erste Teil des Betreffzeilenanalyse- und Bewertungstools von CoSchedule. (Quelle: CoSchedule) (Große Vorschau)

Wie Sie sehen können, sagt Ihnen CoSchedule, welche Arten von Wörtern die Öffnungsrate erhöhen und welche nicht. Machen Sie genug von diesen Betreffzeilentests und Sie sollten in der Lage sein, gute Formulierungsrichtlinien für Ihre Autoren und Vermarkter zusammenzustellen.

Weiter unten erfährst du mehr darüber, was eine stark formulierte und gestaltete Betreffzeile ausmacht:

CoSchedule-Betreffzeilenempfehlungen
Der zweite Teil der Betreffzeilenbewertung und Empfehlungen von CoSchedule. (Quelle: CoSchedule) (Große Vorschau)

CoSchedule gibt Empfehlungen, wie die Anzahl der Zeichen und Wörter basierend auf Best Practices und Ergebnissen verkürzt oder verlängert werden kann.

Schließlich sehen Sie ganz unten in Ihrem Betreffzeilentest Folgendes:

CoSchedule-E-Mail-Client-Vorschau
Der letzte Teil des Betreffzeilen-Testers von CoSchedule enthält eine E-Mail-Client-Vorschau. (Quelle: CoSchedule) (Große Vorschau)

Dies gibt Ihnen (oder besser gesagt Ihrem Autor) die Möglichkeit zu sehen, wie die Betreffzeile im „Design“ eines E-Mail-Clients erscheinen wird. Es ist kein Problem, wenn die Wörter auf dem Handy abgeschnitten werden. Es muss passieren. Sie möchten jedoch immer noch, dass alles, was ansprechend genug erscheint, um darauf zu klicken.

Vergessen Sie auch nicht, Ihre Betreffzeilen mit Emojis zu verkleiden.

Wenn Sie darüber nachdenken, machen Emojis in mobilen E-Mail-Betreffzeilen sehr viel Sinn. Textnachrichten und soziale Medien sind reif dafür. Es ist nur natürlich, diese lustige und verkürzte Form der Sprache auch in E-Mails zu verwenden.

Campaign Monitor macht dazu einen guten Punkt:

Wenn Sie Wörter durch erkennbare Emojis ersetzen, erstellen Sie kürzere Betreffzeilen für mobile Benutzer. Auch wenn Ihre Betreffzeile nicht so gekürzt wird, dass sie auf einen mobilen Bildschirm passt, ist es dennoch eine großartige Möglichkeit, sie von den anderen überladenen Posteingängen Ihrer Abonnenten abzuheben.

Der CoSchedule-Test bewertet Sie auch basierend darauf, wie (oder ob) Sie Emoji verwendet haben:

CoSchedule Emoji-Evaluierung
CoSchedule schlägt vor, dass die Verwendung von Emojis in Betreffzeilen Ihnen einen Vorteil verschafft. (Quelle: CoSchedule) (Große Vorschau)

Wie Sie sehen können, betrachtet CoSchedule dies als einen Wettbewerbsvorteil im Marketing.

Selbst wenn ich nur auf meinen eigenen E-Mail-Client schaue, wird mein Blick sofort auf die Betreffzeile von Sephora gelenkt, die ein „NEUES“ Emoji enthält:

Sephora-Betreffzeile mit Emoji
Eine Sephora-E-Mail mit einem Emoji hebt sich im Posteingang von anderen ab. (Quelle: Sephora) (Große Vorschau)

Passen Sie einfach auf, welches Emoji Sie verwenden. Für den Anfang werden Emojis von Gerät zu Gerät unterschiedlich angezeigt, daher hat es möglicherweise nicht die gleiche Wirkung auf einige Ihrer Abonnenten, wenn es eine obskurere Wahl ist.

Es gibt auch den Lokalisierungsaspekt, über den man nachdenken muss. Nicht jedes Emoji wird weltweit gleich wahrgenommen. Wie Day Translations betont, ist das Feuersymbol eines, das Verwirrung stiften könnte, da einige Länder es als buchstäbliches Feuer interpretieren, während andere es als Symbol für Anziehung ansehen.

Emojis haben jedoch bewiesen, dass sie sowohl die Öffnungsraten als auch die Leseraten von E-Mails erhöhen. Finden Sie das richtige mobilfreundliche Emoji, das Sie in Ihre Betreffzeile aufnehmen können, und Sie können dadurch die Anzahl der Abonnenten, die Ihre Website besuchen, effektiv erhöhen.

Einpacken

Es gibt so viele verschiedene Arten von E-Mails, die von Websites ausgehen:

  • Willkommensnachricht
  • Transaktions-E-Mail nach dem Kauf
  • Erinnerung an verlassenen Einkaufswagen
  • Werbenachrichten
  • Produktfeature
  • Neue Inhalte verfügbar
  • Konto-/Prämienpunkte
  • Und mehr.

Mit anderen Worten, es gibt viele Möglichkeiten, E-Mail-Abonnenten zu erreichen.

Denken Sie nur daran, dass die meisten von ihnen Ihre E-Mail zuerst auf dem Handy öffnen. Und einige werden es auf dem Handy immer wieder öffnen, bis sie gezwungen sind, darauf zu klicken oder es zu löschen. Es liegt an Ihnen, die E-Mail so zu gestalten, dass sie motiviert werden, Ihre Website zu besuchen und folglich zu konvertieren.

Weiterführende Literatur zu SmashingMag:

  • Alles, was Sie über Transaktions-E-Mail wissen müssen, aber nicht zu fragen wussten
  • Der aktuelle Stand der E-Mail-Marketing-Programmierung: Was verwendet werden kann und was nicht
  • Level-Up-E-Mail-Kampagnen mit Customer Journey Mapping
  • Wie Mail.Ru den E-Mail-Speicher von 50 auf 32 PB reduzierte