Das beste Website-Design, um das Benutzerverhalten zu verstehen

Veröffentlicht: 2020-08-14

Imac Mockup eines Mannes, der von zu Hause aus arbeitet

In diesem Artikel werden wir darüber sprechen, wie Sie das Kundenverhalten auf Ihrer Website verfolgen können, Innovationen der UX-Website-Analyse und alle Gründe für die Verwendung einer Heatmap zur Verfolgung des Benutzerverhaltens, um das beste Website-Design zu erreichen.

Was Sie finden werden:

  • Was ist Benutzerverhalten?
  • Wie wirkt sich UX-Design auf die Promotion eines Online-Shops oder einer Website aus?
  • Was ist Benutzerverhaltensanalyse mit Heatmap-Tools?
  • Warum die Website auf etwas klickt, das Sie verfolgen müssen
  • Nutzerverhalten durch die Website Clicks & Scroll Analyse
  • Beispiel für die visuelle Darstellung des Benutzerverhaltens auf einer Live-Website

Alle Beispiele zum Nutzerverhalten in diesem Artikel basieren auf den einzigartigen Statistiken von mehr als 40 Millionen Klicks, die mit Plerdy Heatmap gesammelt wurden .

Wenn Sie an den Moment denken, in dem Sie etwas gekauft haben, erinnern Sie sich eher an Ihre Gefühle als an das Produkt. Jede Interaktion mit einem Online-Shop oder einer Website wird in Ihrem emotionalen Gedächtnis aufgezeichnet und ist Teil Ihres Verhaltens auf der Website.

Was ist Benutzerverhalten?

Heutzutage bietet das Internet unzählige Produkte und Dienstleistungen, die wir bestellen können, ohne unser Zuhause zu verlassen. Wenn Sie beispielsweise „Pizza bestellen“ googeln, zeigt Ihnen die Suche über 1,1 Milliarden Angebote. Das Gleiche gilt für viele andere Produktkategorien.

Google-Suche

Dies führt zu einer Frage: Haben Sie jemals bemerkt, dass die Benutzererfahrung Ihrer Website negative Emotionen und Verhaltensweisen hervorrufen kann, die bis zu 99 % der potenziellen Käufer dazu bringen könnten, Ihre Website zu verlassen? Hier sind einige Statistiken , die Sie davon überzeugen sollten, Ihre Website auf UX-Probleme zu überprüfen und Ihre Analysen zu verfolgen:

    • 79 % der Kunden geben zu, dass sie nach einer anderen Website suchen werden, wenn die aktuelle nicht ihren Erwartungen entspricht.
    • 96 % der Smartphone-Nutzer sind auf Websites gestoßen, die keine mobile Version haben oder nicht für die mobile Anzeige geeignet sind.
    • 52 % der Nutzer geben an, dass eine negative mobile Erfahrung dazu führt, dass sie weniger wahrscheinlich mit Ihrem Unternehmen interagieren.
    • 63 % der Nutzer durchsuchen Produkte oder Dienstleistungen auf verschiedenen Gerätetypen (Smartphones, Tablets, Laptops, PCs usw.).

Es gibt viele ähnliche Daten zum Benutzerverhalten, die die Bedeutung des Trackings der Benutzererfahrung (UX) für digitales Marketing und Online-Kunden belegen. Lassen Sie uns also alles besprechen, was Sie über UX-Analysen wissen müssen.

Wie wirkt sich UX-Design auf die Promotion eines Online-Shops oder einer Website aus?

Peter Morville, der Präsident eines Beratungsunternehmens, das Informationsarchitektur- und Auffindbarkeitsdienste anbietet, identifiziert die folgenden Faktoren , die die UX und das Verhalten von Websites beeinflussen:

Drei Kreise

Mit anderen Worten, eine Website mit guter UX muss:

  • Nützlich

Website-Inhalte sollten die Bedürfnisse der Kunden vollständig erfüllen und positives Verhalten hervorrufen.

  • Verwendbar

