Die Optimierung für die unterschiedlichen Geräte, bspw. die mobile Ansicht, ist nicht einfach. Zum Glück haben viele E-Mail Toolanbieter bereits einen „What You See Is What You Get“-Editor. Damit kannst du separate Templates für die Ansicht auf dem Desktop und anderen Devices erstellen. Ansonsten gibt es diese Möglichkeit auch bei Adobe Dreamweaver. Das Gute an den Editoren ist dass keine Code Kenntnisse unbedingt haben muss. Allerdings empfehle ich dir schon die Basis Befehle zu lernen um das Template und dessen Aufbau zu verstehen.
Bei der Schriftgröße ist diese meistens in der mobilen Ansicht zu groß. Eine entsprechende Anpassung der Headline- und Fließtext-Schriftgrößen ist zwingend erforderlich. Jahrelang wurden Grafiken verwendet auf denen der Text stand oder Grafiken von Buttons. Es gab dann immer Probleme bei der Skalierung auf den verschiedenen Geräten bei der Lesbarkeit. Dies ist heute anders. Wenn du Grafiken verwendest sollten diese keinen Text haben oder noch besser den Text extra haben. Dies hat den Vorteil dass nicht nur Grafiker Überschriften, Textinhalte oder Call-to-Action (CTA) Buttons bearbeiten und schnell anpassen können.
Ein weiterer Punkt ist das Deaktivieren von Elementen, also diese in der mobilen Ansicht nicht anzuzeigen. Aufgrund des kleinen Bildschirm im Mobil Bereich wirkt ein Newsletter schnell überladen und unübersichtlich. Dies hat natürlich Auswirkungen auf das Leseverhalten dieser Gruppe. Ein gängiges Beispiel wäre die Navigation. Ursprünglich sind es vielleicht fünf oder mehr Menüinhalte im Header. Diese werden für den mobilen Newsletter auf drei Menüpunkte reduziert. Eine andere Möglichkeit ist Mobile first. Hier werden alle Inhalte basierend für den kleinen Bildschirm zuerst entwickelt und dann für den größeren Bildschirm. Häufig gibt dann die mobile Ansicht auch die Desktop Version vor. Dies bedeutet beispielsweise das beide Ansichten nur drei Menüpunkte.
Kennst du schon die E-Mail Design Trends? Campaign Monitor hat übrigens einen guten Guide für die mobile Ansicht verfasst.
