Zusammenfassung wissenschaftlicher Grundlagen und Anregungen für Webdesign und -produktion

Im Bereich des Netzwerkdesigns erfreut sich die Forschung zum Thema Eye-Tracking großer Beliebtheit. Die Frage, wie sich diese Forschungsergebnisse jedoch in konkrete und praktikable Designs für den Betrieb umsetzen lassen, ist nach wie vor eine schwierige Frage. Hier sind einige Tipps aus der Eye-Tracking-Studie, die Ihnen bei der Verbesserung Ihres Website-Designs helfen können:
1. Text ist attraktiver als Bilder Anders als Sie vielleicht denken, sind es beim Surfen auf einer Website nicht die Bilder, die die Aufmerksamkeit des Benutzers direkt auf sich ziehen. Die meisten Benutzer, die versehentlich auf Ihre Site klicken, suchen nach Informationen und nicht nach Bildern. Deshalb besteht das erste Designprinzip darin, sicherzustellen, dass das Design Ihrer Website die wichtigsten Informationsabschnitte hervorhebt.
2. Der erste Blick richtet sich auf die obere linke Ecke der Webseite . Diese Angewohnheit von Benutzern, die im Internet surfen, ist zu erwarten. Schließlich ist die obere linke Ecke das Hauptbedienzentrum, das beim Design der meisten wichtigen Computeranwendungen berücksichtigt wird. Wenn Sie Ihre Website erstellen und über das Website-Design nachdenken, sollten Sie versuchen, dieses Format beizubehalten. Sie müssen verstehen, dass Sie die Gewohnheiten Ihrer Benutzer respektieren müssen, wenn Sie Ihren persönlichen Stil beibehalten und eine erfolgreiche Website erstellen möchten.
3. Wenn Benutzer eine Webseite durchsuchen, schauen sie sich zuerst den oberen linken und oberen Teil der Webseite an und lesen dann nach unten und durchsuchen den Inhalt auf der rechten Seite . Die allgemeine Browsing-Methode der Benutzer hat die Form eines „F“. Konzentrieren Sie die wichtigen Elemente des Inhalts Ihrer Website auf diese Schlüsselbereiche, um die Leserbindung sicherzustellen. Platzieren Sie hier Überschriften, Unterüberschriften, aktuelle Themen und wichtige Artikel, um die Leser zum Lesen zu animieren.
4. Leser ignorieren Werbebanner Studien zeigen, dass Leser die meisten Werbebanner – selbst wenn sie Ihren Lebensunterhalt verdienen – ignorieren und sie nur den Bruchteil einer Sekunde lang betrachten. Wenn Sie mit Werbung Geld verdienen möchten, müssen Sie die Platzierung Ihrer Anzeigen erneuern und das Werbeformat Ihrer Website richtig konfigurieren.
5. Ausgefallene Schriftarten und Formatierungen werden ignoriert . Warum? Dies liegt daran, dass die Benutzer denken, es handele sich um Werbung und nicht um die Informationen, die sie benötigen. Tatsächlich haben Studien gezeigt, dass es für Benutzer schwierig ist, die benötigten Informationen in ausgefallenen Schriftarten mit vielen Farben zu finden, da visuelle Hinweise ihnen sagen, dass sie diese ignorieren sollen. Halten Sie Ihre Website klar und einfach und achten Sie darauf, dass wichtige Informationen wegen eines auffälligen Erscheinungsbilds nicht übersehen werden.
6. Verwenden Sie Ziffern statt Zahlen . Wenn Sie Ziffern statt Zahlenlisten verwenden, können Leser echte Informationen auf Ihrer Website leichter finden. Bedenken Sie, dass Sie Leser anschreiben, die Ihre Site zum ersten Mal besuchen. Machen Sie es ihnen also leicht, die gewünschten Informationen zu finden, und halten Sie ihr Interesse aufrecht.
7. Die Schriftgröße beeinflusst das Surfverhalten. Möchten Sie ändern, wie die Leute Ihre Webseiten wahrnehmen? Ändern Sie die Schriftgröße von Webseiten. Große Schriftarten regen zum Überfliegen an, während kleinere Schriftarten das konzentrierte Lesen fördern. Konfigurieren Sie das Verhältnis der beiden entsprechend Ihren Anforderungen.
8. Wenn Benutzer auf Inhalte stoßen, die sie interessieren, schauen sie sich nur die Untertitel ein zweites Mal an. Bestehen Sie nicht zu sehr auf ein festes Format für Untertitel – stellen Sie sicher, dass sie relevant und interessant sind. Sie können Ihren Untertiteln auch Schlüsselwörter hinzufügen, um Suchmaschinen dabei zu helfen, Leser anzulocken.
9. Die meisten Menschen sehen sich nur einen kleinen Teil des Inhalts einer Webseite an . Das können Sie zu Ihrem Vorteil nutzen, indem Sie den Benutzern während des Surfens Informationen bereitstellen, damit sie ihr Ziel möglichst schnell festlegen können. Machen Sie Webinformationen leichter auffindbar und lesbar, indem Sie bestimmte Abschnitte hervorheben oder Aufzählungslisten erstellen.
10. Kurze Absätze sind aussagekräftiger als lange Absätze. Informationen zu Webseiten werden den meisten Offline-Benutzern bereitgestellt, die Wert auf schnelles Surfen legen. Beschränken Sie Informationen auf kurze Absätze und Sätze, sofern der Kontext dies nicht erfordert, wie beispielsweise die Produktbeschreibungen auf dieser E-Commerce-Site.
11. Aufgrund der visuellen Ausrichtung ist ein einspaltiges Format aussagekräftiger als ein mehrspaltiges Format. Überfordern Sie Website-Besucher nicht mit zu vielen Informationen. In den meisten Fällen ist Einfachheit wirkungsvoller. Mehrspaltiger Inhalt wird von Benutzern leicht übersehen und wir müssen diese Ablenkungen beseitigen.
12. Anzeigen oben und links auf der Webseite sind auffälliger. Wenn Sie Anzeigen auf Ihrer Website einbetten müssen, versuchen Sie, sie im oberen linken Teil der Webseite zu integrieren, damit sie maximale visuelle Aufmerksamkeit erregen. Nur weil Benutzer diese Anzeigen bemerken, bedeutet das natürlich nicht, dass sie auch darauf klicken. Opfern Sie also nicht das ursprüngliche Design Ihrer Website, nur um mehr Aufmerksamkeit für Ihre Anzeige zu erhalten. Sehen Sie sich weitere Webdesign-Tutorials an.
13. Auch das Platzieren von Anzeigen neben den besten Inhalten kann die Aufmerksamkeit erhöhen . Wenn Sie die Sichtbarkeit und Klickrate Ihrer Anzeigen erhöhen möchten, können Sie diese neben den interessantesten Inhalten platzieren und in das Design der Webseite integrieren. Auf diese Weise können Benutzer finden, was sie suchen, und Sie können die Effektivität Ihrer Werbung verbessern.
14. In verschiedenen Tests lesen Menschen Textanzeigen am aufmerksamsten.
Wie oben erwähnt, verbringt der durchschnittliche Internetnutzer nicht viel Zeit mit dem Ansehen von Inhalten, bei denen es sich eindeutig um Werbung handelt. Aus diesem Grund funktionieren Textanzeigen so gut. Sie wirken nicht störend, sondern verschmelzen mit der übrigen Seite, wodurch sie für den Leser optisch weniger stimulierend wirken und diesem Anzeigenformat zu einer erfolgreichen Leserquote verhelfen.
15. Größere Bilder ziehen mehr Aufmerksamkeit auf sich. Wenn Sie auf Ihrer Webseite Bilder verwenden, gilt: Je größer, desto besser. Menschen schauen sich eher Bilder an, auf denen sie Einzelheiten deutlich erkennen und Informationen aufnehmen können. Stellen Sie sicher, dass das von Ihnen verwendete Bild für den Inhalt Ihres Artikels relevant ist. Andernfalls besteht die Gefahr, dass es übersehen wird. Die meisten Ihrer Leser verfügen über schnelle Verbindungsgeschwindigkeiten. Verwenden Sie auf Ihrer Site daher ruhig größere Bilder.
16. Saubere, klare Nahaufnahmen können mehr visuelle Aufmerksamkeit erregen. Diese abstrakten, künstlerischen Bilder lassen Ihre Website möglicherweise geschmackvoll aussehen, aber sie werden nicht viel Aufmerksamkeit der Leser erregen. Wenn Sie diese Bilder verwenden müssen, achten Sie bitte darauf, dass die verwendeten Bilder klar und die vermittelten Inhalte leicht lesbar sind. Wichtig zu beachten ist, dass Bilder, auf denen echte „Menschen“ zu sehen sind, „besser“ sind als sogenannte Modelbilder.
17. Titel können die Aufmerksamkeit erregen . Das Erste, was Leser beim Durchsuchen einer Webseite finden, ist der Titel. Stellen Sie sicher, dass alle relevanten Links auf der Webseite reibungslos und effektiv sind, damit die Leser problemlos weiter auf der Website suchen können.
18. Benutzer verbringen viel Zeit mit dem Anschauen von Schaltflächen und Menüs. Sie müssen daher zusätzliche Zeit in die Pflege Ihres sorgfältigen Designs investieren. Schließlich ziehen sie nicht nur die Aufmerksamkeit der Leser auf sich, sondern sind auch ein wichtiger Bestandteil des Website-Designs.
19. Das Formularformat kann die Aufmerksamkeitsspanne des Lesers verlängern . Wenn Sie den Inhalt und die Absätze aufteilen und Ihren Artikel in vielen Formularen präsentieren, können Sie die Browsing-Geschwindigkeit des Lesers erhöhen. Durch die Verwendung von Zahlen und anderen Markierungssymbolen zum Hervorheben wichtiger Artikelinhalte wird die Navigation auf der Website übersichtlicher und Benutzer finden schneller die gewünschten Informationen.
20. Vermeiden Sie große Textblöcke Studien zeigen, dass sich der durchschnittliche Webbrowser nicht die Zeit nimmt, große Textblöcke zu lesen, egal wie wichtig oder gut geschrieben sie sind. Daher müssen diese großen Texte in mehrere kleine Absätze unterteilt werden. Auch das Hervorheben wichtiger Stellen und die Platzierung anklickbarer Schaltflächen kann die Aufmerksamkeit des Benutzers erhöhen.
21. Das Format kann die Aufmerksamkeit auf sich ziehen. Die Verwendung von fettem, großgeschriebenem, farbigem und unterstrichenem Text kann Benutzern helfen, die im Text ausgedrückten Hauptinformationen zu erfassen. Gehen Sie bei der Verwendung vorsichtig vor, denn ein übermäßiger Einsatz kann die Lesbarkeit Ihrer Seiten beeinträchtigen und Leser abschrecken.
22. Nutzen Sie Leerraum sinnvoll aus. Auch wenn die Versuchung groß ist, jeden Zentimeter der Webseite zu füllen, ist es besser, etwas Platz auf der Site zu lassen. Eine übermäßige Informationsmenge auf einer Website kann den Benutzer überfordern und dazu führen, dass er den Großteil des Angebots vergisst. Halten Sie die Webseite daher einfach und lassen Sie visuellen Freiraum, damit die Leser sich ausruhen können.
23. Ganz oben auf der Webseite platziert, spielt das Navigationstool eine größere Rolle . Idealerweise geben Sie sich nicht damit zufrieden, dass die Leser beim Öffnen Ihrer Website nur die Startseite durchsuchen, sondern Sie möchten, dass sie auch andere interessante Inhalte durchsuchen und sehen. Durch die Platzierung des Navigators oben auf der Webseite können Benutzer mithilfe dieses Tools problemlos die gewünschten Zielinhalte finden.

