Wirklich gute E-Mail-Design-Trends: Webinar-Aufzeichnung + Fragen und Antworten

Ihre Abonnenten werden mit Tausenden von Nachrichten über verschiedene Kanäle hinweg bombardiert und es ist schwieriger denn je, Ihre Marke hervorzuheben. Eine Möglichkeit, den Lärm zu durchdringen? Beeindrucken Sie sie mit wirklich gutem E-Mail-Design.

In diesem Webinar haben wir uns die E-Mail-Designtrends im Laufe der Jahre angesehen. Wie sahen E-Mails in den frühen 2000er Jahren aus? Welche Trends sind 2019 in den Siegerkreis aufgenommen worden? Und was wird 2020 – oder sogar 2030 – riesig sein? Das Team von Really Good Emails hat uns auf eine Reise in die Vergangenheit des E-Mail-Designs begleitet und uns geholfen, Vorhersagen über die nächsten Schritte zu treffen.

Sie hatten keine Gelegenheit, das Webinar live zu sehen? Mach dir keine Sorge. Sie können jederzeit auf die vollständige Aufzeichnung zugreifen und die Fragen und Antworten unten lesen.

Fragen und Antworten

Ein großes Dankeschön an alle, die sich während des Webinars mit einer Frage gemeldet haben! Hier ist eine Zusammenfassung unserer Antworten auf die am häufigsten gestellten Fragen, zusammen mit unserer Meinung zu einigen der Fragen, die wir während des Live-Webinars nicht beantwortet haben. Haben Sie weitere Fragen? Bitte hinterlassen Sie sie in den Kommentaren.

Wie unterscheiden sich diese E-Mail-Designtrends zwischen B2C und B2B?

Mike Nelson : Diese Trends sind in B2B, B2C und Non-Profit konsistent. Nur weil Sie sich in einer Branche befinden, heißt das nicht, dass Sie die Designideen einer anderen nicht verwenden können. Die einzige Branche, die ein eigenes Gefühl zu haben scheint, sind Regierungs-E-Mails, die normalerweise extrem textlastig sind.

Was ist der beste Weg, um Leerräume zu verwenden, da der dunkle Modus es schwieriger macht?

Mike : Es scheint ein wenig verwirrend, es „Leerraum“ zu nennen, wenn es wirklich nur Leerraum bedeutet. In diesem Zusammenhang spielt es keine Rolle, ob es weiß oder dunkel ist – Sie möchten nur jedem Element etwas Raum geben.

Lily Worth : Ich denke, der Begriff Weißraum wird oft als negativer Raum angesehen, was praktisch ist, da er nicht farbspezifisch ist.

Haben Sie Tipps, wie Sie durchdachtere visuelle Designelemente in E-Mails im Nur-Text-Stil einfügen können?

Jason Rodriguez : Bei E-Mails im Klartext-Stil kommt es wirklich auf die Hierarchie an, also ist es nicht nur ein langer Textklumpen, den Ihre Abonnenten wahrscheinlich nicht ansehen. Wenn Sie Durchsuchbarkeit schaffen können, indem Sie Abschnitte mit unterschiedlichen Überschriften erstellen – und entweder unterschiedliche Strichstärken oder einen anderen Textstil verwenden, um diese Überschriften hervorzuheben – hilft das auch.

Mike : Versuchen Sie, Ihre Absätze auf ein paar oder wenige Sätze zu beschränken, es sei denn, Sie schreiben einen langen Artikel und verwenden E-Mail als Medium. Verwenden Sie Aufzählungspunkte, um Ideen zusammenzufassen. Verwenden Sie Sonderzeichen wie "################", um visuelle Unterbrechungen zwischen Ideen zu schaffen. Wir haben einige gute Beispiele für E-Mails im Text- und Briefstil in dieser Sammlung auf RGE .

Lily : Ich stimme Jason zu. Die Verwendung verschiedener Schriftgrößen und -stärken – und vielleicht ein paar verschiedener Schriftstile, um eine Hierarchie zu schaffen – hilft dabei, eine E-Mail scanbar und verdaulich zu machen. Mit Typografie können Sie sicherlich kreativ sein; Unten in unserem Blog-Beitrag zu fetter Typografie finden Sie einige schöne Beispiele für Nur-Text-E-Mails .

