Verwenden von Microsoft Clarity, um Benutzer besser zu verstehen

Mit Microsoft Clarity können Sie analysieren, wie Benutzer mit Ihrer Website interagieren. Es ergänzt Google Analytics und bietet Benutzereinblicke durch Tools wie Heatmaps und Sitzungswiederholungen. Was sind die einzigartigen Funktionen von Clarity und wie können sie die Benutzererfahrung Ihrer Website verbessern?

Heutzutage gibt es viele Analysen. Wenn Sie ein Programm benötigen, um detaillierte Daten über Ihre Website zu sammeln, werden Sie keinen Mangel an Optionen finden. Viele Analyseprogramme haben jedoch steile Lernkurven und Ertragsmetriken, die sich nur schwer in Designentscheidungen umsetzen lassen.

Microsoft Clarity ist ein Verhaltensanalysetool, das Benutzerinteraktionen in visuelle Erkenntnisse umwandelt. Clarity bietet eine Vielzahl von Dashboards, Heatmaps und Sitzungswiederholungen, die zeigen, welche Teile Ihrer Website die meisten – und die geringsten – Interaktionen erzielen. Es verfügt auch über Funktionen wie Wutklicks und tote Klicks, die es einfach machen, Probleme zu analysieren, die zu Verwirrung und schlechter Leistung führen.

Was sind die leistungsstärksten Funktionen von Clarity?

Als Softwareentwickler in dem Team, das Clarity entwickelt hat, habe ich aus erster Hand gesehen, wie es Designern helfen kann, ihre Benutzer besser zu verstehen. Die Funktionen von Clarity sind nicht nur robust, sie sind auch unkompliziert und aufgeräumt. Alles beginnt mit dem Clarity-Dashboard.

Clarity Dashboard: Einblicke auf hoher Ebene und nuancierte Filter

Das Haupt-Dashboard von Clarity zeigt Sitzungsmetriken, Verkehrsquellen und Diagramme an, die auf die Frustration der Benutzer hinweisen. Es bietet auch erweiterte Filter, mit denen Sie nach differenzierteren Kriterien wie Cursorbewegungen, Betriebssystemen und in der Größe geänderten Seiten suchen können.

Darüber hinaus gibt Ihnen Clarity die Möglichkeit, unbegrenzt benutzerdefinierte Tags zu erstellen – maßgeschneiderte Filter, die Ihre Fähigkeit beschleunigen, bestimmte Sitzungen zur Überprüfung zu finden. Benutzerdefinierte Tags sind besonders nützlich, wenn Sie:

• Identifizieren Sie Konversionen wie Formularübermittlungen und Käufe
• Finden Sie Heatmaps und Sitzungsaufzeichnungen für bestimmte Benutzer
• Verfolgen Sie, wann bestimmte Benutzer angemeldet sind und welche Art von Seiten sie anzeigen

Frustrationsmetriken: Identifizieren und beseitigen Sie Usability-Probleme

Wenn diese Option nicht aktiviert wird, führen Usability-Probleme zum Verlassen der Website. Glücklicherweise isolieren die Frustrationsmetriken von Clarity Interaktionen, die auf UX-Designfehler hindeuten:

• Wutklicks : Ein Benutzer klickt mehrmals schnell in denselben Bereich. Wutklicks können auf unzureichende Zielgrößen oder irreführendes visuelles Design hinweisen.
• Tote Klicks : Ein Benutzer klickt auf ein Element, aber es passiert nichts. Tote Klicks können das Ergebnis defekter Links sein.
• Exzessives Scrollen : Ein Benutzer scrollt auf einer Seite hastig nach oben und unten, häufiger als der durchschnittliche Benutzer. Übermäßiges Scrollen kann auf eine schlechte Auffindbarkeit oder irrelevante Inhalte hindeuten.
• Schnelles Zurück: Ein Benutzer besucht eine Seite und kehrt schnell zur vorherigen zurück. Schnelles Zurück kann durch irreführende Symbole oder Inhaltsbeschreibungen verursacht werden.

Sitzungswiederholungen: Sehen Sie, wie Benutzer Ihre Website wirklich erleben

Auf der Registerkarte „Aufzeichnungen“ können Sie Sitzungswiederholungen ansehen. Zusätzlich zur Verfolgung von Cursorbewegungen und Klicks enthalten Replays Informationen wie Eingangs- und Ausgangs-URLs, Sitzungsdauer, Datum und Gerät.

Clarity bietet auch ein Kontrollkästchen „Inaktivität überspringen“, mit dem Sie längere Strecken überfliegen können, wenn Benutzer nichts tun – eine enorme Zeitersparnis beim Anzeigen mehrerer Sitzungen.

Über jedem Video zeigt die Option „Weitere Details“ eine Zeitachse der Benutzeraktionen. Jede Aktion ist anklickbar und mit ihrem Platz in der Aufzeichnung verknüpft.

Heatmaps: Visualisieren Sie Ihre ansprechendsten Inhalte

Heatmaps sind eine einfache Möglichkeit, aggregierte Sitzungen zu visualisieren und zu verstehen, wie Benutzer mit einer Seite interagieren. Wärmere Farben weisen auf beliebtere Bereiche hin, und kühlere Farben auf weniger beliebte Bereiche. In Clarity sind drei Arten von Heatmaps verfügbar:

