Im letzten Blogbeitrag haben wir bereits über die Vorlagen von E-Mails gesprochen. Heute gehen wir auf das Thema Layout ein.
Layout
Kommen wir nun zur E-Mail selbst und zu dem, was die Leser vorfinden, wenn sie deine E-Mail geöffnet haben. Beginnen wir mit dem Layout und wie der Inhalt innerhalb der E-Mail angezeigt wird.
Das E-Mail-Layout ist im Wesentlichen die Struktur, die mitbestimmt, wie das Auge des Lesers den Inhalt scannt. Das Ziel ist es, deine E-Mail so einfach wie möglich zu lesen und gleichzeitig die Aufmerksamkeit des Lesers sofort zu fesseln.
E-Mail-Layouts lassen sich im Allgemeinen in drei Gruppen unterteilen: einspaltig, mehrspaltig oder eine Mischform.
Einspaltiges Layout
Wie der Name schon sagt, werden bei diesem Layout Bilder und Text in einer Spalte übereinander gestapelt. Jedes Element passt in die Breite der E-Mail, die idealerweise 600 Pixel betragen sollte.
Das einspaltige Layout ist eines der am einfachsten zu lesen, da der Inhalt einer klaren Hierarchie folgt – meist Bild, Überschrift, Text und CTA. Es ermöglicht den Lesern, zu dem Abschnitt der E-Mail zu scrollen, der für sie am relevantesten ist.
Wenn du den Inhalt auf diese Weise anordnest, hilfst du deinen Lesern, zu einem klaren Call-to-Action zu gelangen. Besonders, wenn du das Modell der umgekehrten Pyramide anwendest, indem du deine Bilder, Texte und CTA-Buttons mittig ausrichtest.
Dieser Rahmen für die Strukturierung deiner E-Mail lenkt das Auge dorthin, wo es ankommen und aufpassen soll – auf den Call-to-Action.
Ein weiterer großer Vorteil dieses Layouts ist, dass es bereits für Mobilgeräte optimiert ist – mit einer einspaltigen E-Mail merkt man kaum einen Unterschied zwischen Desktop und Mobilgeräten.
Mehrspaltiges Layout
Dieses Layout verwendet zwei oder mehr Spalten, um Inhalte darzustellen. Es ist jedoch am besten, nicht mehr als drei Spalten zu verwenden – denke daran, dass die ideale Breite 600 Pixel beträgt, was dir nicht viel Spielraum lässt.
Wenn mehrere Zeilen, die aus zwei oder drei Spalten bestehen, verwendet werden, entsteht ein Rasterformat, das sich perfekt für die Anzeige einer Reihe verschiedener Produkte in einer E-Mail eignet.
Es ist ein Layout, das besser auf dem Desktop funktioniert – das Raster füllt die gesamte Breite der E-Mail aus und sieht wirklich ordentlich aus. Auf dem Handy sollte es, wenn es sich um ein responsive Design handelt, zu einem einspaltigen Layout wechseln, bei dem die hervorgehobenen Felder übereinander gestapelt sind.
Wenn das nicht der Fall ist, dann sieht der Inhalt auf dem Handy sehr klein aus und kann sogar fast unleserlich sein, besonders bei den drei Spalten. Stelle also sicher, dass es responsive ist.
Das „Z“-Muster
Wenn du zwei Spalten verwendest, kannst du das Z-Muster oder Zick-Zack-Layout verwenden, wie es auch bekannt ist. Dieses Layout folgt der Form des Buchstabens „Z“ und führt das Auge des Lesers von links nach rechts, dann diagonal nach unten, um wieder von links nach rechts zu folgen.
Es ist ein beliebtes Layout im E-Commerce, da es dir ermöglicht, mehrere Produktbilder neben kurzen Beschreibungen zu platzieren.
Hybrides Layout
Dies ist einfach eine Kombination aus einspaltigen und mehrspaltigen Layouts, die in einer E-Mail verwendet werden. Es wird oft mit einem Heldenbild verwendet, gefolgt von zwei- oder dreispaltigen Abschnitten, um zusätzliche Nachrichten oder Produkte hervorzuheben.
Es ist ein großartiges Layout, wenn du viel in eine E-Mail packst, da es eine starke Hierarchie mit dem ersten Heldenbild beibehält. Es ermöglicht dir auch, mehrere CTAs zu verwenden, ohne die Hauptbotschaft zu verwirren.
Welches E-Mail-Layout du verwendest, positioniere den wichtigsten Inhalt im Bereich „above the fold“ – der Bereich, den deine Abonnenten nach dem Öffnen zuerst sehen. Dies sollte deine primären CTA enthalten.