Homepage > Journal > Wissensweg > UX Forschung > Heat Map und Mausverfolgung — wozu dienen sie?
Journal

Heat Map und Mausverfolgung — wozu dienen sie?

Wie gefällt Ihnen das:

Mausverfolgung/Cursorverfolgung und Maus-Heat Maps sind Untersuchungsmethoden, die beim Usability-Test von Webanwendungen eingesetzt werden.

Die Cursorverfolgung ermöglicht es uns, Verhaltens-, Reaktions- und Interaktionsmuster bei der Interaktion der Benutzer einer Webanwendung mit der Benutzerschnittstelle zu erkennen.

Dadurch können wir besser verstehen, mit welchen Problemen die Benutzer konfrontiert sind.

Es geht nicht nur um Probleme mit der Funktionalität, sondern auch mit dem Inhalt, dem Seitenlayout, der Navigation und der Schnittstelle.

Eine Maus-Heat Map ist eine Art thermische Karte (die z. B. in der Eyetracking-Forschung verwendet wird), die die Intensität der durchgeführten Aktionen (wie Scrollen oder Pausieren) grafisch darstellt.

UX-Forscher interessieren sich zunehmend für diese Methode und nehmen sie dank der dynamischen Entwicklung von Forschungswerkzeugen in ihren Standard-Usability-Forschungscorpus auf.

Maus-Heat Maps und Cursorverfolgung helfen dabei, Aufmerksamkeitsmuster und Nutzbarkeitsprobleme zu erkennen. Es sind Methoden, die die Grundlage für Optimierungsmaßnahmen zur Verbesserung der Konversionsrate bilden.

Wie genau funktionieren die Maus-Heat Map und die Cursorverfolgung? Was sind die Vorteile dieser Methoden? Was ist der Unterschied zwischen Mausverfolgung und Eyetracking?

Wie können Maus-Heat Maps und Cursorverfolgung für UX/UI-Designer nützlich sein? Was sind die Grenzen dieser Methoden?

Wenn Sie neugierig auf die Antworten auf die oben genannten Fragen sind, laden wir Sie herzlich ein, unseren Artikel zu lesen.

Möchten Sie UX Forschung betreiben?

Was ist Mausverfolgung?

Mausverfolgung ist eine UX-Forschungsmethode, bei der eine spezielle Software verwendet wird, die es uns ermöglicht, Daten zu verfolgen, zu aggregieren und zu vergleichen, die das Benutzerverhalten auf einer Website darstellen (z. B. die Erkundung eines bestimmten Bereichs).

Die grundlegende Prämisse dieser Methode besteht darin, die Aufmerksamkeit auf die Beziehung zwischen der Nutzbarkeit einer Website und dem Benutzerverhalten der Maus zu lenken.

Forschung zur Mausverfolgung

Die Art und Weise, wie wir die Maus benutzen, gibt Aufschluss darüber, wie hilfreich oder problematisch eine Website in Bezug auf ihre Nutzbarkeit ist.

Die Untersuchung der Elemente mit dieser Methode ermöglicht es uns, Änderungen vorzunehmen (z. B. am Hauptmenü) und eine Website mit hoher Nutzbarkeit zu erstellen.

Wussten Sie schon...

Die Mausverfolgung ermöglicht es, eine visuelle Darstellung der Verhaltensmuster von Website-Benutzern zu erstellen und die Elemente der Website zu identifizieren, die die meiste Aufmerksamkeit auf sich ziehen, und diejenigen, die gleichgültig oder weniger beliebt sind (wie zusätzliche Schaltflächen).

Diese Methode wird auch verwendet, um Umstellungsblocker und Schnittstellenelemente zu entdecken, mit denen die Interaktion in den folgenden Dimensionen problematisch ist:

  • Kognitiv
  • Manuell (z. B. Dropdown-Menüs)
  • Funktion
  • Logisch (z. B. ein Kauf)
  • Übereinstimmung mit aktuellen Designmustern