Gibt es eine Möglichkeit, Animationen und animierte GIFs zugänglich zu machen?

Lily : Eine Animation sollte eine unterstützende Rolle spielen, daher sollten die Schlüsselbotschaft und der Call-to-Action im geschriebenen Inhalt enthalten sein . Wenn eine Animation separate und wichtige Informationen enthält, sollten diese in einem ALT-Tag dargestellt werden.

Bei der Animation selbst können Inhalts-Blinkfrequenzen zwischen 2 Hz und 55 Hz Benutzern mit lichtempfindlicher Epilepsie schaden. Außerdem können sehbehinderte Benutzer Schwierigkeiten haben, Inhalte in einem GIF zu lesen oder zu überprüfen, bevor sich die Animation ändert. Stellen Sie sicher, dass Ihre animierten GIFs entweder fließende Übergänge haben oder nicht mit hoher Geschwindigkeit von einem Frame zum nächsten animieren.

Jason : GIFs sind für die meisten Kampagnen sehr dekorativ. Aber wenn dieses GIF nicht geladen wird, wenn es nicht da ist, wenn Ihre Abonnenten ihre E-Mail öffnen, macht Ihre Nachricht dann noch Sinn? Wenn jemand einen Screenreader verwendet, um Ihre E-Mails zu lesen, wird er Ihre Nachricht verstehen können? Wie Lily sagte, wenn das GIF einen sich nicht wiederholenden Wert bietet, stellen Sie sicher, dass diese Nachricht in ein ALT-Tag eingefügt wird, damit alle Abonnenten Zugriff auf diese Informationen haben.

Gibt es Tools, die Sie zum Erstellen von Animationen und GIFs empfehlen würden?

Matt Helbig : Wir sehen immer noch, dass Marken Tools wie Adobe Photoshop oder After Effects verwenden. Das Hinzufügen einiger CSS-Animationen oder Hover-Effekte kann eine gute Möglichkeit sein, Ihrer E-Mail mit ein paar Codezeilen Bewegung hinzuzufügen.

Lily : Um die Animationen zu erstellen, die wir in Litmus-E-Mails enthalten, verwenden wir Adobe Animate. Mit dieser Software können wir GIF-, PNG- und HTML5-Animationen erstellen – diejenigen, die in der Vergangenheit mit Flash gearbeitet haben, werden diese Software kennen.

Whitney Rudeseal Peet : Wenn Sie animierte PNGs (APNGs) implementieren möchten , ist es derzeit nicht möglich, Animationen mit Adobe Photoshop oder Adobe Animate als APNGs zu speichern. Wenn wir APNGs in unsere E-Mails einschließen, verwenden wir Adobe Animate, um die Animation zu erstellen – aber wir exportieren jeden Frame als einzelnes PNG. Um all diese einzelnen PNGs in ein APNG zu konvertieren, können Sie ein Tool wie PNG Animator oder diese kostenlose Alternative von ezgif.com verwenden .

Werden benutzerdefinierte Illustrationen für B2B- und B2C-Zielgruppen oder hauptsächlich für B2C verwendet?

Mike : Sie sind ungefähr ausgeglichen. Die Beispiele, die wir im Webinar verwendet haben, mögen eher konsumorientiert ausgesehen haben, aber sie stammten alle von B2B-Unternehmen: Mailchimp (Verkauf von E-Mail-Diensten an andere Unternehmen), HelpScout (Verkauf von Kundendiensttechnologie an Unternehmen) und Bulb (Verkauf von Energie an Unternehmen) .

Jason : Wie alles bei E-Mails hängt es von Ihrer Marke und Ihrem Publikum ab – und was Ihr Ziel für jede Kampagne ist. Wenn Sie also in einer dieser Branchen tätig sind, in denen Dinge wie benutzerdefinierte Illustrationen als weniger ernst empfunden werden, verwenden Sie sie nicht. Aber denken Sie daran, dass es auch Möglichkeiten gibt, die Branche zu stören. Marken wie Simple oder Stripe in der Finanzbranche greifen einige neuere Designtrends auf, weil sie abstrakte Konzepte klarer darstellen und ihren Marken ein wenig Persönlichkeit verleihen können. Also sag niemals nie.