• Klick-Heatmaps zeigen, wo Benutzer auf einer Desktop-Seite geklickt haben.
• Tipp- Heatmaps zeigen, wo Benutzer auf Mobil- und Tablet-Seiten getippt haben.
• Scroll-Heatmaps zeigen, wie weit Benutzer auf einer Seite nach unten gescrollt haben.

Click-and-Tap-Heatmaps können dabei helfen, ansprechende Inhalte zu identifizieren und als Grundlage für den Vergleich von Design-Iterationen zu dienen. Sie können auch Elemente aufdecken, die Benutzer fälschlicherweise für interaktiv halten – wie beispielsweise eine Illustration, die eine „Play“-Schaltfläche enthält.

Mit der Scroll-Heatmap können Sie den Mauszeiger über einen Abschnitt einer Seite bewegen, um den Prozentsatz der Benutzer anzuzeigen, die diesen Punkt erreicht haben. Scroll-Heatmaps identifizieren auch einen durchschnittlichen Falz – den Bereich oben auf einer Seite, den Benutzer vor dem Scrollen sehen.

Hinweis: Dashboard-Filter können auch auf die Registerkarten „Aufzeichnungen“ und „Heatmaps“ angewendet werden.

So passen Sie die Einstellungen von Clarity an

Microsoft Clarity macht es einfach, neue Projekte zu starten, Daten zu maskieren und bestimmte IP-Adressen zu blockieren. Es lässt sich auch in Google Analytics integrieren, um ein detaillierteres Bild der Stärken und Schwächen Ihrer Website zu erhalten.

Clarity Setup: Kompatibel mit gängigen Plattformen von Drittanbietern

Nachdem Sie sich bei Clarity angemeldet haben, werden Sie zu Ihrer Seite „Projekte“ weitergeleitet. Klicken Sie zunächst auf „NEUES PROJEKT HINZUFÜGEN“ und geben Sie Details für Ihre Website ein. Es ist erwähnenswert, dass die Funktionalität von Clarity für alle Websites verfügbar ist, unabhängig vom Verkehrsaufkommen.

Nachdem Sie ein Projekt erstellt haben, werden Sie zur Seite „Setup“ weitergeleitet und erhalten einen Clarity-Tracking-Code. Kopieren Sie den Code und fügen Sie ihn in den HTML-Abschnitt <head> Ihrer Seite ein oder installieren Sie ihn über das WordPress-Plug-in von Clarity oder die Google Tag Manager-Vorlage. Clarity bietet auch Setup-Anweisungen für mehrere Plattformen von Drittanbietern.

Maskierung: Schützen Sie die Daten Ihrer Website

Es gibt drei Maskierungsmodi, die verhindern, dass Clarity den vertraulichen Text Ihrer Website erfasst:

• Strict : Der gesamte Text wird maskiert.
• Ausgeglichen : Nur sensibler Text wird maskiert. Sensibler Text umfasst Eingabefelder, Zahlen und E-Mail-Adressen. (Dies ist die Standardeinstellung von Clarity.)
• Entspannt : Kein Text wird maskiert.

Zusätzlich zu den Maskierungsmodi von Clarity können Sie auch bestimmte Inhalte wie Bilder maskieren.

Hinweis: Es ist nicht ratsam, Clarity auf Websites zu verwenden, die vertrauliche Daten wie Krankenakten oder Finanzinformationen enthalten.

IP-Blockierung: Bestimmte Besucher vom Tracking ausschließen

Die IP-Blockierung verhindert, dass bestimmte IP-Adressen von Clarity erfasst werden. Beispielsweise möchten Sie möglicherweise Website-Besuche von Ihren Teammitgliedern blockieren. Traffic von Adressen auf der Sperrliste wird nicht im Dashboard Ihres Projekts angezeigt.

Google Analytics: Link zu Clarity Recordings

Obwohl es Ähnlichkeiten zwischen den Plattformen gibt, sind Google Analytics und Clarity keine Konkurrenten, sondern ergänzen sich. Google Analytics misst den Datenverkehr und die E-Commerce-Leistung. Clarity verfolgt ähnliche Metriken, aber Sie können auch sehen, wie Benutzer tatsächlich auf Ihrer Website navigieren und mit ihr interagieren.

Wenn Sie beispielsweise eine leistungsschwache Seite in Google Analytics bemerken, können Sie Clarity verwenden, um Benutzersitzungen zu beobachten und die Designfehler der Seite zu identifizieren. Tatsächlich bietet Clarity eine einfache Möglichkeit, Sitzungswiedergaben von Ihrem Google Analytics-Dashboard aus zu verknüpfen.

Microsoft Clarity liefert wertvolle Benutzereinblicke

Designer investieren unzählige Stunden in Benutzerforschung, Informationsarchitektur, Prototyping und Tests. Verhaltensanalysen sind für diesen laufenden Entdeckungs- und Verfeinerungsprozess von entscheidender Bedeutung, da sie zeigen, welche Designentscheidungen funktionieren und welche nicht. Mit seinen intuitiven Funktionen und der grafischen Einfachheit hilft Microsoft Clarity Designern dabei, komplexes Benutzerverhalten in datengestützte Designentscheidungen umzuwandeln.

Weiterführende Literatur im Toptal Design Blog:

• Hotjar: UX- und Conversion-Tipps
• UX-Tests für die Massen: Halten Sie es einfach und kostengünstig
• Wer, was und warum – Ein Leitfaden für Benutzertestmethoden