Mausverfolgung ist oft eine nützliche Ergänzung zu Studien mit Blickverfolgung. Wir sollten bedenken, dass die Eyetracking-Forschung ihre Grenzen hat.

Erstens erfordert sie eine spezielle Ausrüstung, ist teuer und wirft Fragen über die Natürlichkeit des Browsing-Umfelds der Website auf.

Wussten Sie schon...

Studien mit Mausverfolgung sind viel kostengünstiger, erfordern keine spezielle Ausrüstung und werden unter viel natürlicheren Bedingungen durchgeführt (aus der Sicht des untersuchten Website-Benutzers).

Die Cursorverfolgung kann dabei helfen, festzustellen, worauf sich die Aufmerksamkeit des Benutzers konzentriert, zumal der Cursor häufig als Hilfsmittel beim Lesen und Scannen des Inhalts einer Seite verwendet wird.

Die Mausverfolgung ist eine wichtige Ergänzung zu Studien, die die Anzahl der Klicks messen. Klicks sind der primäre oder endgültige Punkt der Aufmerksamkeit für Besucher, aber nicht der einzige.

Zum Benutzerverhalten auf einer Website gehören auch indirekte Aktionen, die sich auf einzelne Klicks auswirken oder zum Unterlassen einer Aktion führen können.

In dem Artikel "What can a mouse cursor tell us more? Correlation of eye/mouse movements on web browsing" wurden die Studienergebnisse vorgestellt, wonach bei gleichzeitiger Durchführung beider Testmethoden eine 84%-88 % Korrelation der Ergebnisse besteht.

Den Autoren des Artikels zufolge besteht ein enger Zusammenhang zwischen der Position des Blicks und der Position des Cursors.

Darüber hinaus gibt es regelmäßige Muster von Augen- und Mausbewegungen.

Maus-Heat Maps können zusätzliche, sehr nützliche Informationen darüber liefern, wie Benutzer mit Websites interagieren.

Wussten Sie schon...

Mausbewegungen ermöglichen es uns, Punkte von Interesse zu erkennen, die nicht zu Klicks führen, und helfen dabei, den Wahrnehmungs- und Entscheidungsprozess eines Website-Benutzers zu rekonstruieren.

Sie ermöglichen es, die Absichten und Ziele der Benutzer zu verstehen und herauszufinden, wie sie diese erreichen (z. B. durch Verbesserung der Sichtbarkeit).

In der Webanalyse haben Heat Maps auch einen hohen diagnostischen Wert in Bezug auf die Übersichtlichkeit, die Flüssigkeit der Aktionen, die Orientierung und die Verwirrung der Benutzer über die Struktur und das Layout einer bestimmten Seite.

In Kombination mit einer anderen Forschungstechnik, der Think Aloud-Methode, ist es möglich, ein besseres und genaueres Verständnis der Benutzerreaktionen und der Probleme potenzieller Kunden zu gewinnen.

Maus-Heat Map. Heat Maps in UX

Maus-Heat-Maps sind visuelle Darstellungen der Interaktionen eines Website-Benutzers mit seiner Schnittstelle.

Sie dienen dazu, den Umsatz einzelner Elemente zu steigern (z. B. ihre Verlagerung zu rechtfertigen).

Häufig werden Maus-Heat Maps auch unter den Bezeichnungen Mausverfolgungs-Heat Map, Mausbewegungs-Heat Map, Maus-Hover-Map, Aufmerksamkeitskarte, Aufmerksamkeits-Heat Map oder Bewegungskarte verwendet.

Gemäß der Standard-Farbkonvention zeigt die Intensität der roten Farbe eine große Anzahl von Benutzeraktionen an, und die blaue Farbe zeigt das Fehlen jeglicher Aktion an. Die anderen Farben stellen das Spektrum dieser Skala dar.

Wussten Sie schon...

Maus-Heat Maps zeigen auch Bereiche auf einer Website, die für die Benutzer uninteressant sind und mit denen sie nicht interagieren, was für die Gestaltung der Benutzererfahrung hilfreich ist.

Wenn wir die Farben auf einer Heat Map analysieren, können wir Folgendes feststellen:

  • Frustrationspunkte auf einer Website
  • Punkte der Ablenkung
  • Lesemuster
  • Verhaltensmuster (z. B. Klick- oder Bildlaufsequenzen)
  • Die Intensität des Engagements in der Interaktion
  • Das Ausmaß der Erkundung einer Website (dies ist insbesondere für umfangreiche Seiten wichtig, die ein langes Scrollen erfordern)
  • Reale Verhaltensweisen, die Daten liefern, die Design- und Optimierungsentscheidungen unterstützen können
  • Probleme bei der Interaktion mit Funktionalitäten auf einer Website (z. B. Formulare)
  • Prozesse (z. B. Definition von Mausflüssen)

Farben auf einer Heat Map

Gleichzeitig ermöglichen uns Maus-Heat Maps:

  • Diagnose der Nutzbarkeit von Websites
  • Bestimmen der optimalen Position für bestimmte Funktionen, Inhalte und Elemente der Benutzerschnittstelle
  • Bewertung der Navigationsleistung — sie helfen uns zu erkennen, ob die Benutzer reibungslos durch die Website navigieren oder ob sie nach Links suchen oder Schwierigkeiten bei der Navigation auf der Website haben
  • Verbesserung des Komforts und der Benutzererfahrung in Bezug auf Sicherheit, Glaubwürdigkeit und Vertrauen
  • Erstellen Sie Warnhinweise und Aufforderungen an den optimalen Stellen
  • Diagnose von Lesemustern (F-förmiges Lesemuster) und Bestimmung des Layoutmusters (Z-Muster-Layout)

Was ist der Unterschied zwischen Mausverfolgung und Eyetracking? Arten von Heat Maps

Im Prinzip beinhalten beide Arten von Forschung eine Nachverfolgung. Bei der Mausverfolgung werden die Bewegungen der Maus und des Mauszeigers verfolgt und grafisch dargestellt.

Heat Map Hotjar

Beim Eyetracking wird die Bewegung der Augäpfel beobachtet und grafisch aufgezeichnet.

Beide Methoden zielen darauf ab, die Elemente zu diagnostizieren, die die Aufmerksamkeit der Benutzer auf sich ziehen, ihr Interesse wecken und zur Interaktion anregen.

Sie stellen Informationen im positiven Sinne (Auftreten von Interaktion) und im negativen Sinne (Fehlen von Interaktion) dar.

In technischer, methodischer und kognitiver Hinsicht unterscheiden sich die beiden Methoden deutlich voneinander und sollten eher als komplementäre denn als konkurrierende Methoden betrachtet werden.

Die wichtigsten Unterschiede zwischen dem Mausverfolgen und dem Eyetracking liegen in den folgenden Punkten:

  • Budget (Eyetracking ist eine viel teurere Methode)
  • Technisch (die Mausverfolgung ist technisch viel einfacher und erfordert keine spezielle Ausrüstung)
  • Organisatorisch (Eyetracking ist eine Methode, die in Bezug auf die Rekrutierung und die Durchführung einer Umfrage viel anspruchsvoller ist)
  • Glaubwürdigkeit (Mausverfolgung ist viel natürlicher und ähnelt dem realen Benutzerverhalten, außerdem können wir aufgrund der geringeren Kosten die Stichprobengröße erhöhen)
  • Der Einfluss, der sogenannte Beobachtereffekt, der Hawthorne-Effekt (Eyetracking ist eine Methode, bei der dieser Effekt viel stärker ist)

Obwohl beide Methoden nicht ohne Einschränkungen und Mängel sind, sollten wir nicht die eine gegenüber der anderen bevorzugen.

Wussten Sie schon...

Wir sollten eine Website aus verschiedenen Blickwinkeln und mit unterschiedlichen Methoden untersuchen (z. B. mit einer Scroll-Map). Erst dann können einzelne Elemente optimiert werden (z.B. um die Navigation zu verbessern).

Durch die Verwendung spezieller Geräte ist es möglich, unwillkürliches Verhalten zu erfassen, das aus bestimmten automatischen Reaktionen und Aktionen resultiert, die außerhalb des vollen Bewusstseins des Benutzers stattfinden, aber den Verlauf seiner Interaktion mit einer Website beeinflussen.

Heat Map - Mausverfolgung

Wir sollten auch nicht vergessen, dass das Verfolgen der Augen auch das Verfolgen des peripheren Sehens einschließt, was nicht unbedeutend ist.

Die Mausverfolgung hingegen ermöglicht es uns, einen besseren Einblick in die Absichten der Benutzer auf unserer Website zu erhalten und freiwillige Aktionen zu entdecken und zu verstehen.

Diese beiden Methoden unterscheiden sich auch erheblich in Bezug auf die Kompetenz, die Erfahrung und das Wissen, die für eine korrekte Interpretation der Forschungsergebnisse erforderlich sind.

Eyetracking ist eine viel speziellere Methode und erfordert diese Art von Wissen. Wir müssen einfach wissen, was wir tun, wenn es um die Verfolgung von Augenbewegungen geht.

Mausverfolgung verursacht keine derartigen Probleme und ist für diejenigen, die nicht über spezielle Ausrüstung und Erfahrung in der Durchführung, Analyse und Interpretation von Benutzererfahrungsstudienergebnissen verfügen, kognitiv viel leichter zugänglich.

Warum sollten wir Mausverfolgung und Maus-Heat Maps verwenden?

Der vielleicht offensichtlichste Vorteil dieser Forschungsmethode ist die Möglichkeit, eine Website viel besser zu gestalten:

  • Nützlich
  • Freundlich
  • Intuitiv
  • Einfach zu bedienen
  • Nachvollziehbar

Darüber hinaus gibt die Heat Map-Analyse Aufschluss über das natürliche Verhalten innerhalb der Website-Struktur.

Heat Maps Hotjar

Die hohe Glaubwürdigkeit der Forschung und ihrer Ergebnisse ermöglicht es, zu beurteilen, inwieweit die Website Probleme in Bezug auf die folgenden Aspekte aufwirft:

  • Funktion
  • Informationen
  • Navigation

Einige der wichtigsten Elemente, die wir mit den Ergebnissen der Mausverfolgung optimieren können, sind die folgenden:

  • Interaktive Funktionalitäten
  • Links
  • Menüs (insbesondere die Dropdown-Menüs)
  • Bildlaufleisten
  • Textblöcke
  • Formulare (z. B. Kreditkartenformulare)
  • Paginierung
  • Seitenvorlage

Die Mausverfolgung ermöglicht es uns auch, Folgendes zu entdecken:

  • Attraktoren und Ablenker — Elemente, die Aufmerksamkeit erregen und Ablenkung verursachen
  • Fehler verursachende Elemente
  • Bisher unbekannte Anwendungsfälle
  • Elemente, die den Benutzerfluss auf Websites unterstützen
  • Elemente, die das Lesen und Scannen des Inhalts einer Seite begünstigen oder behindern
  • Elemente, die die Ergebnisse der Konversionsrate auf der Website sowohl verbessern als auch verringern

Heat Map auf einer Website

UX-Forschung auf der Grundlage von Tracking ist ebenfalls hilfreich:

  • Beschleunigung von Entwurfs- und Geschäftsentscheidungsprozessen
  • Entscheidungen mit Daten begründen
  • Entscheidungen auf der Grundlage von Darstellungen des tatsächlichen Verhaltens und nicht auf der Grundlage von Wahrnehmungen zu treffen
  • Entdecken Sie den Navigationsprozess
  • Änderungen an der Schnittstelle vornehmen, die die Interaktionskosten senken
  • Entdecken Sie Muster von sich wiederholenden Verhaltensweisen, Entscheidungen und Nutzungsszenarien
  • Ableitung der Gründe für die Wirksamkeit oder das Scheitern entscheidender Konversionselemente (z. B. Call To Action)
  • Entdecken und lösen Sie das Problem der verrotteten und gebrochenen Links

Mausverfolgung. Maus-Heat Maps. Zusammenfassung des Artikels

  1. Die Mauszeigerverfolgung, Maus-Heat Map ist eine zunehmend beliebte Forschungsmethode, insbesondere beim Usability-Test von Webanwendungen (UX Testing).
  2. Ihr Zweck ist es, das tatsächliche Verhalten der Benutzer einer Website aufzuzeichnen.
  3. Die Mausverfolgung, eine Heat Map-Analyse, ist eine Methode, mit der man viel besser verstehen kann (als z. B. mit einer Klickrate), welche Probleme die Benutzer haben.
  4. Die Cursorverfolgung hilft dabei, Aufmerksamkeitsmuster und Nutzbarkeitsprobleme zu erkennen.
  5. Diese Methode bildet oft die Grundlage für Optimierungsmaßnahmen, die die Konversion (Konversionsrate) deutlich erhöhen.
  6. Die Cursorverfolgung ist eine Forschungsmethode zum Sammeln und Vergleichen von Informationen über das Benutzerverhalten.
  7. Die grundlegende Prämisse dieser Forschungsmethode ist die Idee, dass die Art und Weise, wie wir die Maus benutzen, ein Hinweis darauf ist, wie nützlich oder problematisch in Bezug auf die Nutzbarkeit eine Website ist.
  8. Mithilfe der Mausverfolgung können wir eine visuelle Darstellung der Verhaltensmuster von Website-Benutzern erstellen.
  9. Mausbewegungen helfen, den Wahrnehmungs- und Entscheidungsprozess eines Website-Benutzers zu rekonstruieren.
  10. Maus-Heat-Maps sind visuelle Darstellungen der Interaktionen eines Website-Benutzers mit seiner Schnittstelle.
  11. Sie zeigen auch die Teile einer Website, die nicht von Interesse sind.
  12. Maus- und Eyetracking-Studien sind komplementäre, nicht konkurrierende Methoden.
  13. Beide Methoden zielen darauf ab, die Elemente zu entdecken, die die Aufmerksamkeit der Benutzer auf sich ziehen, ihr Interesse wecken und zur Interaktion anregen.
  14. Eyetracking ermöglicht es uns, unwillkürliches Verhalten zu erfassen, das aus automatischen Handlungen resultiert, die außerhalb des vollen Bewusstseins des Benutzers stattfinden.
  15. Es ist nützlich, Heat Maps zu verwenden, um besser zu verstehen, mit welcher Absicht die Benutzer auf eine Website kommen und was sie tun.
  16. Nachverfolgungsbasierte Forschung (z. B. Nachverfolgung des Seitenscrollens, Nachverfolgung der Cursorbewegungen) hilft, den Entscheidungsprozess (in Bezug auf Geschäft und Design) zu rechtfertigen.
  17. In der Webanalyse werden Heat Maps sehr häufig verwendet.
  18. Darüber hinaus helfen Maus-Heat Maps, Entscheidungen auf der Grundlage von Darstellungen des natürlichen Verhaltens zu treffen und den Navigationsprozess zu entdecken.
Wie gefällt Ihnen das:
Journal / Redaktor
Autor: Radek
UX Writer and researcher by education + experience. Collects The Story's knowledge and shares it on the Journal.
Bewerter: Dymitr Romanowski

Sind Sie an einer Zusammenarbeit mit uns interessiert? Werfen Sie einen Blick auf unser Portfolio