F-Shape-Muster (F-förmiges Muster)

F-deseni (F-förmiges Muster)

Zusammenfassung: Eyetracking-Untersuchungen zeigen, dass Menschen Webseiten und Telefonbildschirme auf unterschiedliche Weise scannen; Eine davon ist die Form des Buchstabens F. Elf Jahre nach der Entdeckung dieses Modells bewerten wir heute neu, was es bedeutet.

In diesem Artikel möchten wir über aktuelle Forschungsergebnisse berichten, die sich damit befassen, und auch einige Missverständnisse bezüglich des F-Musters klären. Besonders:

Das Surfen im Internet verläuft nicht immer in F-Form. Es gibt andere häufig verwendete Screening-Modelle .
Das F-Modell ist für Benutzer und Unternehmen negativ.
Durch gutes Design kann eine F-förmige Abschirmung verhindert werden.

F-förmiges Lesemodell im Web

Dies ist eines der ersten Beispiele des F-Musters aus unserer Arbeit in den frühen 2000er Jahren. Diese Heatmap vereint die Perspektiven von mehr als 45 Menschen, die herausfinden wollten, was im Jahr 1900 in Galveston, Texas, geschah. Der obere, am häufigsten gelesene Teil der Heatmap (in Rot dargestellt) ähnelt einem Großbuchstaben „F“.

F-förmiges Muster

Das F-förmige Schraffurmuster zeichnet sich durch viele Fixierungen aus, die sich auf den oberen und linken Seitenrand konzentrieren. Besonders:

Benutzer lesen zuerst, normalerweise in einer horizontalen Bewegung über den oberen Rand des Inhaltsbereichs. Dieses Anfangselement bildet den oberen Balken von F.
Anschließend bewegen sich die Benutzer auf der Seite etwas nach unten und lesen von Anfang bis Ende mit einer zweiten horizontalen Geste, die normalerweise einen kürzeren Bereich abdeckt als die vorherige Geste. Dieses zusätzliche Element bildet die untere Leiste von F.
Schließlich scannen Benutzer die linke Seite des Inhalts in einer vertikalen Bewegung . Manchmal handelt es sich um einen langsamen, systematischen Sweep, der als durchgehendes Band auf der Eye-Tracking-Heatmap erscheint. In anderen Fällen bewegen sich Benutzer schneller und erstellen so eine deutlichere Heatmap. Dieses letzte Element bildet den Körper von F.

Die Ergebnisse dieses Modells sind:

Die ersten Textzeilen auf einer Seite erhalten mehr Aussehen als nachfolgende Textzeilen auf derselben Seite.
Die ersten paar Wörter links von jeder Textzeile erhalten mehr Fixierungen als nachfolgende Wörter in derselben Zeile.

Daher werden in den ersten Textzeilen mehr Wörter nach rechts gescannt als in späteren Zeilen. Dieses Schraffurmuster ähnelt der Form des Buchstabens F, ist jedoch selten ein perfektes F. In manchen Fällen kann es beispielsweise vorkommen, dass sich die Leute für einen Absatz am Ende der Seite interessieren, sich auf weitere Wörter konzentrieren und weiter rechts weiterlesen. das Muster beginnt einem E zu ähneln.

Das F-förmige Muster ist für Benutzer geeignet, um den Inhaltsbereich der Webseite zu lesen. Daher beschreibt es das Verhalten von Menschen, wenn sie eine Webseite besuchen und deren Inhalt bewerten; nicht ihr Verhalten, wenn sie sich in einem neuen Abschnitt der Website befinden und die Navigationsleisten (normalerweise oben und/oder links auf der Seite) untersuchen, um eine Entscheidung zu treffen. Wohin gehe ich als nächstes? In einem F-Muster fällt der Blick nach links also auf den linken Teil des Inhaltsbereichs und nicht auf den äußersten linken Teil der gesamten Seite, wenn die linke Spalte von einer Navigationsleiste belegt ist .

Unsere neueste Eye-Tracking-Untersuchung zeigt, dass das F-förmige Scanmuster in der heutigen Welt sowohl auf Desktop- als auch auf Mobilgeräten lebendig und lebendig ist. Typisch für die Langlebigkeit von UX-Ergebnissen , die mehr vom menschlichen Verhalten als von der Technologie abhängen .

F Lesereihenfolge

TigersinCrisis.com: Diese Heatmap aus unserer neuen Studie vereint Daten von 47 Personen, die herausfinden wollten, wie viele Sumatra-Tiger in freier Wildbahn leben. Die rote Farbe in dieser Wärmekarte ist ein Beispiel für das F-förmige Muster heute wie vor 11 Jahren.

Das F-förmige Muster ist kein einzelnes Schraffurmuster

Neben dem F-förmigen Muster gibt es viele weitere mögliche Schraffurmuster, darunter die unten aufgeführten:

