Haben Sie sich jemals gewünscht, Sie könnten Ihre Kunden ausspionieren, während sie mit Ihrer Website interagieren?
Natürlich nicht auf gruselige Weise, sondern nur, um Informationen darüber zu erhalten, was funktioniert und was nicht. Unternehmen wenden seit Jahrzehnten ähnliche Taktiken an: Secret Shopper, Fokusgruppen usw. Theoretische Konzepte zur Führung eines Unternehmens, sowohl digital als auch in einem physischen Geschäft, bringen Sie nur bedingt weit. Ab einem bestimmten Punkt ist es wichtig zu sehen, was passiert, wenn potenzielle Kunden mit Ihrem Unternehmen interagieren.
Ein wirkungsvolles Beispiel hierfür ist eine Bildschirmaufzeichnungssoftware. Diese Art von Software macht genau das, was Sie denken: Sie ermöglicht es Ihnen, Bildschirmaufzeichnungen von Benutzern anzuzeigen, die auf der Website Ihres Unternehmens surfen. Unabhängig davon, ob sie sofort abspringen (Ihre Website verlassen) oder von Seite zu Seite klicken, bevor sie ein Formular ausfüllen, können Sie sehen, wo sie klicken, wie weit sie scrollen, mit welchen Elementen sie interagieren und vieles mehr.
Eines dieser Tools, Mouseflow, kann für Unternehmen, die neu im Bereich Bildschirmaufzeichnung oder Webdesign im Allgemeinen sind, überwältigend sein. Wir haben dieses Video erstellt, um den Prozess zu vereinfachen. Sobald Sie den Dreh raus haben, werden Sie Ihre Website optimieren und testen, bis sie eine gut funktionierende, leistungsstarke Konvertierungsmaschine ist.
Videotranskript:
User Experience-Software: Eine Einführung in Benutzerverhaltensdaten
Bildschirmaufzeichnung, Mausverfolgung und Heatmaps geben Aufschluss darüber, wie Besucher Ihre Website nutzen. Mit diesen Tools können Sie Trends erkennen, Daten zum Benutzerverhalten sammeln und Bereiche mit Verbesserungspotenzial auf Ihrer Website diagnostizieren. Dies wird durch die Aufzeichnung der Mausaktivität und die anschließende Quantifizierung der gesammelten Daten erreicht.
Durch den Einsatz von Bildschirmaufzeichnungen und Heatmapping-Software können Sie häufige Schwachstellen, Ablenkungen, häufige Muster, Fehlklicks und unerwartete Verhaltensweisen beobachten, die die Conversion-Fähigkeit Ihrer Kunden behindern.
In diesem Video werfen wir einen kurzen Blick auf die verschiedenen Daten und Erkenntnisse, die diese Art von Software liefert. Wir werden Mouseflow verwenden, die bereitgestellten Informationen sind jedoch auch auf zahlreiche Anwendungen wie Hotjar und Clicktale anwendbar.
Heatmaps:
Eine Heatmap ist eine grafische Darstellung der Mausaktivität, die über die Seiten Ihrer Website gelegt wird. Das Engagement der Benutzer wird in einer Reihe von Farben ausgedrückt. Rot entspricht einer signifikanten Aktivität und Blau entspricht einer geringen oder keiner Aktivität.
Mouse-Tracking-Heatmaps werden verwendet, um die Besucheraktivität auf einer Seite zu visualisieren. Heatmaps überwachen, auf welche Bildschirmelemente Benutzer klicken, worauf sie achten und wie weit sie auf der Seite nach unten scrollen.
Heute schauen wir uns einige verschiedene Arten von Heatmaps an, darunter: Klick-, Scroll-, Bewegungs-, Interaktions- und Geografie-Heatmaps.
Klicken Sie auf Karten:
Clickmaps identifizieren die Elemente, auf die Benutzer beim Besuch einer bestimmten Seite klicken. Diese Karten überprüfen, ob Benutzer mit wichtigen Elementen der Website interagieren. Sie können auch Schaltflächen identifizieren, mit denen Benutzer nicht interagieren, und sind hilfreich, um fehlerhafte Klicks zu erkennen.
Sehen Sie sich eine Clickmap für unsere Website an
Hier sehen Sie eine Bildschirmüberlagerung, die darstellt, wohin Benutzer klicken. Das Diagramm unten links zeigt einen Bereich von Intensitäten, wobei Rot und Weiß die am häufigsten angeklickten Bereiche darstellen. Blau und Schwarz zeigen Bereiche an, die kaum oder gar keine Interaktion erfahren.
In der Clickmap für die Startseite von mainstreethost.com können wir sehen, dass diese leuchtenden Farben in der Navigation und rund um diesen CTA ein erhebliches Engagement anzeigen, was genau das ist, was wir erwarten würden.
Es werden aber auch einige fehlerhafte Klicks angezeigt, wie hier, bei denen der Benutzer möglicherweise erwartet, dass dieses nicht anklickbare Element anklickbar ist. Benutzer möchten möglicherweise weitere Informationen zu diesem Thema oder klicken auf diesen Eintrag.
Wir können auch sehen, dass dieser Link im Fließtext nur minimale Klicks erhält. Dies kann ein Hinweis darauf sein, dass dieser Link ineffektiv ist, oder eine Ablenkung, die uns nicht dabei hilft, unser Ziel zu erreichen. Wir sollten darüber nachdenken, die Entfernung von Textlinks zu testen, um zu sehen, ob sie für Conversions hilfreich ist.
Oben rechts können wir das Gerät steuern, von dem aus wir die Heatmap anzeigen. Wir haben Desktop-, Tablet- und Telefonoptionen. Wir können zum Telefon-Overlay wechseln und herausfinden, wie mobile Besucher mit unserer Website interagieren und wie sie sich von herkömmlichen Desktop-Besuchen unterscheidet.
Scrollen Sie durch die Karten:
Scroll Maps zeigen uns, welche Teile einer Seite sichtbar sind und wie viel Prozent der Benutzer auf der Seite nach unten scrollen. Sie können uns dabei helfen, zu erkennen, ob wichtige Inhalte, wie etwa ein Call-to-Action oder eine Schaltfläche zum Hinzufügen zum Warenkorb, zu weit unten auf der Seite stehen und daher für die meisten Benutzer unsichtbar sind, weil sie nicht scrollen müssen.
Auch hier werden, genau wie bei der Clickmap, unten links die maximalen und minimalen Farben angezeigt, die die Sichtbarkeit der Seite angeben.
Werfen Sie einen Blick auf unsere Serviceseite:
Der obere Teil der Seite ist rot und erhält 100 % Sichtbarkeit, was bedeutet, dass alle Benutzer diesen Teil der Seite sehen. Wenn wir auf der Seite nach unten scrollen, können wir sehen, wie sich die Farbe des Overlays ändert, was darauf hinweist, dass Benutzer die Seite ablegen und nicht mehr scrollen.
Wir können hier sehen, dass es einen starken Rückgang bei den Nutzern gibt. Dies wird üblicherweise als visueller Haltepunkt bezeichnet und tritt auf, wenn der Benutzer davon ausgeht, dass sich unten kein wertvoller Inhalt befindet, und sich dafür entscheidet, nicht weiter auf der Seite nach unten zu scrollen.
Identifizieren Sie übermäßiges Herabhängen und erwägen Sie die Schaffung ansprechenderer Augenwege und visueller Hinweise, um den Benutzer zu fesseln.
Die hier angezeigte Faltlinie ist der durchschnittliche Teil Ihrer Website, den Benutzer sehen können, wenn sie zum ersten Mal auf der Seite ankommen, bevor sie scrollen. Statistisch gesehen finden die meisten Interaktionen über Inhalte oberhalb der Falte statt.
Bewegungskarte:
Mausbewegungskarten zeigen, wohin Benutzer ihre Maus bewegen. Wie bei Klicks möchten wir, dass sich die Mausbewegungen auf unsere wichtigsten Elemente wie die Navigation oder einen Call-to-Action konzentrieren, da diese die meiste Interaktion erfahren.
Wie Sie sehen können, verschwindet die Mausbewegung des Benutzers, wenn wir auf der Seite nach unten scrollen, was bedeutet, dass umso weniger Interaktion stattfindet, je weiter wir nach unten scrollen.
Motion Maps können dabei helfen, Fragen zu beantworten wie:
- Was ist die effektivste Platzierung für On-Page-Anzeigen?
- Ignorieren oder überspringen Besucher bestimmte Abschnitte?
- Ist das Layout der Abschnitte auf der Seite korrekt?
Wenn Ihre wichtigen CTAs und Schaltflächen außerhalb der Bewegungspfade der Besucher liegen, können Sie erwägen, diese Elemente in die Pfade der Benutzer zu verschieben, um zu sehen, wie sie sich auf Ihre Conversions auswirken.
Achtung Karte:
Eine Aufmerksamkeitskarte ist eine zeitbasierte Heatmap, die zeigt, wie engagiert Benutzer mit bestimmten Abschnitten Ihrer Website sind. Die Aufmerksamkeitskarte nutzt dazu Scrollaktivitäten unter Berücksichtigung unterschiedlicher Bildschirmgrößen und Auflösungen. Auf diese Weise können Sie feststellen, welcher Teil der Seite am häufigsten angesehen wurde, und können ein wirksames Hilfsmittel bei der Bewertung von Designelementen sein.
Bereiche in Rot erhalten die meiste Aufmerksamkeit von Benutzern, während Bereiche in Blau und Schwarz wenig Interaktion erhalten.
Stellen Sie sicher, dass Sie die Priorität Ihrer Seitenabschnitte so anpassen, dass die meisten Besucher die Elemente sehen, die die meiste Aufmerksamkeit erregen.
Geografische Karte:
Geomap ist eine interaktive Möglichkeit, anhand ihrer IP-Adresse zu bestimmen, wo Ihre Benutzer sind. Wenn Sie in die Karte hineinzoomen, können Sie eine detaillierte Ansicht der Sehenswürdigkeiten rund um Ihre Website-Benutzer sehen.
Wie Sie sehen können, empfängt mainstreehost.com eine beträchtliche Anzahl von Benutzern in Buffalo, NY
Oben auf der Seite können Sie einen Filter basierend auf Gerät, Anzahl der Seitenaufrufe und Traffic-Quelle anwenden oder sogar Benutzer isolieren, die ein gewünschtes Ziel erreichen. Dies kann ein nützliches Tool sein, um Ihre Anzeigen oder Inhalte gezielt auf die Orte auszurichten, an denen sich Ihre profitabelsten Kunden befinden.
Benutzeraufzeichnungen – Wiedergabe:
Benutzeraufzeichnungen ermöglichen es Ihnen, echte Benutzeraktivitäten zu sehen, während diese auf Ihrer Website navigieren. Sie können beobachten, wie sie sich verhalten, auf welche Probleme sie stoßen und welche Wege sie einschlagen, um ihre Ziele zu erreichen, indem Sie ihre Website durchsuchen. Bildschirmaufzeichnungen können unglaublich nützlich sein, um Benutzern beim Ausfüllen von Formularen auf Ihrer Website zuzusehen. Der Einblick geht weit über das hinaus, was die Ereignisverfolgung allein in Google Analytics leisten kann.
Die Zeitleiste oben auf dem Bildschirm zeigt die Aktionen an, die während der Sitzung stattgefunden haben.
- Rot = Mausbewegung oder Scrollen
- Gelb = klicken oder tippen Sie auf >
- Grün = Forminteraktion
- Schwarz = Inaktivität
- Wiedergabegeschwindigkeit
Die Vielzahl der Besucheraufzeichnungen kann überwältigend sein. Filter sind eine effektive Möglichkeit, Ihre Besucher nach Aktion zu segmentieren. Wenden Sie beispielsweise einen Filter an, der nur Benutzer einbezieht, die auf Ihrer Checkout-Seite angekommen sind oder ein Formular ausgefüllt haben. Vergleichen Sie die Daten derjenigen, die eine Transaktion abgeschlossen haben, mit denen, die keine Conversion durchgeführt haben, um Bereiche zu identifizieren, die sie von der Seite abgelenkt haben. Nutzen Sie diese Informationen, um Ihre Designoptionen zu verfeinern, das Benutzererlebnis zu verbessern und Ihre Konversionsrate zu erhöhen.
Benutzerverhaltenstools in Kombination mit Analysedaten und Analysen können die Leistung Ihrer Website verbessern, indem sie Fehler identifizieren und Hotspots reduzieren. Verhaltenstools wie Mouseflow können ebenfalls Daten bereitstellen, um Experimente zu den Designelementen Ihrer Website durchzuführen, Ihr allgemeines Benutzererlebnis zu verbessern und Ihre Konversionsrate zu steigern.