Gibt es noch Herausforderungen beim Rendern interaktiver Funktionen über E-Mail-Clients hinweg?

Whitney : Für viele Unternehmen ist der inkonsistente und eingeschränkte Support von Posteingangsanbietern der Hauptgrund dafür, dass sie keine interaktiveren E-Mails mehr versenden. Bei Funktionen wie Hover-Effekten und interaktiven Bildkarussells ist dies leider immer noch der Fall. Vor diesem Hintergrund müssen Sie, wenn Sie dennoch Interaktivität implementieren möchten, keine eingeschränkte Unterstützung befürchten, wenn Sie einen Fallback haben. Sehen Sie sich unseren Blogbeitrag zu Fallbacks für interaktive E-Mails an, um loszulegen.

Was ist mit dem dunklen Modus, der eine bessere Barrierefreiheit bietet?

Mike : In diesem Bereich wird noch viel geforscht. Zu sagen, dass „Dunkler Modus“ als pauschale Aussage für die Augen angenehmer ist, ist nicht korrekt, aber es hilft einigen – und kann alternativ für andere schlimmer sein, z. Für diejenigen, die Schlafstörungen haben, hat sich die Verwendung des Dunkelmodus am Abend als hilfreicher erwiesen als hellere Bildschirme, die Ihren zirkadianen Rhythmus beeinträchtigen können. Der Dunkelmodus wird auch allgemein als weniger ablenkend angesehen und verwendet, um den Menschen zu helfen, sich zu konzentrieren . Wenn der Kontrast jedoch zu stark ist – zum Beispiel echter schwarzer Hintergrund und echter weißer Text – ist es für Menschen mit Legasthenie schwieriger zu lesen . Dies kann abgemildert werden, indem immer noch ein dunkler Hintergrund verwendet wird, aber etwas wie Dunkelgrau mit einer Cremefarbe für die Schriftart verwendet wird.

Wie könnten diese Designtrends Ihrer Meinung nach bei einem älteren Publikum ab 65 funktionieren?

Mike : Wir haben dies nicht speziell behandelt, aber die Schriftgröße der E-Mails, die wir im Webinar gezeigt haben und die wir bei Really Good Emails sehen, wird im Vergleich zu noch vor wenigen Jahren erheblich vergrößert. Dies ist etwas, das ältere Demografien annehmen. Bekannt ist auch, wohin die Trends beim Bauhaus und Schweizer Design gehen.

Lily : Wie Mike vorschlägt, werden die Retro-Styles, die 2020 als beliebt gelten, wahrscheinlich für eine ältere Bevölkerungsgruppe nostalgisch sein. Die Vereinfachung ist wahrscheinlich auch für Ihr Publikum hilfreich, da E-Mails noch weniger überladen werden, wodurch die Nachricht und der Aufruf zum Handeln viel einfacher zu lesen und zu verstehen sind.

Typografie ist zwar eine großartige Möglichkeit, sich abzuheben, aber es ist schwer zu rechtfertigen, wenn viele Schriftarten nicht von E-Mail-Clients unterstützt werden. Glauben Sie, dass sich das bald ändern wird?

Lily : Es ist leider nicht möglich zu wissen, ob Webfonts noch mehr unterstützt werden, aber das würden wir uns auf jeden Fall wünschen. Dieses praktische Tool kann Ihnen dabei helfen, in der Zwischenzeit den richtigen Fallback für Ihre Webschrift zu finden.

Wie wird sich Ihrer Meinung nach die Personalisierung entwickeln, wenn es um einige dieser neuen Trends geht?

Matt : Wir erwarten, dass mehr Marken jeden Abschnitt einer E-Mail personalisieren. Kunden tauschen Daten für ein besseres Erlebnis aus. Leicht verständliche Berichte, einzigartige Angebote und Danksagungen geben den Kunden das Gefühl, VIP zu sein. E-Mail-Marketer sollten Kundendaten in die nützlichsten und relevantesten für Abonnenten umwandeln.

Außerdem finden Sie hier alle Kollektionen von Really Good Emails für die Trends, die wir im Webinar behandelt haben:

• Benutzerdefinierte Illustrationen
• Durchdachteres visuelles Design
• Dunklere Designs
• Kräftigere Farben
• Animierte E-Mails