5 Beispiele für mobil optimierte E-Mails
Veröffentlicht: 2016-11-03Wir Marketer haben uns an die Idee gewöhnt, dass wir durch die Optimierung unserer E-Mails für mobile Nutzer unseren Kampagnen einen Wettbewerbsvorteil verschaffen können. Leider sind die Zeiten vergangen und Tatsache ist, dass wir jetzt ganz selbstverständlich mobil optimierte E-Mail-Varianten erstellen sollten.
Vor einigen Jahren erreichten wir einen Wendepunkt, an dem Smartphones Desktop-Computer als den am häufigsten verwendeten Gerätetyp zum Lesen von E-Mails überholten. Vor kurzem stellte der Device Preference Report (2015) von Movable fest, dass phänomenale 52 % der E-Mails jetzt auf Smartphones geöffnet werden – wobei Desktops nur 32 % ausmachen.
Es ist allzu leicht, in die Falle zu tappen, E-Mails hauptsächlich für Desktop-Benutzer zu erstellen – höchstwahrscheinlich verwenden Sie einen Desktop, um sie selbst zusammenzustellen. Jetzt ist es an der Zeit, diese antiquierte Denkweise abzuschütteln und Mobile an erster Stelle, Desktop an zweiter Stelle zu setzen.
In diesem Artikel werden wir 5 inspirierende Beispiele für mobil optimierte E-Mails besprechen, die alle sorgfältig entwickelt wurden, um die Conversions zu steigern. Wir haben einige umsetzbare Tipps zusammengestellt, damit Sie die Ideen in Ihren eigenen Kampagnen nachahmen können.
Urlaubspiraten – erste Prinzipien
Wir haben uns aus einem Grund dafür entschieden, mit dieser E-Mail zu beginnen: Sie ist unverkennbar in erster Linie für Mobiltelefone konzipiert.
Dies ist der einzige Punkt, den wir unbedingt mitnehmen und in den Mittelpunkt Ihrer E-Mail-Marketingstrategie stellen. Wieso den? Erstens, weil Mobilgeräte der am weitesten verbreitete Gerätetyp für E-Mail-Öffnungen sind, mit einem Mehrheitsanteil, der Jahr für Jahr immer noch wächst; und zweitens, weil es viel einfacher ist, ein mobiloptimiertes Design als Basis zu verwenden und dann bei größeren Geräten zusätzliche Elemente einzubauen, als umgekehrt.
[mailchimpsf_form access=“web“ title=“Für mehr wie diese abonnieren Sie unseren Newsletter“]Das Verhältnis von visuellen Elementen zu Kopien
Dass diese E-Mail zuerst für Mobilgeräte entwickelt wurde, können wir nur daran erkennen, wie viele Wörter sich auf der Seite befinden – also nicht sehr viele.
Das Einfügen von vielen Texten in eine E-Mail hat in der Regel negative Auswirkungen auf mobile Conversions. In der E-Mail von HolidayPirates ist die Kopie auf drei Zeilen pro Inhaltselement in der mobilen Version beschränkt (die Kopie plus der CTA-Button sind in Bezug auf den Platzbedarf ungefähr gleich dem zugehörigen Bild); während in der Desktop-Version dieselbe Kopie etwas mehr als eine Zeile einnehmen kann und mehr oder weniger als Bildunterschrift dient. Wenn diese E-Mail zuerst für den Desktop entwickelt worden wäre, hätten wir möglicherweise zusätzliche Kopien in größeren Bildschirmvarianten und gekürzte Versionen (oder schlimmer noch, zu viel Kopie und horizontales Scrollen) für kleinere Geräte gesehen.
Viele aufmerksamkeitsstarke CTA-Buttons
Wenn Sie sich schon einmal zum Thema Conversion-Rate-Optimierung gelesen haben, wissen Sie, wie viel Sie durch die strategische Positionierung von CTA-Buttons auf Ihren Webseiten gewinnen können.
CTAs oder Call-to-Action-Buttons sind bildartige Links, die ein Button-Design mit einem Text-Imperativ verwenden (z. B. „Jetzt kaufen“, „Kostenlos registrieren“, „Mehr anzeigen“). HolidayPirates hat hier CTA-Buttons verwendet, um auf Inhalte auf ihrer Website zu verlinken.
Im obigen Screenshot der mobilen Version können Sie nur eines der Inhaltselemente sehen, die in der E-Mail von HolidayPirates enthalten sind. Dies liegt allein an dem Platz, den wir hier in diesem Artikel zur Verfügung haben, und tatsächlich sind zehn Ziele in der E-Mail enthalten, jedes mit eigenem Bild, eigener Kopie und eigenem CTA-Button für „Angebot anzeigen“.
Die Verwendung von CTAs in Ihren E-Mails wird allgemein als der beste Weg angesehen, um mobile Benutzer dazu zu bringen, sich dorthin durchzuklicken, wo Sie möchten. Hier sind einige Tipps, wie Sie Ihre CTAs supereffektiv machen können:
- Machen Sie sie groß und relativ hell – wenn Sie jemals versucht haben, beim Surfen auf Ihrem Telefon (oder in einem anderen, seltsamen Kontext) mit Ihrem Daumen ein kleines, undurchsichtiges Ziel zu treffen, werden Sie verstehen, warum es wichtig ist, Ihre CTAs hervorzuheben. Dadurch werden auch Ihre CTAs attraktiver.
- Umgeben Sie sie mit Leerzeichen – aus den gleichen Gründen.
- Machen Sie die CTA-Kopie klar und prägnant – sagen Sie es in zwei oder drei Worten.
- Link zu mobilfreundlichen Inhalten – es hat keinen Sinn, mobile Benutzer auf eine mobilfeindliche Website zu leiten.
Was wir bisher gelernt haben
Aus dieser einzigen Marketing-E-Mail haben wir drei Kernpunkte – nennen wir sie erste Prinzipien – zum E-Mail-Marketing ermittelt:
- Design für Mobilgeräte zuerst
- Gehen Sie einfach auf die Kopie
- CTAs für Links verwenden
Für uns sind dies die wichtigsten Faktoren, die Sie bei der Erstellung Ihrer Marketing-E-Mails berücksichtigen müssen. Wir werfen nun einen Blick auf vier weitere E-Mails, die den mobilen Benutzer auf interessante und zum Nachdenken anregende Weise ansprechen:
PayasUgym – Einbettung in mobile Aktivitäten
Warum sollten Sie Ihre E-Mail mit Smartphones kompatibel machen, wenn Sie damit Ihre Marke in die täglichen mobilen Aktivitäten des Empfängers einbetten könnten?
Hier ist ein Abschnitt einer E-Mail von einem nutzungsbasierten Fitnessstudio- und Fitnesskurs-Suchdienst, der genau das tut, und zwar mit großem Effekt.
- „Find your next“ – Zwischenüberschrift stellt das Problem des Empfängers vor und ebnet den Weg für die Marke, ihre Lösung zu präsentieren.
- Grafiken im Stil von Kartenmarkierungen – Beachten Sie die Grafiken oben im Screenshot, die die Anzahl der Fitnessstudios, Klassen und Pools zeigen. Die Verwendung von Grafiken im Stil von Kartenmarkierungen ist hier clever, da sie an die Symbole erinnert, die in extrem beliebten Apps wie Google Maps und Uber verwendet werden, was schön in…
- App-Banner – dieses CTA-Banner unterstützt seine App herunterladen! Nachricht mit informativen, vertrauenserhöhenden Apple App Store und Google Play Buttons. Das Banner ist groß, auffällig und von Leerzeichen umgeben.
Diese E-Mail ist ein Musterbeispiel dafür, wie Sie Ihre Marke als Anbieter mobilkompatibler Lösungen für das Problem eines Verbrauchers positionieren können. Die Struktur seiner Botschaft ist unwiderstehlich: „Wir verstehen, was Sie brauchen; wir sind wirklich gut aufgestellt, um es Ihnen zu geben; Klicken Sie auf diesen klaren, einfachen und vertrauenswürdigen Download-Link und wir werden das Problem jetzt und in Zukunft für Sie lösen.“ Die Marke hat sich sehr effektiv auf den Weg gemacht, eine bestimmte Rolle innerhalb der mobilen Aktivität des Benutzers zu erfüllen.
Unabhängig davon, ob Ihre Marke ihre Online-Rolle über eine App oder eine für Mobilgeräte optimierte Website erfüllt, können Sie den Ansatz von PayasUgym möglicherweise in Ihren Marketing-E-Mails nachbilden. Versuchen Sie, einen CTA in eine ähnliche Struktur einzufügen:
- Verwenden Sie eine Zwischenüberschrift, um das Problem einzuführen, zB „Wollen Sie einen neuen Stil finden?“, „Brauchen Sie ein neues Buch?“
- Legen Sie Ihre Autorität/Ihre Reichweite/Ihre Qualität/Ihren Wertbeitrag fest. Integrieren Sie auf subtile Weise grafische Elemente, die App- oder E-Commerce-Elemente nachahmen (wie die Kartenmarkierungen von PayasUgym).
- Fügen Sie ein CTA-Banner hinzu, indem Sie die zuvor beschriebenen Techniken verwenden. Dies könnte mit einem App-Download oder einem anderen digitalen Aspekt Ihres Unternehmens verknüpft sein, der für den Kunden eine nützliche Rolle spielen kann.
American Apparel – Vorbereitung auf das Leben im Junk-Ordner
Jeder E-Mail-Vermarkter stellt sich sicherlich gerne vor, dass seine Botschaften in die Posteingänge der Empfänger gelangen und direkt an die Spitze der Liste gelangen – aber Tatsache ist, dass viele E-Mail-Clients Ihrer Empfänger Ihre Nachrichten als nicht vertrauenswürdige oder Junk-Mail behandeln.
Die Empfänger können diese Nachrichten weiterhin anzeigen, aber in einigen Fällen werden Inhalte – insbesondere Bilder und andere Rich Media – nicht angezeigt. Bedenkt man das hohe Verhältnis von Bildern zu Kopien, die in den meisten mobilfreundlichen E-Mail-Marketing verwendet werden, kann dies bedeuten, dass der Empfänger die wichtigsten Haken in Ihrer E-Mail übersieht, wenn er durch seinen Junk-Ordner blättert.
Es gibt keine vollständig zufriedenstellende Lösung für dieses Problem, aber Sie können eine gewisse Schadensbegrenzung erreichen, indem Sie ein Attribut der in Ihren E-Mails verwendeten Bilder verwenden: ihre Alt-Tags.
Werfen Sie einen Blick auf die beiden Screenshots oben. Beide zeigen dieselbe E-Mail vom Modehändler American Apparel. In der linken Version sind Bilder aktiviert, während das Bild rechts zeigt, wie dieselbe E-Mail mit deaktivierten Bildern aussieht. Das Bild rechts sieht zwar nicht so gut aus, vermittelt aber den wesentlichen Zweck der E-Mail – „Wir vermissen dich. 20% Rabatt!“ Diese Wörter stammen nicht aus einem Textabschnitt, der in <p>-Tags eingeschlossen ist; sie stammen aus den Alt-Tag-Attributen der ausgeblendeten Bilder.
Indem Sie die Marketing-Hooks der E-Mail in den Alt-Tag-Attributen Ihrer Bilder wiederholen, können Sie die Chance erhöhen, dass Ihr Empfänger Ihre Kernbotschaft in Textform erhält, selbst wenn Bilder deaktiviert sind.
Als allgemeine Regel empfehlen wir immer, sich die Zeit zu nehmen, um ein effektives Alt-Tag für jedes Bild zu schreiben, das Sie online veröffentlichen möchten. Alt-Tags tragen nicht nur dazu bei, dass Ihre E-Mail-Marketingnachrichten an mehr Empfänger gelangen, sie sind auch von grundlegender Bedeutung für die Interneterfahrung von Sehbehinderten und können dazu beitragen, dass Ihre Bilder in den Suchergebnissen von Bildern gut ranken.
Die Trainline – der schnelle Weg zur Wertung
Kundenfeedback ist eine wertvolle Ressource für Marketer, die den besten Weg für ihre E-Mail-Kampagnen finden möchten. Es ist besonders effektiv, wenn es in einem Split-Testing-Kontext verwendet wird, wie wir es bei dem oben gezeigten Abschnitt mit Sternenbewertung erwartet haben, der in einer E-Mail von TheTrainline.com gefunden wurde.
Dieser Bewertungsbereich hat nichts Besonderes an sich – und genau deshalb mögen wir ihn. Der Benutzer tippt auf einen der Sterne, um die E-Mail von fünf zu bewerten. Die Einfachheit des Designs lässt das Hinterlassen einer Bewertung für mobile Benutzer viel einfacher erscheinen, die von kniffligeren Aufgaben wie dem Schreiben von Kommentaren abgeschreckt werden könnten.
Aber was ist mit dem Mangel an detailliertem Feedback? Nun, wir schlagen vor, dass zwei oder mehr Varianten dieser E-Mail wahrscheinlich an unterschiedliche Zielgruppen gesendet wurden und die von den Empfängern bereitgestellten allgemeinen Bewertungen von den Erstellern der E-Mail verwendet wurden, um zu bestimmen, welche der Varianten am effektivsten war.
Multivariate Tests können verwendet werden, um festzustellen, welche Art von Betreffzeile am besten funktioniert, für welche Angebote oder Produkte eine E-Mail werben sollte, wie sich verschiedene Inhaltstypen auf die Benutzererfahrung auswirken können und so weiter. Die gesammelten Informationen können eigenständig verwendet werden oder um Ergebnisse zu sichern, die durch die Analyse von E-Mail-Öffnungs- und Engagement-Daten gewonnen wurden.
NatWest
Der Schlüssel zur Wirkung dieser E-Mail – aus gestalterischer Sicht – ist das auffällige Sparschwein-GIF oben. Entscheidend ist, dass es schön und scharf aussieht, egal ob auf einem Handy, Tablet oder Desktop.
Die Entwickler der E-Mail haben dies erreicht, indem sie einen bikubischen Interpolationsalgorithmus zur Skalierung des Bildes eingestellt haben – was erreicht wurde, indem ein Teil des Stilattributs des Bildes auf „-ms-interpolation-mode: bicubic“ gesetzt wurde. Dadurch wird das Bild „flüssig“.
Es gibt verschiedene Möglichkeiten, diesen Effekt zu erzielen, von denen die meisten weniger technisch klingen als die oben genannten. Lassen Sie Ihre Entwickler überprüfen, ob Ihre E-Mail-Vorlage eine bikubische Interpolation oder einen anderen Mechanismus zur Bildskalierung enthält, bevor Sie mit dem Versenden von E-Mails beginnen. Es ist problematisch, Ihre Bilder einfach so groß zu machen, dass sie auf allen Geräten scharf aussehen, da dies für mobile Benutzer möglicherweise horizontales Scrollen erforderlich macht – genau das, was wir vermeiden möchten.
Holen Sie sich jetzt Ihre kostenlose Mitgliedschaft - absolut keine Kreditkarte erforderlich
KOSTENLOSE MITGLIEDSCHAFT 