← Zurück zum Blog
Design & Contentstoriesinstagramdesigntextcontent

Stories, die gelesen werden: 10 Regeln für Text in Stories mit Beispielen

Stories, die gelesen werden: 10 Regeln für Text in Stories mit Beispielen

Stories werden in einer Sekunde weggewischt, Text muss also auf einen Blick lesbar sein. Hier sind 10 Regeln für Text in Stories mit Vorher-nachher-Beispielen sowie Metas sichere Zonen, damit Buttons und Profilname nichts Wichtiges verdecken.

Warum werden Stories nicht zu Ende gelesen?

Eine Story wird nur wenige Sekunden angesehen und weggewischt, wenn der Text nicht sofort ankommt. Meist liegt es nicht am Inhalt, sondern an der Gestaltung: winzige Schrift, Text auf unruhigem Hintergrund, ein einziger Absatz. Hier sehen Sie, was Sie ändern sollten.

10 Regeln mit Beispielen

1. Kontrast erhöhen

Kontrast erhöhen: vorher und nachher

Heller Hintergrund, dunkler Text; dunkler Hintergrund, heller Text. Bei unruhigem Hintergrund eine halbtransparente Fläche hinter den Text legen. Für normalen Text empfiehlt der Barrierefreiheitsstandard WCAG einen Kontrast von mindestens 4,5:1.

2. Text vergrößern

Text vergrößern: vorher und nachher

Kleiner Text auf dem Smartphone wird einfach übersprungen. Überschrift groß, Erläuterung deutlich kleiner.

3. Text aufteilen

Text aufteilen: vorher und nachher

Einen ganzen Absatz liest in Stories niemand. Überschrift und zwei, drei kurze Zeilen genügen, der Rest kommt in die nächste Story.

4. Text ausrichten

Text ausrichten: vorher und nachher

Wir lesen von links nach rechts, rechtsbündiger Text liest sich schwerer. Linksbündig ist am einfachsten, zentriert passt für kurze Sätze.

5. Blöcke aneinander ausrichten

Blöcke aneinander ausrichten: vorher und nachher

Stehen Zeile, Überschrift und Hinweis an verschiedenen Rändern, springt das Auge. Alle Blöcke an einer Linie ausrichten.

6. Akzente setzen

Akzente setzen: vorher und nachher

Wenn alles gleich aussieht, fällt nichts auf. Das Wichtigste – eine Zahl oder einen Vorteil – mit Größe oder Farbe hervorheben.

7. Freie Fläche nutzen

Freie Fläche nutzen: vorher und nachher

Fotos haben meist eine ruhige Zone: Himmel, Nebel, Wasser. Den Text dorthin setzen, nicht über Details.

8. Überflüssiges weglassen

Überflüssiges weglassen: vorher und nachher

Je weniger Unruhe im Foto, desto besser lesbar der Text und desto stärker die Botschaft. Manchmal ist ein anderes Bild die bessere Wahl.

9. Stil vereinfachen

Stil vereinfachen: vorher und nachher

Eine oder zwei Schriften und eine Akzentfarbe. Drei Schriften und drei Farben in einer Story wirken chaotisch.

10. Lesbare Schriften wählen

Lesbare Schriften wählen: vorher und nachher

Einfacher Test: eine Sekunde hinschauen – lesbar? Wenn nicht, die Zierschrift ersetzen.

Sichere Zonen: was die Buttons verdecken

Sichere Zonen: was die Buttons verdecken: vorher und nachher

Für Story-Anzeigen empfiehlt Meta das Format 9:16 (empfohlen 1440 × 2560) und rund 14 % oben, 35 % unten und je 6 % an den Seiten frei von Text und Logos zu lassen. Dort erscheinen Profilbild, Call-to-Action-Button und Antwortfeld.

Metriverra zeigt, welche Kampagnen und Anzeigen Umsatz bringen – so prüfen Sie leicht, ob die neue Story-Gestaltung etwas gebracht hat.

Kurz gesagt

  • Kontrast und großer Text zuerst – ohne sie wirkt nichts anderes.
  • Text in kurzen Blöcken, an einer Linie ausgerichtet.
  • Ein Akzent und ein bis zwei Schriften.
  • Text in einer ruhigen Zone des Fotos, ohne Unruhe.
  • Bei Anzeigen 14 % oben, 35 % unten, 6 % seitlich frei lassen.

Quellen: Meta Ads Guide — Instagram Stories · W3C — WCAG 2.2: Contrast (Minimum)

Als Nächstes lesen