4 wichtige UX-Regeln, die durch Eye-Tracking-Forschung vermittelt werden
Webdesigner verwenden viele Tools, um die Websites, die sie entwerfen, für Website-Besucher bestmöglich zu gestalten. Eine der besten Möglichkeiten, dies zu erreichen, ist die Einbeziehung tatsächlicher Wissenschaft und Forschung in das Design, um die Benutzerzufriedenheit zu maximieren.
Eye-Tracking-Forschung bietet Designern eine Art Blaupause, um sie zu den Prioritäten zu führen, mit denen Website-Besucher die Informationen auf einer bestimmten Website im Allgemeinen aufnehmen.
Eye-Tracking-Forschung sagt uns auch eine Menge über die Art und Weise, in der Website-Besucher Websites lesen. Diese Informationen können von versierten Webdesignern verwendet werden, um eine Website an die durchschnittliche Person anzupassen. Wenn Nutzer beim Besuch Ihrer Website eine tolle Erfahrung machen, sind sie zurück und die Chancen stehen gut, dass sie sich sogar zu normalen Website-Besuchern entwickeln. Dies hat Auswirkungen, unabhängig davon, welche Art von Website Sie entwerfen.
Was sagt uns diese aufschlussreiche Recherche über den durchschnittlichen Besucher? Wie können Designer diese sehr aussagekräftigen Informationen nutzen, um Websites zu erstellen, die nichts weniger als exzellent sind? Sie werden überrascht sein, was die Forschung herausgefunden hat.
Ziehen Sie die Augen der Besucher mit packenden Überschriften - keine Bilder!
Entgegen der landläufigen Meinung sind es in der Tat packende Schlagzeilen, die die Aufmerksamkeit der Besucher erregen und keine auffälligen Bilder sind. Dieses Ergebnis gilt für Layouts auf der Startseite, insbesondere wenn Sie am Layout einer Nachrichtenwebsite arbeiten. Dies erklärt auch, warum so viele Nachrichtenseiten häufig sensationelle bis schockierende Schlagzeilen verwenden, um die Aufmerksamkeit der Besucher auf sich zu ziehen.
In einer bekannten Studie von vor ein paar Jahren, synchronisiert die Eyetrack III-Studie, Es wurde entdeckt, dass die Besucher der Website eine Vorliebe für Schlagzeilen haben, besonders wenn sie dominant sind. Darüber hinaus wirkt sich die spezifische Platzierung dieser Überschriften auf der Homepage auf die Geschwindigkeit aus, mit der ein Website-Besucher auf sie aufsetzt. Platzieren Sie Ihre Überschriften oben links auf der Startseite und Sie werden mehr Website-Besucher auf Ihre Inhalte aufmerksam machen, als wenn Sie die Überschriften irgendwo anders auf der Startseite platzieren würden.
Wenn Sie als Designer für eine Nachrichtenseite arbeiten, sollten Sie dies im Hinterkopf behalten. Text zieht das Auge schneller auf den Bildschirm als ein Bild - wiederum im Gegensatz zu dem, was man als konventionelle Weisheit bezeichnen könnte. Die Designer bei Fox News, 173rd beliebtesten Website der Welt und 36th beliebtesten in den USA, kennen diese Realität gut. Beobachten Sie, wie sich die Hauptüberschrift auf ihrer Homepage genau im linken oberen Bereich der Seite befindet, deutlich außermittig.
Entwerfen Sie Ihre Website in einem F-förmigen Muster
Vor ein paar Jahren gab es eine sehr aufschlussreiche Web-User-Studie, die von der Nielsen Norman Group veröffentlicht wurde. Das Studie festgestellt, dass die Besucher der täglichen Website in der Regel eine bestimmte Webseite in einem sogenannten F-förmigen Muster lesen.
Im Wesentlichen nehmen Website-Besucher die Informationen auf einer Webseite in der Regel in einer horizontalen Bewegung über dem oberen Bereich der Seite auf. Dies wird als der obere Balken der F bezeichnet. Dann bewegen Besucher normalerweise ihre Augen ein wenig nach unten, bevor sie in einer anderen horizontalen Bewegung, die kürzer als die erste ist, überlesen werden. Dies erklärt den zweiten und kürzeren Balken auf der F. Schließlich betrachten sie den Inhalt der Seite auf der linken Seite in einer vertikalen Weise und bilden so den Stamm des F.
Wenn Sie dieses konstante Lesemuster eines durchschnittlichen Webnutzers kennen, sollte es Sie motivieren, eine Website zu entwerfen, die darauf ausgerichtet ist, wie Besucher Webinhalte lesen. Dadurch wird die Nutzererfahrung erheblich verbessert und Sie erhalten mehr treue Besucher.
Einige Websites haben diese Forschung bereits in die Praxis umgesetzt. Geisterspiele ist eines der neuen Studios von EA an der schwedischen Westküste. Beachten Sie, wie seine Homepage das F-förmige Muster perfekt nachahmt. Dies verbessert das Benutzererlebnis und erleichtert die Navigation, insbesondere da der Stamm des F im Muster mit Informationen über die Site des Studios verknüpft ist.
Verschwenden Sie keine Zeit mit Anzeigen - Ihre Website-Besucher werden es sicher nicht tun!
Viele Leute finden Display-Anzeigen nervig, was erklärt, warum viele Besucher sie einfach ignorieren und sich stattdessen auf den Inhalt einer Webseite konzentrieren. Der alliterative und technische Begriff dafür ist Bannerblindheit. Ein weiterer Studie von der Nielsen Norman Group gezeigt, dass die meisten Web-Nutzer einfach nicht auf Anzeigen fixieren, wenn sie Webinhalte aufnehmen.
Wissen Sie, dass es einfach Zeitverschwendung ist, wenn Sie eine Website entwerfen, die hauptsächlich auf Display-Anzeigen basiert, um Geld zu generieren. Im Hinblick auf die Studie sollten Sie Ihre primären Mittel zum Geld verdienen auf Ihrer Website neu bewerten. Deaktivieren Sie Anzeigen und wechseln Sie zu einem kostenpflichtigen Abonnementmodell, das den Besuchern der Website einen Mitgliedsbeitrag in Rechnung stellt. Einige Websites implementieren diese Strategie bereits in Anerkennung der Schwächen von Display-Anzeigen.
Ein gutes Beispiel dafür ist Vereinspinguin, Das ist ein MMO (Massively Multiplayer Online Game), das Disney gehört. Die Website ist absolut frei von störenden Display-Anzeigen, weshalb Besucher dazu ermuntert werden, Mitgliedschaften zu erwerben, um das Spiel zu spielen.
Vermeiden Sie ausgefallene Wörter und Formatierung
Minimalismus regiert den Tag, vor allem, wenn Sie Website-Besucher wollen, die in der Lage sind, die Informationen auf Ihrer Website effizient zu finden. Laut Usability des US-Gesundheitsministeriums Blog, Der Züchter (lesen: ausführlich) Formatierung einer Webseite und Wörter sind, desto mehr Website-Besucher werden verwirrt sein und grundlegende Navigationstests fehlschlagen. Der Blog bezieht sich auf eine Nielsen-Studie von vor ein paar Jahren, in der Testpersonen gebeten wurden, eine grundlegende Information auf der Website des US Census Bureau zu finden. Die meisten haben den Test spektakulär verpasst.
Die Teilnehmer wurden gebeten, die damals aktuelle Bevölkerung der USA zu finden, die auf der Homepage des Census Bureau gefunden wurde. Erstaunlicherweise konnten nur 14 Prozent der Teilnehmer diese Information auf der Seite finden, obwohl sie sie buchstäblich in riesigen, roten Buchstaben auf der rechten Seite der Seite anstarrten. Es wurde vermutet, dass diese abnorm niedrige Erfolgsrate auf das Vorhandensein der Information auf der rechten Seite der Seite zurückzuführen war, was in direktem Widerspruch zu dem so gut etablierten F-förmigen Lesemuster stand.
Eine weitere Untersuchung zeigte jedoch, dass die große Mehrheit der Studienteilnehmer die Informationen einfach ignorierte, obwohl sie in einem großen, roten und nicht leicht zu fällenden Erscheinungsbild war. Sie ignorierten es, weil es durch seine ausgefallene Formatierung und Präsentation wie eine Werbung oder Werbung aussah! Da viele Internetnutzer schon gar nicht auf Display-Anzeigen achten, sollte diese Schlussfolgerung für niemanden überraschend sein.
Diese Nielsen-Studie war vor 6 Jahren, also wäre es interessant zu sehen, ob die US-Bundesregierung etwas in dieser Zeit gelernt und ihre Homepage für Usability verbessert hat! Wir sprechen hier über die Bundesregierung, Effizienz ist also nicht ihre Stärke. Allerdings auf seine aktuelle Zensusstelle, wir sehen, dass es zumindest eine signifikante Änderung darin gemacht hat, dass die Bevölkerungszahl mit fantasievoller Formatierung nicht mehr wie eine grelle Promotion aussieht. Dennoch wurde die Bevölkerungszahl ganz nach links unten auf der Homepage verschoben, was die Besucher dazu zwang, tatsächlich nach unten zu scrollen, um sie zu sehen. Dies ist auch keine gute Alternative!
Eye-Tracking verstehen, effektives Webdesign verstehen
Eye-Tracking-Studien existieren aus einem bestimmten Grund: Sie legen basierend auf ihrem Verhalten virtuell einen Entwurf dessen vor, was Web-Nutzer auf einer bestimmten Website mögen und nicht mögen. Webdesigner, die diese umfangreiche Recherche ignorieren, tun dies auf eigene Gefahr. Warum möchten Sie nicht eine Website entwerfen, die Ihre Besucher einfach finden? Nutzen Sie diese Forschung geschickt, und Web-Nutzer finden Ihre Website äußerst angenehm zu navigieren ... was nur zu mehr Besuchern und größerer Beliebtheit führen wird.
Denken Sie daran, dass es auf einer bestimmten Website immer Schlagzeilen gibt, die die Augen des Benutzers und damit seine Aufmerksamkeit auf sich ziehen, nicht Bilder. Denken Sie immer an das berüchtigte F-förmige Muster, das das allgemeine Ansichtsmuster vieler Besucher darstellt. Es wäre gut, wenigstens ein Homepage-Layout zu entwerfen, das dieses Muster in gewisser Weise nachahmt.
Vermeiden Sie schließlich Display-Anzeigen. Sie sehen nicht nur schlecht aus, sondern viele Website-Besucher kümmern sich nicht einmal um sie und ignorieren sie vollständig. Erkunden Sie andere Wege, um Einnahmen für Ihre Website zu erzielen, etwa durch Mitgliedsbeiträge und andere Ansätze. Und was auch immer Sie tun, machen Sie nützliche Webinhalte nicht wie eine Werbung oder Anzeige aussehen, weil Website-Besucher dazu neigen, dies auch zu ignorieren. Behalten Sie dies im Hinterkopf und entwerfen Sie eine Website, die im Einklang mit dem Verhalten Ihrer Besucher steht.
Entwerfen Sie das Muster "F"? Welche anderen Usability-Tipps würden Sie teilen? Lassen Sie es uns in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, Augen Bild über Shutterstock.