E-Mail Vorschau Tool für mobile Geräte
Mit dem E-Mail Vorschau Tool in Mail Designer 365 kontrollierst du dein Newsletter-Layout auf verschiedenen mobilen Geräten, bevor du eine echte Testmail sendest. Prüfe Hoch- und Querformat, Textbreite, Bildausschnitte, Buttons und die Reihenfolge der Layoutblöcke.
Nachdem nun die Vorlage für mobile Geräte optimiert wurde, können wir uns eine Vorschau der E-Mail für verschiedene Geräte anzeigen lassen.
Ein Vorschaufenster öffnen
Klicke auf "Vorschau anzeigen" in dem App-Menü. Der Button sieht so aus:
Du wirst nun eine Liste verschiedener mobilen Geräte für die Vorschau sehen:
Hier kannst du auch ein- und auszoomen:
Bewege den Cursor auf das Display des dargestellten iPhones und scrolle, um die E-Mail komplett zu sehen. Auch in der Apple Watch Vorschau, kannst du durch die E-Mail scrollen. Die Klartext-Ansicht deiner Vorlage kannst du separat erstellen.
Klicke auf den kleinen Button mit dem Pfeil, um das Gerät in die Horizontale zu drehen.
Gerät und Ausrichtung auswählen
Öffne „Vorschau anzeigen“ und wähle ein Gerät beziehungsweise eine Bildschirmgröße. Drehe die Vorschau ins Querformat, wenn Empfänger den Newsletter auch so lesen könnten. Nutze mehrere Ansichten, weil ein einzelnes Gerätemodell nicht alle möglichen Bildschirmbreiten abbildet.
Text und Buttons mobil prüfen
Kontrolliere Schriftgröße, Zeilenumbrüche und den Abstand zwischen klickbaren Elementen. Lange Überschriften oder schmale Spalten können mobil unerwartet umbrechen. Buttons benötigen eine eindeutige Beschriftung und ausreichend Platz, damit sie gut bedienbar bleiben.
Bilder und Layoutblöcke kontrollieren
Prüfe, ob wichtige Bildbereiche sichtbar bleiben und keine Motive ungünstig beschnitten werden. Mehrspaltige Layoutblöcke können mobil untereinander erscheinen. Kontrolliere deshalb die inhaltliche Reihenfolge und stelle sicher, dass Text und zugehörige Aktion zusammenbleiben.
Abgrenzung zur Inbox-Vorschau
Diese Seite behandelt die visuelle Geräte- und Layoutvorschau. Betreffzeile, Snippet und Darstellung im Posteingang werden im E-Mail Betreffzeilen Generator und der Inbox-Vorschau separat geprüft. So bleiben beide Vorschau-Intentionen getrennt.
Vorschau durch Testmail ergänzen
Eine Simulation kann Unterschiede realer E-Mail-Programme nicht vollständig abbilden. Sende die finale Version an mehrere Testkonten und öffne sie auf echten Smartphones und Desktop-Clients. Prüfe Links, Fallback-Schriften und Darstellung bei blockierten Bildern.
Mobile Vorschau-Checkliste
- Mehrere Gerätebreiten wurden ausgewählt.
- Hoch- und Querformat funktionieren.
- Text, Buttons und Abstände bleiben gut lesbar.
- Bildausschnitte und mobile Reihenfolge sind korrekt.
- Eine echte Testmail ergänzt die Vorschau.
Wie können wir helfen?