Das Schichtkuchenmuster entsteht, wenn die Augen Überschriften und Unterüberschriften scannen und den regulären Text darunter überspringen. Das Blickdiagramm oder die Wärmekarte für dieses Verhalten zeigt horizontale Linien, die an einen Kuchen mit abwechselnden Schichten aus Kuchen und Zuckerguss erinnern.
Das gesprenkelte Muster besteht darin, große Textabschnitte zu überspringen und zu scannen, als würde man nach etwas Bestimmtem suchen, etwa einem Link, Zahlen, einem bestimmten Wort oder einer Wortgruppe mit einer anderen Form (etwa einer Adresse oder Signatur).
Das Zeigemuster besteht darin, den Blick auf eine einzelne Stelle zu richten, während eine Maus oder ein Finger über die Seite scrollt, so wie ein Tänzer beim Drehen ein Objekt fixiert, um das Gleichgewicht zu halten. Markup findet auf Mobilgeräten häufiger statt als auf dem Desktop.
Das Umgehungsmuster tritt auf, wenn mehrere Textzeilen in einer Liste alle mit demselben Wort beginnen und die ersten Wörter der Zeile absichtlich übersprungen werden.
Beim Engagement-Modell geht es darum, sich auf fast alles auf der Seite zu konzentrieren. Wenn Menschen hoch motiviert und an den Inhalten interessiert sind, lesen sie den gesamten Text in einem Absatz oder sogar einer ganzen Seite. (Aber rechnen Sie nicht damit, dass dies häufig vorkommt. Gehen Sie davon aus, dass die meisten Benutzer scannen.)

Warum scannen Menschen in einem F-förmigen Muster?

Menschen haben einen F-förmigen Scan, wenn alle drei Elemente vorhanden sind:

Eine Seite oder ein Teil einer Seite enthält Text mit geringer oder keiner Formatierung für das Web. Beispielsweise gibt es eine „Textwand“, aber keine Fettschrift, Aufzählungszeichen oder Zwischenüberschriften.
Der Benutzer versucht, auf dieser Seite möglichst produktiv zu sein.
Der Benutzer ist nicht engagiert oder interessiert genug, um bereit zu sein, jedes Wort zu lesen.

Die letzten beiden Elemente fassen so ziemlich das gesamte Webverhalten zusammen: Die überwiegende Mehrheit der Webnutzer zieht es vor, ihre Aufgaben so schnell wie möglich und mit minimalem Aufwand zu erledigen; Sie besuchen eine Seite, weil sie eine schnelle Antwort finden möchten, anstatt eine These zu diesem Thema zu lesen und sich weiterzubilden.

Wenn Autoren und Designer keine Schritte unternehmen, um den Benutzer zu den relevantesten, interessantesten oder nützlichsten Informationen zu leiten, werden Benutzer ihren eigenen Weg finden. Wenn kein Signal vorhanden ist, um den Blick zu lenken, wählen sie den Weg, der den geringsten Aufwand erfordert, und konzentrieren sich hauptsächlich auf die Stelle, an der sie mit dem Lesen begonnen haben (normalerweise das Wort oben links auf einer Textseite). Es ist nicht so, dass die Leute die Seite immer in F-Form scannen. Obwohl die Menschen durch jahrelanges Lesen gelernt haben, dass wichtigere Inhalte vor weniger wichtigen Inhalten stehen, denkt kein Benutzer, dass Inhalte vor den wichtigsten Inhalten stehen. Dinge erscheinen in einer F-Form. Das F-Muster ist das Standardmuster, wenn es keine starken Hinweise gibt, die den Blick auf sinnvolle Informationen lenken.

Menschen neigen dazu, die Kosten der Interaktion zu minimieren und den Nutzen zu maximieren, den sie aus ihrer Arbeit ziehen. In ihren Augen bedeutet dies, dass sie einige Zeit damit verbringen, die benötigten Informationen zu sammeln; produktiv, fürsorglich und erfolgreich in den Dingen zu sein, die sie aus diesen Obsessionen ziehen. Zeitersparnis bedeutet weniger Fokus, was bedeutet, dass man sich weniger Wörter ansieht.

In manchen Fällen wird es beim Scannen von Text gelangweilt oder müde. In anderen Fällen bieten die Wörter, die sie lesen, nur einen schwachen Hauch von Information; Das reicht vielleicht aus, um weiter zu stöbern, reicht aber nicht aus, um den Text weiter zu lesen.

Die F-Form ist schlecht für Benutzer und Unternehmen

Wenn Menschen nach einem F-Muster scannen, entgehen ihnen viele Inhalte, allein aufgrund der Art und Weise, wie der Text in einer Spalte fließt. Die übersprungenen Sätze und Wörter sind oft genauso wichtig, wenn nicht sogar wichtiger, als die gelesenen Wörter. Dies wird den Benutzern jedoch nicht bewusst sein, da sie per Definition nicht wissen, was sie nicht sehen.

F-förmiges Lesemuster im Web