<<: Beispielcode zur Implementierung eines 3D-Zauberwürfels mit CSS

>>: Prinzip und Implementierung der parallelen Replikation von MySQL5.7

Schriftreferenzen und Übergangseffekte außerhalb des Systems

Zusammenfassung wissenschaftlicher Grundlagen und Anregungen für Webdesign und -produktion

Schriftreferenzen und Übergangseffekte außerhalb des Systems

So kaufen Sie einen Server und richten ihn zunächst ein

Lösung für das Problem der ungültigen Zeilenhöheneinstellung in CSS

Zusammenfassung verschiedener Methoden für JavaScript um festzustellen ob es sich um ein Array handelt

Vue implementiert Sternebewertung mit Dezimalstellen

So legen Sie MySQL-Fremdschlüssel für Anfänger fest

SQL Get gespeicherte Prozedur gibt Datenprozessanalyse zurück

Detaillierte Erläuterung des MLSQL-Beispiels zur Berechtigungssteuerung zur Kompilierungszeit

JS Asynchronous Stack Tracing: Warum „await“ besser ist als „Promise“

Tutorial zum Erstellen eines Zookeeper-Servers unter Windows

Artikel empfehlen

Ein praktisches Tutorial zum schnellen Einfügen von zig Millionen Datensätzen in MySQL

So zeigen Sie das MySQL-Binlog (Binärprotokoll) an

Navicat stellt eine Verbindung zu MySQL8.0.11 her und es tritt ein Fehler 2059 auf

Inspirierende Designbeispiele für glänzendes und schimmerndes Website-Design

Vorgehensweise bei der Verwendung der MySQL-Systemdatenbank zur Diagnose der Leistungsbelastung

Linux-Swap-Partition (ausführliche Erklärung)

Der Unterschied und die Verwendung von Strg+z, Strg+c und Strg+d in Linux-Befehlen

Kontext und Eigenschaften von React erklärt

Detaillierte Erläuterung der Wiederverwendung und Erweiterung von Vue-Komponenten

Sechs wichtige Selektoren in CSS (merken Sie sie sich in drei Sekunden)

MySQL-Lernprogramm Clustered Index

Erfahren Sie in 3 Minuten, wie Sie den Supervisor Watchdog verwenden

So konfigurieren Sie die Datei My.ini bei der Installation der MySQL5.6.17-Datenbank

Implementierungsprinzip und Codebeispiele für die Komprimierungsdatei des Linux-Befehls gzip

Lösung für den internen Serverfehler Nginx 500