Ihre Checkliste für ein optimales Design von mobilen Responsive-E-Mails

Checkliste für das reaktionsschnelle E-Mail-Design

Nichts enttäuscht mich so sehr, als wenn ich eine E-Mail, auf die ich mich freue, auf meinem Mobilgerät aufklappe und sie nicht lesen kann. Entweder sind die Bilder fest codierte Breiten, die nicht auf die Anzeige reagieren, oder der Text ist so breit, dass ich zum Lesen hin und her scrollen müsste. Wenn es nicht kritisch ist, warte ich nicht darauf, zu meinem Desktop zurückzukehren, um es zu lesen. Ich lösche es.

Ich bin nicht der einzige - sowohl Verbraucher als auch Unternehmen lesen jetzt mehr als die Hälfte aller ihrer E-Mails auf kleineren Bildschirmen. Responsive E-Mail-Design ist entscheidend zu Ihren E-Mail-Klickraten.

Da wir auf praktisch jeder E-Mail-Service-Plattform reaktionsfähige E-Mails implementiert haben, wenden wir uns häufig an diese Organisationen und bieten Hilfe an. Ich habe ehrlich gesagt nie eine Antwort bekommen. Es ist schade - sie bezahlen für eine Plattform, um eine E-Mail zu senden, die niemand liest. Ändern Sie Ihre E-Mail-Vorlage ist leicht zu rechtfertigen. Stellen Sie sich vor, Sie gehen bei Ihrer Arbeit zum Drucker und werfen die Hälfte des Papiers weg. Das tun Sie, wenn Ihre E-Mails nicht reagieren.

Auf diesem Markt haben sich Best Practices herausgebildet. Responsive Design ist nicht so einfach - aber auch nicht unmöglich. Die Mitarbeiter von Email Monks haben uns geholfen und folgen dieser bewährten Checkliste, um Ihre E-Mails zu optimieren und sicherzustellen, dass sie auf Ansichtsfenster für Mobilgeräte und Tablets reagieren.

  1. Design in einer einzigen Spalte
  2. Design mit Blick auf die Finger
  3. Halten Sie die Aufruf zum Handeln leicht zu tippen (mindestens 44px)
  4. Verwenden Sie Leerzeichen zum einfachen Überfliegen
  5. Halten Sie den Header sauber
  6. Optimieren Sie die Bildauflösung für Retina-Displays
  7. Verdrängen Sie keine Links, verwenden Sie Schaltflächen
  8. Bieten verknüpfte Telefonnummern
  9. Begrenzen Sie Betreffzeilen auf maximal 30 Zeichen
  10. Verwenden Sie Bildbreiten von mindestens 480 Pixel, damit sie beim Strecken auf Mobilgeräten nicht unscharf werden
  11. Skalieren Sie nicht nur Bilder, sondern verwenden Sie CSS-Medienabfragen
  12. Beschränken Sie die Höhe - kürzere E-Mails lassen sich leichter überfliegen
  13. Halten Sie wichtige Handlungsaufforderungen über der Falte
  14. Testen Sie Ihre E-Mail-Designs über E-Mail-Clients

Responsive Email Design Checkliste

2 Kommentare

  1. 1

    Dies ist wirklich ein großartiger Nischenartikel, Douglas! Ich habe viel daraus gelernt.

    Die meisten Artikel sprechen über responsives Webdesign. Dies ist das erste Mal, dass ich über responsives E-Mail-Design lese. Wirklich tolle Tipps und Schritte, die Sie hier aufgenommen haben. Welche E-Mail-Marketing-Software haben Sie verwendet?

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.