Layout-Muster beschreiben typische Wege, auf denen der Blick über eine Seite wandert. Am bekanntesten sind das F-Muster bei textlastigen Seiten und das Z-Muster bei Seiten mit wenig Text. Sie helfen, wichtige Inhalte dorthin zu setzen, wo sie gesehen werden.
- Layout-Muster
Typische Wege, auf denen der Blick über eine Seite wandert, etwa das F-Muster bei Text und das Z-Muster bei wenig Text.
Beispiel: „Weil das Layout-Muster auf Textseiten einem F folgt, stellten wir die Schlüsselwörter an den Anfang jeder Zwischenüberschrift.“Auch: Lesemuster, Scanmuster, englisch F-pattern und Z-pattern.
Abgrenzung zum Zickzack-Layout: Dort wechseln Bild und Text die Seite, das ist ein Layout, kein Blickmuster.
Das F-Muster
Jakob Nielsen beschrieb es 2006 nach einer Eyetracking-Studie mit 232 Nutzern: zwei waagerechte Blickbewegungen oben, dann ein senkrechter Streifen am linken Rand. Kara Pernice bestätigte 2017, dass es auch mobil gilt, und nannte es schlecht für Nutzer und Unternehmen, weil Wichtiges überlesen wird. Es entsteht bei unformatiertem Text, eiligen Nutzern und geringem Interesse.
Das Z-Muster
Bei Seiten mit wenig Text läuft der Blick laut Smashing Magazine von links oben nach rechts oben, quer nach links unten und wieder nach rechts. Logo oben links und Handlungsaufforderung unten rechts nutzen diesen Weg. Eine Eyetracking-Studie dazu wie beim F-Muster gibt es nicht.
Bessere Layout-Muster
Die Nielsen Norman Group ordnet die Textmuster von schlecht nach gut: F, gefleckt, Schichtkuchen, vollständiges Lesen. Das Schichtkuchen-Muster, bei dem Nutzer von Zwischenüberschrift zu Zwischenüberschrift springen, ist nach dem vollständigen Lesen das effektivste. Klare Überschriften, kurze Absätze und vorne stehende Schlüsselwörter fördern es.