So lenken Sie die Aufmerksamkeit des Benutzers auf eine Website

25

In der Fotografie gilt der Grundsatz, dass ein Foto den Blick des Betrachters lenken sollte. Dies wird häufig mit einer Linie erreicht, die über das Foto verläuft. Das Erkennen, wie der Betrachter über Ihr Foto scannt, ist oft hilfreich beim Erstellen einer Aufnahme und die Art und Weise, wie die Augen des Betrachters das Foto scannen, kann manchmal sogar die Bedeutung des Fotos ändern.

Was kann im Webdesign getan werden, um den Blick des Benutzers über die Website in die gewünschte Richtung zu lenken, ohne dass der Benutzer nach den richtigen Teilen der Seite suchen muss?

Sie möchten beispielsweise, dass der Benutzer das Logo und anschließend eine kurze Beschreibung der Site und anschließend einen Artikel sieht. Wie würden Sie den Blick des Benutzers von einer zur nächsten lenken, anstatt diese Elemente in einer vertikalen Spalte unter der nächsten zu platzieren und alle anderen Elemente von der Seite zu entfernen?

website-design design-principles Computerisch
quelle
7
"Eyetracking Web Usability" (2009) von Nielsen & Pernice könnte Sie interessieren: useit.com/eyetracking
Jari Keinänen
2
@koiyu Ich habe den Artikel "F" gefunden und wollte ihn gerade veröffentlichen, als mir klar wurde, dass du es bereits getan hast. Ich kann gar nicht genug betonen, wie wichtig diese Lesegewohnheit ist. Großartige Designs richten sich nach diesem Fluss aus, und schlechte Designs sprechen dagegen.
zzzzBov
1
Ich bin ein bisschen gegen Eye Tracking. Nicht weil es nicht nützlich ist, sondern weil schon in jedem Projekt, in dem ich einen einfachen Usability-Test durchführen wollte, Chef und Unternehmensphilosophie alles tun sollten, was am billigsten ist und das schneller geht. Ich glaube wirklich nicht, dass Sie in der Mehrzahl der Fälle in der Lage sein werden, ein Eyetracking-System zu kaufen und die Daten ohne angemessene Unterweisung in menschliches Verhalten / Psychologie korrekt zu analysieren.
Littlemad

Antworten:

8

Es ist alles eine Frage des Gleichgewichts zwischen Größe, Farbe und Ausrichtung. Mit der Erfahrung werden Sie wissen, was und wann diese Tricks verwendet werden, um Aufmerksamkeit zu erregen. Zum Glück können wir diese Aufmerksamkeit auf der Website verfolgen und es gibt viele wissenschaftliche Studien zu diesem Thema, zum Beispiel gibt es gute Daten auf der Jakob Nielsen-Website .

Über das Eye-Tracking möchte ich sagen, dass aus Budgetgründen und in Wirklichkeit niemand für ein Eye-Tracking-Gerät bezahlen oder es sogar benutzen wird. (Es ist schon schwierig, Ihren Chef im Büro zu überzeugen, in jeder Phase des Projekts einige Stunden Usability-Tests durchzuführen ...) Ich persönlich bevorzuge Usability-Tests mit echten Leuten, um meine Webdesign-Komposition zu beurteilen. Auch wenn dies bedeutet, einen Freund einer Person meiner Familie zu nehmen und ihn vor den Bildschirm zu stellen, Fragen zu stellen oder sein Verhalten zu betrachten.

Eye Tracking sagt Ihnen nicht, ob der Benutzer weiß, was es ist oder nicht. Wenn sie frustriert sind, zu zögern oder nur die grafische Komposition zu bewundern.

Ein großartiges Buch, das Ihnen dabei helfen kann, ist Rocket Surgery Made Easy von Steve Krug

Littlemad
quelle
5

Wie koiyu im Kommentar erwähnt hat, ist Eye Tracking das, wonach Sie suchen sollten. Sie können Entwürfe mit der Absicht erstellen, Benutzer entlang eines Pfades zu führen. Die einzige Möglichkeit, wirklich zu wissen, ob Sie Ihre Ziele erreichen, besteht darin, eine Eye-Tracking-Studie durchzuführen.

Trotzdem könnte meine Antwort hilfreich für die Frage sein, wie Sie auf einen bestimmten Bereich eines Designs aufmerksam machen sollen. Es ist nicht genau die gleiche Frage, aber es ist nah.

Weitere Eye-Tracking-Ressourcen:

Eye-Tracking-Dienste:

Virtuosi Media
quelle
0

Ich kann mir zwei einfache Möglichkeiten vorstellen, um die Nutzer auf eine Website aufmerksam zu machen:

  1. Verwenden Sie eine eindeutige Nummerierung für Ihre Seitenelemente. Sie können dies auf einer ganzen Reihe von Website-Startseiten sehen, oder Sie können auf diese PDF-Datei von einer Finanz-Website verweisen (obwohl ich denke, dass dies kein wirklich gutes Beispiel ist).
  2. Verwenden Sie Pfeile , um die Aufmerksamkeit Ihres Benutzers zu lenken. Dies kann so etwas wie ein Flussdiagramm sein. Im Moment fällt mir jedoch kein Online-Beispiel ein.
Gan
quelle
Das Web ist kein statisches Medium. Pfeile leiten Menschen nicht. Sie müssen sie mit verschiedenen Größen und Farben in einem gewichteten System führen.
dkuntz2
Ich verstehe nicht Könnten Sie mehr über "Pfeile leiten Menschen nicht" und "leiten sie mit verschiedenen Größen und Farben in einem gewichteten System" ausführen?
Gan