Im Jahr 2024 müssen Sie bei der Erstellung von Mailings lediglich die mobilen Nutzer und deren Vorlieben berücksichtigen. Das liegt daran, dass die meisten von ihnen täglich mobile Geräte zum Abrufen ihrer E-Mails nutzen. Und wenn Ihr Mailing nicht responsive ist, werden Sie von mobilen Nutzern nicht viel Aufmerksamkeit erhalten. Sehen wir uns an, worauf Sie beim Entwerfen responsiver E-Mails achten müssen.
Laut vor einiger Zeit von TrueList veröffentlichten Daten überprüfen fast 60 % der mobilen Nutzer als erstes ihre E-Mails:
Quelle: https://truelist.co/blog/mobile-email-statistics/
Daher ist es wahrscheinlich, dass Ihre Kunden, zumindest ein großer Teil von ihnen, Ihre Mailings auf ihren Mobilgeräten statt auf Desktop-Geräten sehen. Und wie Sie wahrscheinlich wissen, benötigen mobile Geräte aufgrund der kleineren und schmaleren Bildschirme ein sogenanntes Responsive Webdesign (RWD) . RWD bedeutet, dass sich Ihr Mailing automatisch an unterschiedliche Bildschirmgrößen anpasst, sodass jeder Benutzer alles sieht, was Sie sehen möchten, ohne hinein- oder herauszuzoomen.
Für mobile Nutzer ist das zwar sehr praktisch, für Sie als Absender bedeutet dies jedoch etwas Mehraufwand. Werfen wir einen Blick darauf, worauf Sie achten sollten.
10 Elemente eines guten Mailing-Designs für mobile Geräte
VORLAGE
Wenn Sie ein HTML-basiertes Mailing erstellen, benötigen Sie zunächst eine responsive Vorlage oder ein responsives Layout für Ihre E-Mails. Die meisten E-Mail-Marketing-Tools stellen den Benutzern Vorlagen zur Verfügung, die zu 100 % skalierbar sind und auf einem Computer und einem Smartphone gleichermaßen gut aussehen. Stellen Sie einfach sicher, dass die von Ihnen ausgewählte Vorlage das RWD-Design aufweist.
BILDER
Während die E-Mail-Vorlage leicht skalierbar sein kann (das ist bei unseren Vorlagen der Fall), sind Bilder nicht unbedingt skalierbar. Wenn Sie ein horizontales Bild senden möchten, ist es auf einem mobilen Bildschirm viel kleiner. Das bedeutet, dass es in den meisten Fällen am besten ist, die zweite Version Ihres Bildes zu erstellen, eine vertikale. Auf diese Weise können Smartphone-Benutzer alles sehen, ohne zu kneifen und zu zoomen (laut Adobe). Daten, diese Funktionalität frustriert 32 % der mobilen Nutzer!).
EINSÄULEN-DESIGN
In den meisten Fällen ist es am besten, Ihre E-Mails so zu gestalten, dass sie nur eine Spalte haben (jeder Abschnitt liegt unter dem vorherigen; es gibt keine zwei parallelen Abschnitte). Auf diese Weise können Benutzer die gesamte E-Mail lesen, indem sie einfach nach unten scrollen, genau wie im folgenden Bildschirm:
Quelle: https://medium.com/@daniaherrera/responsive-design-layout-patterns-70e710551818
Wenn Sie ein responsives Design verwenden, sollte dies automatisch geschehen, Sie müssen jedoch dennoch überprüfen, ob das mobile Design richtig organisiert ist (manchmal können sich einige Elemente auch in RWD in die falsche Richtung bewegen).
WEISSER RAUM
Wenn es um das mobile Design geht, ist es gut, etwas Leerraum zu verwenden und zwischen den Abschnitten Ihrer E-Mail Platz zu lassen. Auf diese Weise wirkt es nicht überladen und schwer lesbar. Denken Sie daran, nach jedem Abschnitt und vor und nach jeder Schaltfläche etwas Platz zu lassen.
WENIGER INHALT
Das ist auch wichtig; Tagsüber haben Benutzer nicht viel Zeit, eine lange E-Mail zu lesen. Wenn Sie mobile Nutzer erreichen möchten, halten Sie Ihre Mailings kurz und bündig. Schreiben Sie nicht zu viel, geben Sie nicht zu viele Informationen ein und konzentrieren Sie sich auf die wichtigsten Elemente. In diesem Fall ist weniger wirklich mehr.
SCHRIFTARTEN
Auch hier bedeutet ein kleiner Bildschirm, dass Benutzer scrollen müssen, um die gesamte E-Mail zu lesen. Etwas größere Schriftarten erleichtern das Lesen Ihrer E-Mails (kein Zoomen erforderlich). Einige Experten gehen davon aus, dass die gute Grundschriftgröße (für Absätze sollten Überschriften etwas größer sein) für mobile Bildschirme 16 Pixel beträgt.
CTA-TASTEN
CTA ist ein wichtiger Aspekt jedes Mailings. Vergessen Sie also nicht, ihn an mindestens einer Stelle in Ihrer E-Mail einzufügen (normalerweise am Ende oder direkt unter dem Angebot). Laut Access Guide basierend auf WCAG 2.1 (Web Content Accessibility Guidelines) sollten CTA-Buttons mindestens 44×44 Pixel groß sein. Dadurch sind sie auch auf kleineren Geräten gut sichtbar und leicht anzuklicken.
Quelle: https://www.accessguide.io/guide/large-target-size
DIE UMGEKEHRTE PYRAMIDENSTRUKTUR
Tatsächlich gilt diese Regel im gesamten Internet. Die umgekehrte Pyramidenregel ist sehr einfach: Platzieren Sie die wichtigsten Elemente und Inhalte oben und arbeiten Sie sich dann mit zusätzlichen Details und Informationen nach unten vor. Sie sollten den Benutzern zunächst das vermitteln, was ihnen am wichtigsten ist. Dann können Sie erweitern und mehr Informationen geben, aber wenn Sie dies nicht tun, werden Sie schnell die Aufmerksamkeit verlieren.
RETINA-BEREITENDE BILDER
Im Allgemeinen ist ein Retina-Ready-Bild ein Bild, das speziell dafür erstellt wurde, auf einem Retina-Display scharf auszusehen. Diese Regel gilt jedoch für alle hochauflösenden Bilder, sodass sie auf Geräten mit hochauflösenden (HD) Displays gut aussehen – und das ist es die überwiegende Mehrheit der modernen Smartphones und Tablets.
VERBLENDEN SIE NICHT WESENTLICHE INHALTE
Es spricht nichts dagegen, zwei Mailings zu gestalten – eines, das umfangreicher für Desktop-Benutzer ist, und eines für mobile Benutzer, bei dem Sie nur die wichtigsten Inhalte behalten. E-Mail-Marketing-Tools bieten manchmal die Möglichkeit, anzupassen, was auf einem Desktop-Gerät angezeigt werden soll und was auf einem mobilen Gerät angezeigt wird. Nutzen Sie diese Funktion, um sicherzustellen, dass alle Benutzer die beste UX erhalten.
Fazit: Gestalten Sie Ihre E-Mails mit iPresso
Unsere Plattform verfügt über erweiterte E-Mail-Marketingfunktionen. Wir haben über 100 schöne Vorlagen, die Sie für Ihre Mailings und Newsletter verwenden können. Und alle sind zu 100 % mobilfreundlich! Wenn Sie sehen möchten, wie die Marketingautomatisierung von iPresso in der Praxis funktioniert, können Sie gerne eine kostenlose 30-Tage-Testversion starten . Wir freuen uns auf die Zusammenarbeit mit Ihnen!
Hinterlasse eine Antwort