Zurück zum hauptmenü

Verbessern Sie Ihr E-Mail-Design

Nutzen Sie responsives Design, damit Ihre E-Mails auf allen Geräte angezeigt werden

Immer mehr Web-Traffic findet auf Mobilgeräten statt. 59 % der versendeten E-Mails werden heutzutage auf Mobilgeräten geöffnet, und nur 15 % werden auf einem Desktop geöffnet. E-Mail-Kampagnen für verschieden große Bildschirme zu optimieren ist unerlässlich für Marketer, wenn sie das Nutzererlebnis so einfach und intuitiv wie möglich gestalten möchten. Hier kommt responsives Design ins Spiel.

Beim responsiven E-Mail-Design geht es darum, Inhalte bereitzustellen, die auf das vom Benutzer ausgewählte Gerät angepasst sind (Smartphone, Tablet oder Desktop). Mit responsivem Design können Sie E-Mail-Vorlagen versenden, die sich an die Bildschirmgrößen anpassen. Diese E-Mails werden korrekt ausgegeben, egal auf welchem Gerät sie angeschaut werden.

Die Bildschirmgröße des Gerätes ist der wichtigste Faktor, wie ein E-Mail-Abonnent die Marketingbotschaft angezeigt bekommt, doch auch die E-Mail-Clients sollten bei der Gestaltung berücksichtigt werden. Der E-Mail-Client ist das Programm, mit dem Benutzer E-Mails versenden und empfangen, und wo sie ihr E-Mail-Konto verwalten (Gmail, Outlook etc.). Ermitteln Sie, welches die wichtigsten E-Mail-Clients auf Ihrem Markt sind, und passen Sie Ihre E-Mails primär für Mobilgeräte an, damit sie bei diesen Clients gelesen werden können. 

Wie sie einen responsiven Newsletter gestalten

Mit einem E-Mail-Editor für responsive Designs brauchen Sie sich keine Gedanken über Dinge wie Medienanfragen und CSS zu machen. Der E-Mail-Builder übernimmt diese Dinge für Sie. Es gibt jedoch andere Elemente, die das Endergebnis beeinträchtigen können. Achten Sie auf folgende Punkte:

  • Wählen Sie ein einspaltiges Layout. Dadurch stellen Sie sicher, dass Webbrowser und die gängigen E-Mail-Clients den Inhalt Ihrer E-Mail in den richtigen Proportionen anzeigen und Sie das Design nicht an kleinere Bildschirme anpassen müssen.

  • Wählen Sie für die Bebilderung geeignete Bildgrößen (nicht zu klein oder zu groß), um eine korrekte Darstellung Ihrer Bilder auf jedem Gerät sicherzustellen. Und schreiben Sie immer einen Alt-Text (alternativer Text), falls die Bilder nicht dargestellt oder gesehen werden können.

  • Achten sie darauf, dass Ihre CTA-Buttons gut sichtbar und groß genug sind, damit sie gut anklickbar sind. Wenn Sie mehrere Links oder CTAs haben, platzieren Sie sie mit ausreichend Abstand zueinander. 

  • Hierarchisieren und priorisieren Sie die Inhalte Ihrer E-Mails, damit sie auch auf kleinen Bildschirmen gut lesbar sind. Und wählen Sie eine Standardschriftart aus, die auf jedem Gerät verfügbar ist. Gängige Schriftarten sind etwa Arial, Georgia, Times New Roman oder Verdana.

Ergebnis

80 % der Menschen würden eine E-Mail löschen, die nicht richtig auf ihrem Mobilgerät angezeigt wird. Gestalten Sie responsive E-Mails, um Ihren Lesern ein gutes Nutzererlebnis zu bieten und Ihre Konversionsrate zu verbessern.

Schwierigkeitsgrad

Mittel

Pro-Tipp

Eine perfekt angezeigte E-Mail kann zu einer viel höheren Interaktion führen. Verwenden Sie ein Inbox-Vorschau-Tool, um sich manuelle Tests und Zeit zu sparen, indem Sie Ihre E-Mails bei den E-Mail-Clients und auf den Gerät testen, die Sie auswählen.

Das könnte Sie auch interessieren

email-builder

Design

Gestalten Sie Ihre E-Mails per Drag-and-drop mit einem E-Mail-Editor

Mehr erfahren

email-tests

Design

Testen Sie Ihre E-Mails vor dem Versand

Mehr erfahren

call-to-action-emails

Klickraten

Binden Sie effektive CTAs in Ihre E-Mails ein

Mehr erfahren

Möchten Sie mehr erfahren, wie Sie diese Taktiken für E-Mail-Wachstum auf Ihr Unternehme anwenden können? 

CTA icon