Inhalt
- Was sind Heatmaps?
- Was sagen Heatmaps über gutes Webseiten-Design?
- Praktische Lektionen zum Thema Webdesign aus Heatmaps
Tamara Wilhite ist technische Redakteurin, Wirtschaftsingenieurin, Mutter von zwei Kindern und veröffentlichte Science-Fiction- und Horror-Autorin.
Was sind Heatmaps?
Heatmaps verfolgen die Benutzeraktivität auf einer Seite. Heatmaps können Daten verwenden, die aus der Cursoraktivität jedes Besuchers Ihrer Website oder der Blickverfolgung von Stichprobengruppen stammen, mit denen Sie deren Verhalten verfolgen können.
Bei Heatmaps mit Mausverfolgung wird Ihnen insgesamt angezeigt, auf welche Bereiche Benutzer klicken, ob Links, grafische Elemente und Text. Es gibt Ihnen einen Hinweis auf die Bereiche, auf die sie achten, ohne darauf zu klicken. Dies wird durch die Elemente angezeigt, auf die sie den Cursor richten, ohne darauf zu klicken. Dies setzt voraus, dass der Cursor ähnlich wie ein Finger in einem Buch verwendet wird, um zu verfolgen, wo man liest. Die Augenverfolgung wird beim Testen von Probanden als nahezu 100% genau angesehen, während die Mausverfolgung zu 85% bis 90% genau ist.
Eye-Tracking-Heatmaps basieren auf einer Beispielgruppe, die aus ihrer normalen Umgebung entnommen wurde, oder auf einer kleineren Gruppe von Benutzern mit Kameras, die ihre Augenbewegungen verfolgen können und bereit sind, Sie beim Anzeigen Ihrer Website beobachten zu lassen.
Heatmaps zeigen uns, wie einzelne Benutzer und wie der durchschnittliche Benutzer die Website buchstäblich betrachtet. Sie können diese Informationen verwenden, um das Website-Design so zu ändern, dass sie dort aussehen, wo Sie sie haben möchten.
Was sagen Heatmaps über gutes Webseiten-Design?
Wir wissen bereits, dass die Verbraucher dazu neigen, aus den ersten Optionen zu wählen. Ihre Strategie zur Suchmaschinenoptimierung muss Sie in die ersten drei Links auf der Suchergebnisseite der Suchmaschine einfügen, damit die Wahrscheinlichkeit groß ist, dass auf Ihren Link geklickt wird. Heatmaps zeigen uns, dass die gleiche Psychologie am Werk ist, wenn sie eine Website besuchen. Der wichtigste Inhalt wird voraussichtlich oben und oben auf der Seite angezeigt. Verbraucher halten es für ein schlechtes Layout, wenn sie einige Male scrollen müssen, um anhand ihrer Suchkriterien zu finden, was sie auf der Seite erwartet haben.
Wenn Sie möchten, dass jemand etwas sieht, muss es über der Falte liegen. Etwa 80% der Zuschauerzeit wird auf dem ersten Bildschirm der Webseite verbracht. Etwa 20% der Zeit wird auf dem nächsten Bildschirm verbracht. Dies bedeutet, dass Besucher wahrscheinlich nur die ersten Absätze lesen werden, selbst wenn Sie qualitativ hochwertige Inhalte erstellen, die Suchmaschinen lieben.
Westliche Sprachen lesen von links nach rechts. Die Leute verbringen insgesamt mehr Zeit damit, auf die linke Seite der Seite zu schauen. Ihre Aufmerksamkeit schwindet, wenn sie die Zeile lesen, und sie bemerken fast nie Bilder oder Anzeigen auf der rechten Seite.
Besucher lesen Text in einem F-Muster. Sie lesen alle Überschriften, überfliegen die linke Seite der Seite bis zur nächsten Überschrift und lesen dann die nächste Überschrift. Wenn sie jedoch bildbasierte Seiten betrachten, durchsuchen sie diese horizontal.
Wenn Benutzer nach unten scrollen, beginnen sich die Heatmaps aufzulösen. Obwohl sie den ersten Bildschirm im Detail lesen, beginnen sie zu überfliegen, während sie nach unten scrollen. Ganz am Ende der Seite werden erneut Aufmerksamkeitsspitzen angezeigt.
Heatmaps zeigen, dass Besucher Bilder ignorieren, die wie Anzeigen aussehen, auch wenn es sich nicht um Anzeigen handelt. Dies wird als "Bannerblindheit" bezeichnet.
Praktische Lektionen zum Thema Webdesign aus Heatmaps
Tragen Sie den Namen, die Adresse und die Telefonnummer Ihres Unternehmens oben auf die Seite und nicht unten ein, da Sie wissen, dass nur wenige Personen so weit scrollen.
Wenn Ihr Webseitenlayout das Scrollen fördert, z. B. wenn Ihre Site als eine Protokollseite gestaltet ist, stellen Sie sicher, dass das Design das Scrollen fördert.
Verlassen Sie sich auf starke Designelemente, um die Aufmerksamkeit der Leute auf sich zu ziehen, wenn Sie die Seite nach unten bewegen. Fettgedruckte Überschriften für Fragen, die der Benutzer beantworten möchte, helfen ihm, sie zu finden, selbst wenn die Suchmaschine feststellte, dass diese Frage perfekt zu der SEO-Konversationsabfrage des Benutzers passt. Ein SEO-Spezialist kann Ihre Inhalte neu schreiben, um die Optimierung der Sprachsuche Ihrer Inhalte zu maximieren, sodass Sie einen guten Rang erhalten, wenn jemand eine Informations-Appliance oder ein Auto-Infotainment-Center durchsucht oder eine herkömmliche Websuche durchführt.
Setzen Sie wichtige Suchbegriffe ein, nach denen Leser am Anfang eines Absatzes oder einer Unterüberschrift suchen, damit die SEO-Begriffe, mit denen sie Ihre Seite gefunden haben, auch gefunden werden, während sie den Text selbst überfliegen. Latente semantische Indizierungsbegriffe können im gesamten Text verteilt werden, ohne die Lesbarkeit für den Menschen zu beeinträchtigen, und gleichzeitig die Suchmaschinenoptimierung verbessern.
Verwenden Sie Aufzählungszeichen und Unterüberschriften, damit Skimmer wichtige Informationen lesen. Auf der anderen Seite sind Textwände das Schlimmste, was Sie in Bezug auf das Leseverständnis tun können.
Auf einer langen Textseite fallen Bilder auf und ziehen ihre Aufmerksamkeit auf sich. Stellen Sie sicher, dass die Bilder für die Werbung für Ihr Produkt oder Ihre Marke von Bedeutung sind. Platzieren Sie sie auf der linken Seite, da die Benutzer hier mehr Zeit und Aufmerksamkeit widmen. Lassen Sie Bilder nur nicht wie Anzeigen aussehen, da sie sonst ignoriert werden.
Wenn Benutzer eine bildbasierte Webseite betrachten, erwarten sie, dass sie horizontal angezeigt wird. Platzieren Sie Karussells oder Diashows auf diesen Seitentypen, aber die Bilder, die Sie am meisten sehen möchten, müssen die hervorstechenden auf der Seite sein. Sie sollten jedoch das automatische Bildkarussell aufgeben, das viele noch als Banner verwenden.
Was die Leute sehen, ist in der Regel das, was sie kaufen. Wenn sie es eilig haben, etwas zu kaufen, wird in der Regel das auffälligste Bild ausgewählt. Gleiches gilt, wenn Benutzer abgelenkt sind. Online-Einkäufe auf einer Seite mit mehreren verfügbaren Produkten gelten als beeilt und abgelenkt, da die Benutzer versuchen, alle Optionen zu durchlaufen, während sie darüber nachdenken, was sie wollen oder brauchen. Verwenden Sie diesen Status, um für die Produkte zu werben, die Benutzer wünschen oder was sie kaufen möchten, indem Sie sie in den Suchergebnissen an erster Stelle setzen und mit aufmerksamkeitsstarken Grafiken versehen. Zu den SEO-Lösungen gehört das Entwerfen von E-Commerce-Websites, die nicht nur bei der Suche nach Ihren Produkten einen guten Rang einnehmen, sondern auch Website-Layouts, die ihre Kaufchancen maximieren.
Setzen Sie am Ende der Seite einen großartigen Aufruf zum Handeln, bei dem die Aufmerksamkeit des Benutzers wieder im Mittelpunkt steht. Es muss kurz und klar sein, um die höchste Conversion-Rate zu erzielen. Wenn Sie ein Produkt als Lösung für das im Inhalt beschriebene Problem bewerben, sollte hier eine einfache Schaltfläche zum Bestellen vorhanden sein.
