Mobile-Studio
Eine Beispielseite gleichzeitig auf allen Geräte-Größen. Sieh, wie sich Inhalt anpasst — und wo er bricht.
- Erkenne Probleme bei langen Worten, breiten Tabellen oder zu wenig Platz
- Verstehe, wann Spalten umstapeln und Headlines umbrechen
- Teste Änderungen ohne ein Gerät zu wechseln
Tipp: Klicke auf einen Frame, um ihn in voller Größe zu sehen. Mit „Probleme markieren“ werden lange Worte, breite Tabellen und Overflow visuell hervorgehoben.
Was Redakteure aus dem Mobile-Studio mitnehmen
Drei Faustregeln für mobiles Content-Management:
- 1 Lange Wörter aufbrechen oder umschreiben. „Bundesimmissionsschutzverordnung“ passt auf 320px nicht in eine Zeile. Alternative: „Verordnung zum Bundesimmissionsschutz“ oder Abkuerzung mit Glossar.
- 2 Tabellen mit vielen Spalten meiden oder umdenken. Auf Mobil scrollt der Nutzer horizontal und übersieht Spalten. Reduziere Spalten oder nutze stattdessen Cards mit Schlüssel-Wert-Listen.
- 3 Headlines kurz halten. 5–10 Wörter. Auf Mobil bricht alles, was darüber hinausgeht, über mehrere Zeilen — der erste Eindruck verliert an Wucht.