Benutzerfreundlichkeit bleibt ein wesentlicher Bestandteil der Benutzererfahrung und sorgt für ein gutes Benutzerverhalten.

  • Wünschenswert

Alle Bilder, Marken- und Designelemente sollten auffällig sein und positive Emotionen und Verhaltensweisen hervorrufen.

  • Zugänglich

Alle Elemente und Inhalte der Website müssen für Menschen mit Behinderungen zugänglich sein.

  • Glaubwürdig

Alles, was Sie auf der Website veröffentlichen, sollte zuverlässig und genau sein, damit die Benutzer Ihnen vertrauen. Dies verbessert ihr Verhalten auf der Website.

  • Auffindbar

Inhalte müssen gut strukturiert sein und eine klare Navigation haben.

Wenn all diese 6 Faktoren, die eine anständige UX und ein anständiges Verhalten der Website gewährleisten, erfüllt sind, werden Website-Besucher Ihre Ressource gerne nutzen und gutes Verhalten zeigen. Es lohnt sich also, diese Faktoren zu verfolgen.

Doch nicht nur die erwähnten Statistiken und Analytics-Ergebnisse belegen, dass UX eine große Rolle spielt. Kürzlich hat Google ein 108-seitiges Online-Buch – UX Playbook – veröffentlicht . Es ist voll von erprobten Tipps, wie Sie mit UX den Umsatz steigern können. Die Überprüfung basiert auf A/B-Tests einer breiten Palette von Forschungsergebnissen, Analysen und Artikeln. Google Analytics hat mehrere Tausend Einzelhandels-Websites untersucht und herausgefunden, dass es bestimmte universelle UX-Elemente gibt.

Ux-Elemente

Das Buch enthält eine Checkliste, die hilft, die UX einer mobilen Website in 6 Schlüsselbereichen zu analysieren und zu verbessern:

  • Startseite/Landingpage.
  • Menü und Navigation.
  • Suche.
  • Kategorie/Produkt.
  • Wandlung.
  • Formularoptimierung.

Ein qualitativ hochwertiges Website-UX verbessert nicht nur das Verhalten eines Kunden auf Ihrer Website, sondern verbessert auch Ihr Suchranking. Beachten Sie, dass die Benutzerfreundlichkeit mobiler Websites einer der 200 wichtigsten Ranking-Faktoren ist . Auch der neue Google Mobile-First Indexing-Ansatz widmet der Website UX viel Aufmerksamkeit.

✨ Verpassen Sie nicht: Der ultimative Leitfaden für integratives Webdesign + Tipps, wie es geht

Was ist Benutzerverhaltensanalyse mit Heatmap-Tools?

Die Mehrheit der Online-Shops verwendet ähnliche Analysen zur Verfolgung des Benutzerverhaltens. Sie tun dies aufgrund der subjektiven Überzeugung, dass alle vorhandenen Webressourcen bereits getestet wurden und für potenzielle Kunden recht praktisch sind. In Wirklichkeit hat jede Website oder jeder Online-Shop eine einzigartige Zielgruppe, die sich möglicherweise anders verhält als Ihre.

Um zu verstehen, wie sich Ihre potenziellen Kunden in Ihrem Online-Shop verhalten, müssen Sie daher eine Klick-Heatmap verwenden.

Die mit dieser Analysekarte gesammelten Daten ermöglichen es Ihnen, mehr über die Präferenzen und das Verhalten der Benutzer zu erfahren. Sie werden auch alle Hindernisse oder Mängel sehen, die Kunden daran hindern, den Kauf abzuschließen.

Solche Recherche- und Tracking-Methoden können dazu beitragen, die Conversion eines Online-Shops und eine bessere Benutzererfahrung zu steigern.

Nachverfolgung des Benutzerverhaltens mit Heatmap Analytics Tools

Heatmap-Metriken2

Dieses Tracking-Tool sammelt Daten und segmentiert sie nach dem Gerätetyp, der zum Anzeigen einer Website und dem Verhalten der Benutzer darauf verwendet wird.

Ein zusätzlicher Vorteil davon ist die Möglichkeit, Verhaltensinteraktionen mit allen dynamischen Website-Elementen (Pop-ups, Menüs usw.) zu verfolgen. Auch hier geschieht alles in Echtzeit.

Heatmap-Metriken1

Diese Heatmaps, die Website-Tracking-Daten verarbeiten, erkennen nicht nur den Ort, an dem Klicks stattfinden, sondern zeichnen auch deren Reihenfolge auf. Das Analysetool unterteilt eine Seite prozentual in 5 Teile und verfolgt die Anzahl der Klicks in jedem von ihnen. Es verfolgt auch die Scrolltiefe, was ebenfalls ein sehr wichtiger Aspekt des Benutzerverhaltens ist. Anhand dieser Daten zum Nutzerverhalten können Sie die am besten geeigneten Spots (die Bereiche mit den meisten Klicks) für die Platzierung wichtiger Informationen definieren.

Lassen Sie uns mehr über die Zahlen und Ergebnisse sprechen, die wir durch die Verfolgung und Untersuchung der Benutzererfahrung und des Benutzerverhaltens auf den Seiten verschiedener Webressourcen erhalten haben.

Analyse des Benutzerverhaltens basierend auf Heatmap-Daten

Das Nutzerverhalten ist unterschiedlich und hängt vom Thema einer Website, der Verkehrsquelle und den Absichten eines Website-Besuchers ab. Für eine genauere Analyse des Nutzerverhaltens haben wir rund 100 Millionen Klicks aus verschiedenen Quellen gesammelt. Diese Interaktionen wurden auf Websites mit unterschiedlichen Themen und Funktionen durchgeführt.

Grafik zur Verkehrsquelle

Hier ist ein Diagramm der Gesamtzahl der Klicks gruppiert nach Traffic-Quelle. Wir haben uns in unseren folgenden Studien zum Nutzerverhalten auf diese Analysedaten gestützt.

Segmentierung der Gesamtklicks nach Gerätetyp

Klickt auf Grafik

Wie Sie der Grafik entnehmen können, wurden die meisten Klicks auf PCs getätigt. Die Anzahl der mobilen Klicks ist deutlich geringer, und die wenigsten Klicks werden Tablet-Nutzern zugeschrieben.

Jeder weiß, dass der mobile Traffic Jahr für Jahr stetig wächst und dies auch das Nutzerverhalten beeinflusst. Dies wirft eine logische Frage auf: Warum werden die meisten Klicks immer noch auf Desktops getätigt?

Die Antwort ist einfach. Wenn Benutzer eine Website von einem mobilen Gerät aus besuchen, klicken sie nur für einen bestimmten Zweck (um zu einer anderen Seite zu gehen, eine Schaltfläche oder einen aktiven Link auszuwählen). Den Rest der Zeit scrollen sie. Beim Browsen vom PC aus fahren die Nutzer oft mit der Maus über den Text, markieren Elemente, kopieren sie oder machen sogenannte Leerklicks (Klicks außerhalb der Website-Elemente). Gezielte Klicks machen nur einen Teil der gesamten Interaktionen und ihres Verhaltens aus.

Analyse von Mausbewegungen vor dem Klicken

Hover-Grafik

Die Grafik zeigt deutlich, dass die Benutzer einer Desktop-Website-Version Elemente viel häufiger bewegen, bevor sie darauf klicken (mindestens 2 Sekunden anhalten). Dies bedeutet, dass sie den Inhalt sorgfältig lesen oder zögern.

Sobald Sie die allgemeinen Verhaltensmuster (Klicks basierend auf verschiedenen Verkehrsquellen und Geräten) kennen, können Sie die Aktionen und das Verhalten Ihrer Website-Besucher vorhersagen und ihnen helfen, Ihre Website effizienter zu nutzen.