History.com. Ein F-förmiges Blickdiagramm eines Studienteilnehmers beim Scannen einer Seite mit zu viel Prosa und zu wenig Formatierung (Jeder blaue Punkt zeigt eine Fixierung an. Die Linien zwischen den Punkten stellen Sakkaden dar, in denen der Benutzer seine Augen bewegt und fast blind wird. Diese Linien erleichtern das Verfolgen von Fixierungen (Größere Punkte weisen auf längere Fixierungen hin, Zahlen geben die Reihenfolge an.)

Bei responsivem Design oder jedem flüssigen Textlayout fließt der Text je nach Fenstergröße unterschiedlich. So wird sich beispielsweise ein Benutzer, der auf seinem Telefon im F-Muster surft, beim Scannen derselben Seite im F-Muster auf einem Desktop nicht auf dieselben Wörter konzentrieren, da der Inhalt in unterschiedlichen Ansichtsgrößen fließt.

Täuschen Sie sich nicht, das F-förmige Browsing-Muster ist schlecht für Benutzer und Unternehmen: Es bedeutet, dass Benutzer möglicherweise wichtige Inhalte überspringen, nur weil sie auf der rechten Seite der Seite erscheinen. Gutes Web-Markup reduziert die Auswirkungen von F-Crawling. Wenn Ihre Seiten eine große Menge unformatierten Texts enthalten, wird dieser im F-Muster gescannt.

Wenn das Surfen in einem F-Muster für Benutzer schlecht ist, warum tun sie es dann so oft, dass es ihr vorherrschendes Verhalten im Web ist? Denn das ist wirklich nur „schlecht“, wenn es darum geht, den größtmöglichen Nutzen aus dem Besuch Ihrer Website zu ziehen. Allerdings geht es den Nutzern nicht darum, den Nutzen einer einzelnen Website zu maximieren. das Web als Ganzes Ihr Ziel ist es, das Kosten-Nutzen-Verhältnis des Einsatzes zu optimieren. Ihre Website ist im Vergleich zum gesamten Internet wie ein Sandkorn am Strand. Um eine schöne Sandburg zu bauen – getreu der Metapher – muss man nicht lange nach besonders glatten Sandkörnern suchen. Sie müssen Eimer Sand sammeln. In ähnlicher Weise profitieren Benutzer häufig vom Web, indem sie mehrere Websites besuchen und jeweils nur wenig Aufwand betreiben. Page Parking, um viele Websites gleichzeitig geöffnet zu halten.

Das beste Gegenmittel zum F-förmigen Muster

Anstatt Benutzer dazu zu zwingen, sich Mühe zu geben und schlechte Verknüpfungen zu verwenden, erledigen Sie die Arbeit im Namen der Benutzer. Priorisieren und formatieren Sie Text, um Benutzer zu dem zu leiten, was sie sehen sollen und von dem Sie wissen, dass sie es sehen möchten. Einige einfache Tipps:

Fügen Sie die wichtigsten Punkte in die ersten beiden Absätze der Seite ein.
Verwenden Sie Überschriften und Zwischenüberschriften. Stellen Sie sicher, dass sie wichtiger aussehen und besser sichtbar sind als normaler Text, damit Benutzer sie schnell unterscheiden können.
Beginnen Sie Überschriften und Zwischenüberschriften mit den Wörtern, die die meisten Informationen enthalten: Auch wenn Benutzer nur die ersten beiden Wörter sehen, werden sie die Hauptidee des nächsten Abschnitts verstehen.
Gruppieren Sie kleine Mengen verwandter Inhalte visuell (z. B. indem Sie sie mit einem Rahmen umgeben oder einen anderen Hintergrund verwenden).
Wichtige Wörter und Sätze in Fettschrift .
Nutzen Sie die unterschiedlichen Formatierungen von Links und stellen Sie sicher, dass die Links informative Wörter enthalten (anstelle des allgemeinen „Los“, „hier klicken“ oder „mehr“). Diese Technik erhöht auch die Zugänglichkeit für Benutzer, die Links vorlesen hören, anstatt den Inhalt visuell zu scannen.
Verwenden Sie Aufzählungszeichen und Zahlen, um Elemente in einer Liste oder einem Prozess zu kennzeichnen.
Schneiden Sie unnötige Inhalte aus.

Zusammenfassung

Das Surfen im Internet wird bestimmt durch:

Benutzermotivation
Ziele, die sie erreichen wollen
Seitenlayout und Textformatierung
Seiteninhalt

Es ist schwer, die Motivation oder Ziele von Menschen zu kontrollieren, aber Sie können Inhalte und Präsentation optimieren, damit Benutzer schnell finden, was sie brauchen. Nutzen Sie insbesondere gute Webformatierungstechniken, um die Aufmerksamkeit auf die wichtigsten Informationen zu lenken, anstatt sich auf zufällige Wörter zu verlassen, an denen die Leute beim Surfen in F-Form hängen bleiben können.

Weitere Informationen zum F-Shape-Muster und anderen Schraffurmustern finden Sie hier: