Lorem ipsum und Blindtext
Blindtext füllt ein Layout, bevor die echten Worte existieren. Gut eingesetzt, lässt er Menschen ein Design beurteilen, ohne vom Inhalt abgelenkt zu werden; nachlässig eingesetzt, verdeckt er Probleme, die erst echter Text zeigt, oder landet auf einer veröffentlichten Seite. Diese Anleitung behandelt beide Seiten.
Woher Lorem ipsum stammt
Das bekannte „Lorem ipsum dolor sit amet…“ ist ein durcheinandergebrachter Auszug aus Ciceros De finibus bonorum et malorum („Über das höchste Gut und das größte Übel“), geschrieben 45 v. Chr. Wörter wurden gekürzt und verändert: „lorem“ ist das Ende von „dolorem“, das im Originaltext über eine Zeile hinweg getrennt war. Das Ergebnis sieht aus wie Latein, liest sich aber nicht als Latein.
Drucker verwendeten solchen Fülltext schon lange. Weit verbreitet wurde er in den 1960er-Jahren durch Letraset-Abreibebögen, und in den 1980er-Jahren lieferten Desktop-Publishing-Programme wie Aldus PageMaker ihn mit. In den 1990er-Jahren führte der Latinist Richard McClintock den Text auf Cicero zurück. Da die Quelle über zweitausend Jahre alt ist, darf der Text frei verwendet werden.
Warum Designer Blindtext verwenden
Lesbarer Text zieht Aufmerksamkeit an: In einer Besprechung reden die Leute über die Formulierungen statt über das Layout. Lorem ipsum hat eine natürliche Mischung aus kurzen und langen Wörtern und keine Bedeutung, sodass das Auge Zeilen, Absätze und Grauwert sieht statt Sätze. Das macht ihn nützlich für:
- frühe Entscheidungen zu Layout und Typografie: Spaltenbreite, Zeilenhöhe, Schriftgröße;
- Vorlagen und Komponenten, die später Inhalte vieler Autoren aufnehmen;
- Tests, wie sich eine Seite mit sehr kurzem und sehr langem Text an derselben Stelle verhält.
Wann Blindtext täuscht
Lorem ipsum ist überall gleich lang, wo man ihn einfügt, echter Inhalt nicht. Häufige Überraschungen:
- Überschriften und Schaltflächen, die später geschrieben werden, sind länger oder kürzer als der Fülltext und sprengen das Layout. Testen Sie mit dem kürzesten und dem längsten realistischen Text, nicht mit einem Durchschnitt.
- Namen, Adressen und Preise haben eigene Formen: ein Doppelname, ein Straßenname mit 30 Zeichen, ein Preis mit Währungszeichen und Tausendertrennzeichen.
- Übersetzungen sind oft länger als Englisch, und kurze Beschriftungen können sich in der Länge verdoppeln. Deutsche Komposita brechen am Zeilenende nicht um, wenn sie nicht getrennt werden.
- Echte Struktur bringt Listen, Links, Zitate und Zwischenüberschriften mit, die ein Block Lorem ipsum nie zeigt.
Verwenden Sie für Usability-Tests realistischen Text. Teilnehmende können nicht beurteilen, ob eine Seite sinnvoll ist, oder darauf Informationen finden, wenn die Information lateinischer Fülltext ist.
Blindtext in anderen Sprachen
Ein Layout, das mit lateinischen Buchstaben funktioniert, kann mit anderen Schriften scheitern. Chinesisch und Japanisch werden ohne Leerzeichen zwischen Wörtern geschrieben, daher brechen Zeilen zwischen fast beliebigen zwei Zeichen um, mit Regeln, die bestimmte Satzzeichen vom Zeilenanfang fernhalten. Koreanisch setzt Leerzeichen zwischen Worteinheiten, hat aber viel mehr Silbenformen pro Zeile. Jede dieser Schriften braucht Fonts, die ihre Zeichen enthalten; fehlen sie in der gewählten Schrift, ersetzt der Browser sie durch eine andere mit anderen Breiten und Zeilenhöhen.
Deshalb erzeugt der LeedyBox-Generator auch koreanischen, japanischen und chinesischen Blindtext. Testen Sie bei einer mehrsprachigen Website jedes Layout mit Text in der Zielschrift, nicht mit Lorem ipsum.
Bessere Platzhalter für verschiedene Aufgaben
| Aufgabe | Bessere Wahl als Lorem ipsum |
|---|---|
| Produktkarten, Tabellen, Dashboards | Realistische Beispieldaten: Namen, Daten, Preise und IDs in echter Länge |
| Formulare und Fehlermeldungen | Die tatsächlichen Beschriftungen und Meldungen, einschließlich der längsten Fehlermeldung |
| Landingpages und Artikel | Ein Entwurf des echten Textes, auch wenn er roh ist |
| Mehrsprachige Layouts | Beispieltext in jeder Zielsprache oder ein übersetzter Entwurf |
| Fließtext in einer Vorlage | Hier passt Lorem ipsum gut |
Testdaten-Bibliotheken wie Faker erzeugen glaubwürdige Namen, Adressen und Daten in vielen Sprachen für Prototypen und automatisierte Tests.
Vor der Veröffentlichung
Blindtext auf einer veröffentlichten Seite wirkt nachlässig und bietet Lesern und Suchmaschinen nichts. Vor dem Start:
- durchsuchen Sie Code und Content-Management-System nach „lorem“, „ipsum“ und anderen Markierungen Ihres Teams, etwa „TODO“ oder „TBD“;
- prüfen Sie die Stellen, die bei einer Durchsicht niemand liest: Seitentitel, Meta-Beschreibungen, Alternativtexte von Bildern, Meldungen für leere Zustände und E-Mail-Vorlagen;
- hören Sie sich eine Seite einmal mit einem Screenreader an; Fülltext und fehlende Beschriftungen fallen beim Hören viel leichter auf.
Häufig gestellte Fragen
Darf ich Lorem ipsum für kommerzielle Arbeiten verwenden?
Ja. Er beruht auf einem über zweitausend Jahre alten, gemeinfreien Text, daher ist keine Erlaubnis nötig.
Schadet Blindtext dem Suchmaschinen-Ranking?
Nur wenn er veröffentlicht wird. Eine Seite, die noch Fülltext enthält, bietet keinen nützlichen Inhalt; halten Sie Entwürfe daher unveröffentlicht oder von der Indexierung ausgeschlossen, bis der echte Text steht.
Ist Lorem ipsum dasselbe wie der Platzhalter in einem Formularfeld?
Nein. Der hellgraue Hinweis in einem leeren Formularfeld, gesetzt mit dem HTML-Attribut placeholder, ist ein kurzes Beispiel für Nutzer. Er verschwindet beim Tippen und sollte daher keine sichtbare Beschriftung ersetzen.
Wie viel Blindtext sollte ich verwenden?
So viel, wie der echte Inhalt haben wird, und dazu einige Extremfälle: den kürzesten und den längsten Text, den Sie für jede Stelle erwarten. Die erwartete Länge sagt mehr aus, als jedes Feld mit demselben Absatz zu füllen.