Für eine detailliertere Verfolgung, Analyse und Vorhersage des Benutzerverhaltens habe ich auch eine Grafik vorbereitet, die die Verteilung der Klicks auf die Teile einer Seite zeigt.

Verteilung der Klicks in Abhängigkeit von Scrolltiefe und Gerätetyp

Die folgende Grafik zeigt, wie die Anzahl der Klicks vom Gerätetyp und dem Teil einer Seite abhängt:

Bildlauf-Klicks-Grafik

Wie Sie sehen können, haben die Benutzer die ersten Teile der Seite am häufigsten angeklickt (0–20 %). Selbst wenn Sie die Klicks von anderen Teilen zusammenzählen, sind es immer noch weniger.

Die Grafik zeigt auch einen deutlichen Rückgang der Klicks bereits ab dem zweiten Teil der Seite (20-40 %). Das bedeutet, dass Sie die Struktur Ihrer Inhalte planen müssen. Die Informationen, die für die Benutzer am wichtigsten sind, sollten immer im ersten Teil platziert werden, da sie für die Bildung eines positiven Verhaltens sehr wichtig sind.

Natürlich sind nicht alle Seiten identisch. Sie können unterschiedliche Größen und Designs haben. Nichtsdestotrotz vermittelt diese Grafik eine Hauptidee – wenn Sie Kunden halten möchten, platzieren Sie Handlungsaufforderungen oben auf den Seiten.

Verteilung der Klickfolgen je nach Teil einer Seite

Während die vorherige Grafik zeigt, wo die wichtigsten Informationen zu platzieren sind, hilft die nächste zu verstehen, wie Benutzer auf Webseiten navigieren und was sie am häufigsten tun.

Klicksequenzen werden absichtlich nach Gerätetyp segmentiert. Dies ist notwendig, um ein klareres Gesamtbild des Nutzerverhaltens zu erhalten.

Verteilung von Klicksequenzen auf PCs

Sequenzgrafik

Die Grafik zeigt, dass die meisten Benutzer ihren ersten Klick irgendwo oben auf der Seite getätigt haben (0–20 %). Außerdem nimmt die Anzahl der ersten Klicks auf der zweiten Seite (20-40 %) und den folgenden Teilen der Seite stark ab.

Eine solche Verteilung zeigt auch, dass die Anzahl der ersten Klicks auf verschiedene Seitenbereiche immer höher ist als die der zweiten, dritten usw. Klicks.

Welche Schlussfolgerungen können wir aus dieser Grafik ziehen?

Viele Nutzer verlassen nach dem ersten Klick die Seite, um zu einer anderen Seite zu wechseln oder die Website ganz zu schließen. Eine deutlich geringere Anzahl von Benutzern surft weiterhin auf der Seite und interagiert mit der Website.

Verbreitung von Klickfolgen auf Smartphones

Mobile Sequenzgrafik

Ähnlich ist die Situation bei den Nutzern mobiler Geräte. In diesem Fall ist jedoch der Unterschied zwischen der Anzahl der Klicks auf den ersten (0-20 %) und den zweiten (20-40 %) Teil der Seite signifikanter.

Das bedeutet, dass jede mobile Website-Version alle notwendigen Informationen oben enthalten sollte. Es ist sehr unwahrscheinlich, dass Benutzer auf der Suche nach weiteren Details nach unten scrollen.

Verteilung von Klicksequenzen auf Tablets

Tablet-Scroll-Grafik

Ein solcher Abgleich ist unerlässlich, um eine Website für unterschiedliche Gerätetypen zu optimieren und ein positives Nutzerverhalten zu erzielen. Während beispielsweise Ihre Desktop-Version oben auf der Seite viele Informationen enthalten kann, hat eine mobile Version nur begrenzten Platz. Berücksichtigen Sie dies bei der Gestaltung Ihrer mobilen Website zur Verbesserung des Nutzerverhaltens.

