Mobile Textstile für Newsletter anpassen

Mobile Textstile ermöglichen dir, Schriftgröße, Zeilenhöhe und weitere Texteigenschaften für die Smartphone-Ansicht anzupassen, ohne den Textblock vom Desktop-Design zu entkoppeln. So kannst du denselben Inhalt auf kleinen Bildschirmen besser lesbar gestalten und behältst die gemeinsame Inhaltsbasis.

Welche Textwerte mobil angepasst werden sollten

Prüfe zuerst Schriftgröße, Zeilenhöhe, Absatzabstand und Ausrichtung. Fließtext muss bequem lesbar bleiben; zu kleine Schrift spart zwar Platz, erschwert aber die Nutzung. Überschriften dürfen kompakter werden, sollten dennoch klar von den Absätzen unterschieden sein.

Ändere nur Werte, die in der Smartphone-Ansicht tatsächlich ein Problem lösen. Viele unnötige Abweichungen machen das Design schwerer wartbar.

Mobile Textstile bieten dir einen einfacheren Weg, euren Smartphone-Inhalt zu bearbeiten, ohne dass du mobile Blöcke von dem Desktop Design entkoppeln musst.

Gehe zu der Smartphone-Ansicht und passe einen Textblock ein. In diesem Beispiel haben wir die Zeilenhöhe reduziert, um Platz für Smartphone User zu sparen:

Deine Änderung wird nun in einer blauen Kiste unter dem Stil-Menü erscheinen:

Weitere Änderungen werden auch hier aufgelistet:

Wechsele zurück zu der Desktop Ansicht. Die blaue Kiste ist immer noch unter dem Stil-Menü zu finden, damit du und andere Kollegen an diesen Änderungen erinnert werden.

Um die Text-Anpassungen zurückzusetzen, kannst du oben rechts auf das Pfeil klicken. So setzt du den Textstil auf den von der Desktop-Version zurück.

Wichtig: Für mobile Apps, wie Gmail für IMAP, die die neuen Stilanpassungen nicht unterstützen, kann eine entsprechende Vorschau eingeblendet werden. Du kannst dein Design prüfen, indem du "Vorschau" anklickst, um die Gmail-Vorschau zu öffnen.

Mobile Änderungen nachvollziehen

Mail Designer 365 listet mobile Abweichungen im Stil-Menü auf. Diese Übersicht hilft dir und anderen Teammitgliedern zu erkennen, welche Werte von der Desktop-Version abweichen. Prüfe die Liste nach größeren Designänderungen, damit alte Sonderanpassungen nicht unbeabsichtigt bestehen bleiben.

Textstil auf Desktop-Werte zurücksetzen

Wenn eine mobile Anpassung nicht mehr benötigt wird, setze sie über den Pfeil auf den Desktop-Stil zurück. Kontrolliere danach die Smartphone-Vorschau erneut. So vermeidest du widersprüchliche Einzelwerte und hältst das Design übersichtlich.

Zeilenumbrüche und Absatzlänge prüfen

Schmale Bildschirme erzeugen mehr Zeilenumbrüche. Achte darauf, dass Überschriften nicht ungünstig getrennt werden und sehr lange Absätze den Newsletter nicht unnötig verlängern. Teile Inhalte in kurze, verständliche Abschnitte und halte Links gut erkennbar.

E-Mail-Programme in der Vorschau testen

Nutze die verfügbaren Vorschauen für Programme, die mobile Stilwerte nur eingeschränkt unterstützen. Prüfe wichtige Inhalte zusätzlich in Test-E-Mails auf verschiedenen Geräten. Der Newsletter muss auch dann verständlich bleiben, wenn ein Programm auf Desktop-Werte oder eine andere Schrift zurückfällt.

Barrierefreiheit mobiler Texte

Verwende ausreichenden Kontrast und vermeide sehr kleine Schrift. Klickbare Textlinks benötigen genügend Abstand zu benachbarten Elementen. Verlasse dich für Hierarchie nicht nur auf Farbe; Größe, Gewicht und Struktur sollten gemeinsam wirken.

Checkliste für mobile Textstile

• Fließtext und Überschriften sind bequem lesbar.
• Zeilenhöhe und Absatzabstände passen zur Bildschirmbreite.
• Nur notwendige mobile Abweichungen bleiben aktiv.
• Rückfall-Darstellung in relevanten E-Mail-Programmen wurde geprüft.
• Test-E-Mail funktioniert auf Smartphone und Desktop.

Weitere Hinweise zu Textstilen und Hervorhebungen findest du im Mail Designer 365 Handbuch.