So lenken Sie die Aufmerksamkeit des Benutzers auf eine Website

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?

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

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: Die beste Möglichkeit, die Benutzerfreundlichkeit von Rich Apps zu testen
• Richtlinien für die Gestaltung von Webformularen: eine Eyetracking-Studie
• Eye-Tracking-Studie enthüllt 12 Website-Taktiken
• Eine StackOverflow-Frage zum Einrichten eines eigenen Eye-Trackers mit einer Webcam

Eye-Tracking-Dienste:

• GazeHawk
• SimpleUsability
• UserCentric
• UserVision

Hier ein kurzer Tipp: Fügen Sie ein Bild einer Person ein, die auf Ihr Zielobjekt schaut oder darauf zeigt (z. B. ein Produkt, eine Schaltfläche zum Abonnieren). Hier ist ein Beispiel aus einer Anzeige, aber ich habe die gleiche Taktik auf Webseiten gesehen:

(Quelle: http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/ )

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.