Verteilung der Scrolltiefe je nach Teil einer Seite

Das folgende Diagramm zeigt, wie tief Benutzer Seiten scrollen, ohne Klicks zu tätigen.

Scrollt Tiefengrafik

Anhand der Indikatoren können wir eine allmähliche Abnahme der Scrolltiefe erkennen, die an einem bestimmten Punkt der Seite beginnt. Mit jedem Abschnitt der Seite verringert sich die Anzahl der Benutzer. Je tiefer wir gehen, desto weniger Besucher scrollen weiter. Da die meisten Klicks auf den ersten Teil der Seite erfolgen, zeigt auch diese Grafik einen Rückgang ab dem zweiten Teil.

Warum die Website auf etwas klickt, das Sie verfolgen müssen

Damit sich potenzielle Kunden auf Ihrer Website wohlfühlen, müssen Sie wissen, was sie als Erstes tun, nachdem sie auf der Seite gelandet sind. Es lohnt sich also, dies zu verfolgen.

Finden Sie heraus, welche Klicks sie machen, welche Bereiche sie besuchen und in welcher Phase des Verkaufstrichters sie Ihre Website verlassen. Die Anzahl der Klicks auf verschiedene Website-Elemente kann folgende Fragen beantworten:

  • Was gefällt den Nutzern auf Ihrer Website und was hindert sie am Kauf?
  • Warum hat eine Website-Seite eine höhere Conversion-Rate als eine andere?
  • Warum hat Ihre Website eine hohe Absprungrate (oder hat eine separate Seite eine hohe Ausstiegsrate)?
  • Enthält Ihre Website Elemente, die anklickbar aussehen, obwohl sie es nicht sind?
  • Ist der Inhalt gut? Wie können Sie die Scrolltiefe erhöhen?
  • Wo sind die besten Plätze, um interne URLs und interessante Angebote zu platzieren?
  • Sind die auf der jeweiligen Seite angezeigten Pop-ups geeignet und effektiv? (Wenn die meisten Benutzer das Popup schließen, sollten Sie versuchen, es zu entfernen, und sehen, wie sie sich ohne es verhalten werden).
  • Sind Ihre Handlungsaufforderungen und andere Elemente effektiv?

Nur wenn Sie diese Informationen haben, können Sie die Anzahl unzufriedener Kunden reduzieren, positives Nutzerverhalten steigern und neue Kunden gewinnen.

Nutzerverhalten durch die Website Clicks & Scroll Analyse

Heatmap-Klicks

Sie können den Datenausschnitt von Plerdys Click-and-Scroll-Heatmaps unmittelbar nach der Installation des Tracking-Skripts anzeigen. Drücken Sie einfach Strg-Alt-H, um die Seitenleiste des Analysetools zum Verfolgen des Benutzerverhaltens zu öffnen. Die Statistiken werden auf jeder Seite separat angezeigt. Die Tracking-Informationen werden in Echtzeit auf einer Live-Website angezeigt, anstelle von Screenshots, die von vielen ähnlichen Analysetools wie Hotjar und anderen verwendet werden. Auf diese Weise können Sie dynamische Elemente verfolgen und vermeiden, zwischen den Seiten und dem Haupt-Dashboard zu wechseln.

Das Dashboard enthält alle gesammelten Analysedaten, gruppiert nach bestimmten Parametern des Benutzerverhaltens. Es ist sehr praktisch, Abweichungen in der Website-Performance zu sehen, die das Verhalten der Kunden beeinflussen.

Beispiel für die visuelle Darstellung des Benutzerverhaltens auf einer Live-Website

Beispiel Heatmap

