Die vertikale Verteilung der Aufmerksamkeit des Nutzers auf eine Webseite ist relativ einfach: In der ersten Hälfte des Sichtfeldes des Menschen sind mehr Informationen verborgen als im unteren Teil. Schauen wir uns nun die Verteilung der Benutzeraufmerksamkeit in horizontaler Richtung der Webseite an. Anhand der zuvor gesammelten Datenbank lässt sich leicht feststellen, dass beim Durchsuchen von Webseiten durch Benutzer das Gewicht der Aufmerksamkeitsverteilung von links nach rechts wie folgt ist:.jpg)
In diesem Diagramm stellt die Abszisse jedes Artikels 100 Pixel dar und 100 % der Ordinate stellen die Zeit dar, die vom Beginn des Surfens ganz links durch den Benutzer bis zum Verlassen der Seite vergeht.
Menschen verbringen mehr als doppelt so viel Zeit auf der linken Seite wie auf der rechten Seite und treffen die offensichtliche Entscheidung:
Die linke Hälfte nahm 69 % der Zeit in Anspruch; die rechte Hälfte nahm 30 % der Zeit in Anspruch;
Die restlichen 1 % der Browsing-Zeit werden in den ersten 1024 Pixeln verbracht, die durchsucht werden können. Einige Informationen sind erst nach horizontalem Scrollen sichtbar. Diese Informationen legen nahe, dass wir den horizontalen Balken korrigieren sollten, um horizontales Scrollen zu vermeiden.
Die Informationen, über die wir hier in der „unteren Spalte“ sprechen, sind tatsächlich der Teil außerhalb des Bildschirms auf der rechten Seite des Bildschirms, nicht buchstäblich „darunter“. Wenn man andererseits horizontales und vertikales Surfen vergleicht, werden Benutzer in vertikaler Richtung etwa 20 % der Informationen überspringen, während sie in horizontaler Richtung nur etwa 1 % der Informationen ignorieren. (Ich glaube, ich habe tatsächlich bis zu zwanzig Mal gesagt, dass das horizontale Scrollrad schrecklich ist, weil es die Benutzer wirklich nervt und weniger Aufmerksamkeit erregt.)
In unserer Studie wurde ein 1.024 × 768-Monitor verwendet. Mit einem größeren Display hoffen wir, mit weniger Scrollen mehr Inhalte auf der rechten Seite zu sehen, und das Gleiche gilt auch im Normalmodus.
Der Abschnitt ganz links enthält normalerweise eine Navigationsleiste, daher ist es nicht verwunderlich, dass die Aufmerksamkeit nach 200 Pixeln zunimmt und nach 300–500 Pixeln, wo sie die meiste Aufmerksamkeit erhält. Menschen neigen dazu, sich von Anfang an auf den Hauptinhaltsbereich in der ersten Zeile zu konzentrieren.
Leserichtung der Sprache von links nach rechts
Eine von uns in Gebieten mit Links-nach-Links-Lesegewohnheiten durchgeführte Usability-Untersuchung ergab, dass Menschen dem Zeilenanfang mehr Aufmerksamkeit schenken. Offensichtlich beginnt der Text in diesen Sprachen rechts. Trotzdem finden wir möglicherweise nicht unbedingt die entsprechende Eyetracking-Implementierung. Beispielsweise gibt es auch für Arabisch und Hebräisch die oben genannten Diagramme. (Das bedeutet ungefähr, dass, wenn die Lesegewohnheiten eines Landes oder einer Region von rechts nach links verlaufen, das Aufmerksamkeitszeitverteilungsdiagramm ein Spiegelbild des obigen Diagramms bildet, d. h. die Abszisse wird von rechts nach links geschrieben.)
Der Grund dafür ist, dass Websites in Rechts-nach-links-Lesesprachen nicht immer ein Links-nach-rechts-Layoutdesign haben. Hier sind die Layouts von den Websites der Dubaier Zeitung Emarat Al Youm und der israelischen Zeitung Haaretz:
.jpg)
Emarat Al Youm ist eine echte rechtsbündige Website. Im Gegensatz dazu ist Haaretz eine Website mit rechtsbündigem Text, verfügt aber immer noch über eine linke Navigationsleiste. Daher kann diese Eye-Tracking-Recherche (Eyetracking, lassen Sie mich das jetzt so übersetzen) komplizierter sein als unsere gewöhnliche englische Website.
Priorisieren Sie das reguläre Layout
Zurück zu den Sprachen, in denen wir normalerweise von links nach rechts lesen – sagen wir Chinesisch, Englisch, Russisch oder sogar Japanisch – was bedeuten unsere Ergebnisse?
Einfach ausgedrückt: Bleiben Sie beim traditionellen Website-Layout, denn es passt perfekt zur Art und Weise, wie Menschen im Internet surfen.
Halten Sie die Navigation auf der linken Seite konsistent, was die Leute von einer Liste erwarten;
Achten Sie stärker auf die Anordnung des Hauptinhalts von links nach rechts.
Der wichtigste Inhalt sollte ein Drittel oder sogar die Hälfte der gesamten Seitenbreite einnehmen. Darauf konzentrieren sich die Benutzer am meisten.
Behalten Sie den sekundären Inhalt auf der rechten Seite bei. Es wird nicht allzu viel Aufmerksamkeit bekommen, aber es reicht aus – nicht jeder Inhalt kann einen Spitzenplatz erreichen und Sie brauchen einen Platz für weniger wichtige Inhalte.
Interessanterweise ist das Layout der in diesem großen Bild gezeigten Website dem Layout gängiger Intranets sehr ähnlich. Aber das ist nur eine Website.
Dominante Browsing-Muster und Webseiten-Layouts entwickelten sich eindeutig zu einem Unterordnungsverhältnis:
Menschen werden darauf trainiert, auf bestimmte Orte zu achten, weil dort meist die wichtigsten Informationen verteilt werden;
Wenn Unternehmen derzeit Website-Layouts erstellen, werden ihre Informationen danach angeordnet, wie die Aufmerksamkeit der Menschen auf der Seite verteilt wird.
Wenn Sie vom traditionellen Layout abweichen, ändern einige Benutzer ihre Aufmerksamkeitsgewohnheiten beim Surfen auf Ihrer Website. Wenn Sie wichtige Dinge auf der rechten Seite platzieren, kann es sein, dass die (weniger) Benutzer in diesem Bereich mehr Zeit damit verbringen, diese Informationen zu entdecken als die typische Benutzerdomäne.
Es ist nicht so, als ob der Benutzer vorher entschieden hätte: „Ich werde nur 2,5 % meiner Zeit damit verbringen, von links nach rechts zu schauen und mir 1000 und 1100 Pixel für dieses Segment anzusehen.“
Unabhängig davon zahlen Sie den Preis, den Sie für die Abweichung vom traditionellen Design zahlen: Wenn Benutzer Ihre Seite zum ersten Mal durchsuchen, werden sie viel Zeit damit verbringen, nach dem zu suchen, was sie benötigen.
Wenn das Layout Ihrer Webseite den Browsing-Bedürfnissen des Benutzers entspricht und nicht an einem ungewöhnlichen Ort platziert wird, kann er Informationen leicht finden und das Gewünschte erreichen, ohne es zu merken.
Und wenn Ihre Website für Benutzer eine Selbstverständlichkeit ist, läuft Ihr Unternehmen reibungsloser.