t3n News Entwicklung

So funktioniert Responsive E-Mail-Design [Infografik]

So funktioniert Responsive E-Mail-Design [Infografik]

Derzeit werden etwa die Hälfte aller E-Mails auf mobilen Endgeräten aufgerufen – aber nicht unbedingt gelesen. Ein Grund dafür: Das der E-Mails ist nicht für mobile Geräte optimiert. Die Lösung heißt Responsive E-Mail-Design.

So funktioniert Responsive E-Mail-Design [Infografik]
Responsive Email-Design. (Screenshot: litmus)

Die Verwendung von Responsive E-Mail-Design hat in der letzten Zeit zugenommen. Grund dafür ist, dass gegenwärtig etwa die Hälfte aller E-Mails über mobile Endgeräte aufgerufen werden. Doch bei 80 Prozent der Smartphone-Nutzer landen die Nachrichten direkt im digitalen Mülleimer, da sie – ohne optimiertes Layout – auf Smartphones oder Tablets schlecht zu lesen sind.

Responsive E-Mail-Design für optimale Ansicht

Die meisten E-Mails, die verschickt werden, sind für die Desktop-Ansicht optimiert. Wenn die E-Mail also mit einem Smartphone oder Tablet geöffnet wird, werden enthaltende Bilder eventuell nicht korrekt angezeigt oder sich in der E-Mail befindende Links können nicht geöffnet werden.

Was neben der richtigen Schriftgröße, Schriftart und Farbgebung entscheidend für Responsive E-Mail-Design ist und welche E-Mail-Apps die Optimierung nicht akzeptieren, könnt ihr der folgenden entnehmen. Sie bietet euch auch gleich einen CSS-Code für eine Media-Query, die die Darstellung von E-Mails für Bildschirmgrößen von 480 Pixeln abwärts anpasst. Damit könnt ihr direkt loslegen, die Lesbarkeit eurer E-Mails auf mobilen Endgeräten zu optimieren.

Ein Klick auf den unten stehenden Ausschnitt öffnet die komplette Infografik.

So funktioniert responsive Email-Design. (Screenshot: litmus)
So funktioniert responsive Email-Design. (Screenshot: litmus)

via litmus.com

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
4 Antworten
  1. von Zylol am 11.09.2013 (16:49 Uhr)

    Eine angepasste (maßgeschneiderte) Werbe-E-Mail für das entsprechende Endgerät ist eine gute Idee. Jedoch kann ich mit die in HTML-eingebauten personalisierten
    Schnüffel- (Tracking)-Links bzw. Tracking-Images (1x1-Pixel-Bilder) nicht toll finden.
    Datenschutz ist da wirklich Fehlanzeige - vor-allem dann wenn die E-Mailadresse via
    von Dritten ohne Zustimmung bei normalen Opt-in-Newsletter eingetragen werden kann.
    Siehe: 'Zalando-Newsletter'.

    Antworten Teilen
  2. von Thomas Quensen am 11.09.2013 (17:09 Uhr)

    Da das weder bei Gmail (iOS und Android) noch bei aktuellen Windows-Phones und schon garnicht bei irgendwelchen Feature-Phones funktioniert macht das leider wenig Sinn.

    Besser wäre da "Fluid"-Design, also Tabellen mit relativen Breitenangaben statt festen Pixelwerten.

    Antworten Teilen
  3. von Katrin Krenn am 13.09.2013 (10:19 Uhr)

    Wie Thomas Quensen schon schrieb, funktionieren responsive Emails nicht auf den Apps, d.h. öffne ich einen Newsletter z.B. mit meiner Gmail App auf meinem Smartphone, werden hier die responsiven Ansätze ignoriert.
    Ich habe in einer Studie ca 680 Tests durchgeführt, um zu prüfen, welche der neuen Email-HTML-Ansätze auf welchen Endgeräten, in welchen Browsern, in welchen Webclients, Desktopclients, nativen Emailprogrammen und auch Apps wie dargestellt werden.

    Mein Ergebnis: Die Versprechungen der "mobilen Revolution" verschiedener Anbieter hat ihre Grenzen, die auf jeden Fall berücksichtigt werden sollten, bevor man seinen Kunden den "ganzheitlichen" Newsletter verspricht.

    Antworten Teilen
  4. von hans_helb am 03.02.2014 (16:35 Uhr)

    Super Artikel, der bringts genau auf den Punkt. Auch wenn es nicht überall funktioniert, auf iphone und android (default-email-app) werden responsive designs unterstützt! Ich denk da kommt man nicht mehr drumrum...
    Hier ein Artikel zu Responsive Email Designs: http://www.responsive-emails.com/de/5-schritte-zum-responsive-email-design.html
    Vg, Hans-Helb

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Design
So schreibst du die perfekte E-Mail an einen Investor
So schreibst du die perfekte E-Mail an einen Investor

Wie begeistert man einen Geldgeber per E-Mail für seine Idee? Ein begehrter Frühphasen-Investor hat dies jetzt verraten. Vorweg: Bitte nicht nach einem Telefonat fragen.  » weiterlesen

Drei Jahre nach Snowden: E-Mails an @spd.de nicht abgesichert
Drei Jahre nach Snowden: E-Mails an @spd.de nicht abgesichert

Der Berliner E-Mail-Anbieter Posteo warnt: Unverschlüsselte E-Mails an die Domain @spd.de können nicht sicher übertragen werden. Auch andere bekannte Domains sind betroffen. » weiterlesen

Wikileaks veröffentlicht E-Mails der Erdoğan-Partei AKP und wird in der Türkei gesperrt
Wikileaks veröffentlicht E-Mails der Erdoğan-Partei AKP und wird in der Türkei gesperrt

Wikileaks veröffentlicht E-Mails der türkischen Erdoğan-Partei. Zuvor legte eine DDoS-Attacke die Seite lahm. Inzwischen ist Wikileaks in der Türkei gesperrt. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?