Heatmaps-Tracking-Tool zur Analyse des Verhaltens von Website-Besuchern, um herauszufinden, welche Funktionsschaltflächen (die zum entsprechenden Abschnitt weiterleiten) die höchsten CTRs aufweisen. Das beliebteste Element ist das Feld, in das Benutzer die URL oder Domain der Website eingeben können, die sie analysieren möchten. Laut Trackingdaten wurde dieses Feld 10612 mal angeklickt im Vergleich zum Suchbutton mit nur 1890 Klicks.

Daher können wir davon ausgehen, dass andere Benutzer nur auf die Eingabetaste geklickt und auf die Ergebnisse gewartet oder die Website überhaupt verlassen haben.

Wenn die Eigentümer der Website dieses Verhaltensmuster ignoriert hätten, hätten sie haufenweise Nutzer verloren. Glücklicherweise können Besucher mit einem Klick auf die Eingabetaste die Linkanalyse durchführen. Das einzige Problem ist, dass die Analyse ziemlich langsam ist, was die Leute dazu bringen kann, die Seite zu verlassen.

Neben der Gesamtzahl der Klicks auf das Element können Sie auch sehen, auf welche Elemente/Blöcke Benutzer zuerst klicken. Auf diese Weise können Sie verstehen, was die Aufmerksamkeit der Besucher direkt nach der Landung auf der Seite erregt und wie sich dies auf ihr Verhalten auswirkt.

Benutzerverhalten

Eine separate Analyse der CRT der Suchleiste ausschließlich für direkten Traffic zeigt, dass dieses Element 12,3 % aller Klicks auf direkten Traffic ausmacht (direkter Traffic macht 47 % aus). Das bedeutet, dass die Suchleiste auf dieser Seite zwar hervorgehoben wird, die Nutzer aber auch andere Elemente anklicken, die ihre Aufmerksamkeit ablenken und sich dadurch auf ihr Verhalten auswirken.

Wenn Sie wissen möchten, wo Ihre Website-Besucher zuerst klicken und wie dies ihr Verhalten bestimmt, können Analytics-Heatmaps sehr nützlich sein. Sie filtern nicht nur die ersten Klicks nach Traffic-Quelle, sondern auch nach Klicksequenzen.

Ctr

Auf diese Weise können Sie zum Beispiel herausfinden, wo Besucher, die aus dem organischen Verkehr kamen, zuerst geklickt haben und wie sie sich verhalten.

Kehren wir zur weiteren Analyse des Kundenverhaltens zu den vorherigen Diagrammen der Klicksequenzen in verschiedenen Teilen der Seite zurück.

Erste Bildschirmklicks

Nachdem wir uns diesen Screenshot angesehen haben, können wir erneut feststellen, dass 97,6 % aller Klicks auf dem ersten Bildschirm getätigt werden. Daher sind die anderen 4 Teile der Seite weniger effektiv und werden selten angeklickt.

Die Analyse der Mausbewegungen zeigt, dass Benutzer sehr schnell mit dem Element interagieren. Besucher brauchen weniger als 2 Sekunden zum Klicken, obwohl die meisten von ihnen die Website auf PCs durchsuchen.

Scrolltiefe

Ähnlich verhält es sich mit der Scrolltiefe. Die Startseite der Website von Serpstat besteht aus acht 1920 × 1080 Pixel großen Scroll-Bildschirmen. Den erhobenen Daten zufolge haben nur 5 % der Nutzer den Second Screen angesehen bzw. gescrollt, sodass das Verhalten auf dem Second Screen nicht so produktiv war.

Niedrige Klicks

Die Daten zur Analyse der Scrolltiefe belegen erneut, dass praktisch niemand den unteren Teil der Website überprüft, sodass das Verhalten dort fast nicht vorhanden ist. Es nützt fast nichts, dort zusätzliche Elemente zu platzieren.

Letzte Worte

Das ist also die Recherche, die ich zusammen mit Plerdys Team durchgeführt habe. Ich hoffe, es wird Ihnen bei Ihrer Website-UX-Analyse und dem Verständnis des Benutzerverhaltens helfen.