{"id":869421,"date":"2023-10-08T10:43:14","date_gmt":"2023-10-08T15:43:14","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/user-experience-software-einfuhrung-in-mouseflow\/"},"modified":"2023-10-08T10:43:14","modified_gmt":"2023-10-08T15:43:14","slug":"user-experience-software-einfuhrung-in-mouseflow","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/user-experience-software-einfuhrung-in-mouseflow\/","title":{"rendered":"User Experience Software: Einf\u00fchrung in Mouseflow"},"content":{"rendered":"

Haben Sie sich jemals gew\u00fcnscht, Sie k\u00f6nnten Ihre Kunden ausspionieren, w\u00e4hrend sie mit Ihrer Website interagieren?<\/p>\n

Nat\u00fcrlich nicht auf gruselige Weise, sondern nur, um Informationen dar\u00fcber zu erhalten, was funktioniert und was nicht. Unternehmen wenden seit Jahrzehnten \u00e4hnliche Taktiken an: Secret Shopper, Fokusgruppen usw. Theoretische Konzepte zur F\u00fchrung eines Unternehmens, sowohl digital als auch in einem physischen Gesch\u00e4ft, bringen Sie nur bedingt weit. Ab einem bestimmten Punkt ist es wichtig zu sehen, was passiert, wenn potenzielle Kunden mit Ihrem Unternehmen interagieren.<\/p>\n

Ein wirkungsvolles Beispiel hierf\u00fcr ist eine Bildschirmaufzeichnungssoftware. Diese Art von Software macht genau das, was Sie denken: Sie erm\u00f6glicht es Ihnen, Bildschirmaufzeichnungen von Benutzern anzuzeigen, die auf der Website Ihres Unternehmens surfen. Unabh\u00e4ngig davon, ob sie sofort abspringen (Ihre Website verlassen) oder von Seite zu Seite klicken, bevor sie ein Formular ausf\u00fcllen, k\u00f6nnen Sie sehen, wo sie klicken, wie weit sie scrollen, mit welchen Elementen sie interagieren und vieles mehr.<\/p>\n

Eines dieser Tools, Mouseflow, kann f\u00fcr Unternehmen, die neu im Bereich Bildschirmaufzeichnung oder Webdesign im Allgemeinen sind, \u00fcberw\u00e4ltigend 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.<\/p>\n

Videotranskript:<\/h2>\n

User Experience-Software: Eine Einf\u00fchrung in Benutzerverhaltensdaten<\/h2>\n

Bildschirmaufzeichnung, Mausverfolgung und Heatmaps geben Aufschluss dar\u00fcber, wie Besucher Ihre Website nutzen. Mit diesen Tools k\u00f6nnen Sie Trends erkennen, Daten zum Benutzerverhalten sammeln und Bereiche mit Verbesserungspotenzial auf Ihrer Website diagnostizieren. Dies wird durch die Aufzeichnung der Mausaktivit\u00e4t und die anschlie\u00dfende Quantifizierung der gesammelten Daten erreicht.<\/p>\n

Durch den Einsatz von Bildschirmaufzeichnungen und Heatmapping-Software k\u00f6nnen Sie h\u00e4ufige Schwachstellen, Ablenkungen, h\u00e4ufige Muster, Fehlklicks und unerwartete Verhaltensweisen beobachten, die die Conversion-F\u00e4higkeit Ihrer Kunden behindern.<\/p>\n

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.<\/p>\n

Heatmaps:<\/h2>\n

Eine Heatmap ist eine grafische Darstellung der Mausaktivit\u00e4t, die \u00fcber die Seiten Ihrer Website gelegt wird. Das Engagement der Benutzer wird in einer Reihe von Farben ausgedr\u00fcckt. Rot entspricht einer signifikanten Aktivit\u00e4t und Blau entspricht einer geringen oder keiner Aktivit\u00e4t.<\/p>\n

Mouse-Tracking-Heatmaps werden verwendet, um die Besucheraktivit\u00e4t auf einer Seite zu visualisieren. Heatmaps \u00fcberwachen, auf welche Bildschirmelemente Benutzer klicken, worauf sie achten und wie weit sie auf der Seite nach unten scrollen.<\/p>\n

Heute schauen wir uns einige verschiedene Arten von Heatmaps an, darunter: Klick-, Scroll-, Bewegungs-, Interaktions- und Geografie-Heatmaps.<\/p>\n

Klicken Sie auf Karten:<\/h2>\n

Clickmaps identifizieren die Elemente, auf die Benutzer beim Besuch einer bestimmten Seite klicken. Diese Karten \u00fcberpr\u00fcfen, ob Benutzer mit wichtigen Elementen der Website interagieren. Sie k\u00f6nnen auch Schaltfl\u00e4chen identifizieren, mit denen Benutzer nicht interagieren, und sind hilfreich, um fehlerhafte Klicks zu erkennen.<\/p>\n

Sehen Sie sich eine Clickmap f\u00fcr unsere Website an<\/p>\n

Hier sehen Sie eine Bildschirm\u00fcberlagerung, die darstellt, wohin Benutzer klicken. Das Diagramm unten links zeigt einen Bereich von Intensit\u00e4ten, wobei Rot und Wei\u00df die am h\u00e4ufigsten angeklickten Bereiche darstellen. Blau und Schwarz zeigen Bereiche an, die kaum oder gar keine Interaktion erfahren.<\/p>\n

In der Clickmap f\u00fcr die Startseite von mainstreethost.com k\u00f6nnen 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\u00fcrden.<\/p>\n

Es werden aber auch einige fehlerhafte Klicks angezeigt, wie hier, bei denen der Benutzer m\u00f6glicherweise erwartet, dass dieses nicht anklickbare Element anklickbar ist. Benutzer m\u00f6chten m\u00f6glicherweise weitere Informationen zu diesem Thema oder klicken auf diesen Eintrag.<\/p>\n

Wir k\u00f6nnen auch sehen, dass dieser Link im Flie\u00dftext nur minimale Klicks erh\u00e4lt. 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\u00fcber nachdenken, die Entfernung von Textlinks zu testen, um zu sehen, ob sie f\u00fcr Conversions hilfreich ist.<\/p>\n

Oben rechts k\u00f6nnen wir das Ger\u00e4t steuern, von dem aus wir die Heatmap anzeigen. Wir haben Desktop-, Tablet- und Telefonoptionen. Wir k\u00f6nnen zum Telefon-Overlay wechseln und herausfinden, wie mobile Besucher mit unserer Website interagieren und wie sie sich von herk\u00f6mmlichen Desktop-Besuchen unterscheidet.<\/p>\n

Scrollen Sie durch die Karten:<\/h2>\n

Scroll Maps zeigen uns, welche Teile einer Seite sichtbar sind und wie viel Prozent der Benutzer auf der Seite nach unten scrollen. Sie k\u00f6nnen uns dabei helfen, zu erkennen, ob wichtige Inhalte, wie etwa ein Call-to-Action oder eine Schaltfl\u00e4che zum Hinzuf\u00fcgen zum Warenkorb, zu weit unten auf der Seite stehen und daher f\u00fcr die meisten Benutzer unsichtbar sind, weil sie nicht scrollen m\u00fcssen.<\/p>\n

Auch hier werden, genau wie bei der Clickmap, unten links die maximalen und minimalen Farben angezeigt, die die Sichtbarkeit der Seite angeben.<\/p>\n

Werfen Sie einen Blick auf unsere Serviceseite:<\/p>\n

\"Verschiebungskarte<\/p>\n

Der obere Teil der Seite ist rot und erh\u00e4lt 100 % Sichtbarkeit, was bedeutet, dass alle Benutzer diesen Teil der Seite sehen. Wenn wir auf der Seite nach unten scrollen, k\u00f6nnen wir sehen, wie sich die Farbe des Overlays \u00e4ndert, was darauf hinweist, dass Benutzer die Seite ablegen und nicht mehr scrollen.<\/p>\n

Wir k\u00f6nnen hier sehen, dass es einen starken R\u00fcckgang bei den Nutzern gibt. Dies wird \u00fcblicherweise als visueller Haltepunkt bezeichnet und tritt auf, wenn der Benutzer davon ausgeht, dass sich unten kein wertvoller Inhalt befindet, und sich daf\u00fcr entscheidet, nicht weiter auf der Seite nach unten zu scrollen.<\/p>\n

Identifizieren Sie \u00fcberm\u00e4\u00dfiges Herabh\u00e4ngen und erw\u00e4gen Sie die Schaffung ansprechenderer Augenwege und visueller Hinweise, um den Benutzer zu fesseln.<\/p>\n

Die hier angezeigte Faltlinie ist der durchschnittliche Teil Ihrer Website, den Benutzer sehen k\u00f6nnen, wenn sie zum ersten Mal auf der Seite ankommen, bevor sie scrollen. Statistisch gesehen finden die meisten Interaktionen \u00fcber Inhalte oberhalb der Falte statt.<\/p>\n

Bewegungskarte:<\/h2>\n

Mausbewegungskarten zeigen, wohin Benutzer ihre Maus bewegen. Wie bei Klicks m\u00f6chten wir, dass sich die Mausbewegungen auf unsere wichtigsten Elemente wie die Navigation oder einen Call-to-Action konzentrieren, da diese die meiste Interaktion erfahren.<\/p>\n

Wie Sie sehen k\u00f6nnen, 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.<\/p>\n

\"Bewegungskarte<\/p>\n

Motion Maps k\u00f6nnen dabei helfen, Fragen zu beantworten wie:<\/p>\n