Lerne / Leitfäden / Heatmaps-Leitfaden
Heatmap-Fallstudien
Heatmaps sind ein leistungsfähiges Instrument, aber verlassen Sie sich nicht nur auf unser Wort: Hier finden Sie eine Auswahl von Fallstudien und Erfolgsgeschichten, die Sie inspirieren werden.
Zuletzt aktualisiert
25 Aug 2023Richte deine Heatmap noch heute ein
Registriere dich für ein kostenloses Hotjar-Konto, füge den Tracking-Code zu deiner Website hinzu und beginne noch heute mit der Nutzung von Heatmaps.
Eine 5-Minuten-Korrektur, die die Konversion um 40 % verbesserte
Der Kontext: Taskworld ist eine Projektmanagementlösung, die sich auf ihre Anmeldeseite stützt, um Leads in Benutzer und Kunden zu konvertieren. Das Team wollte verstehen, wie die Nutzer mit der Seite interagieren, und Verbesserungsmöglichkeiten finden. Deshalb wurde eine Heatmap erstellt:
Was dieHeatmap-Analyseergab: die Klickkarte ergab drei Probleme. Können Sie sie erkennen?
Ungenutzte CTA: Obwohl sich die Seite speziell an Erstnutzer richtet, wurde die Haupt-CTA "Anmelden" weniger oft angeklickt als der Link "Anmelden" (wo sich der rote Klecks unten befindet)
Feldabbruch: Jedes der fünf obligatorischen Felder wurde immer weniger beachtet, was den Nutzern mehrere Gelegenheiten bot, die Seite abzubrechen, bevor sie den Prozess abschließen konnten
Zeitzonen-Blocker: Das obligatorische Feld "Zeitzone wählen" wurde umgangen
Das Ergebnis: In nur 5 Minuten hat Taskworld die Option "Anmelden" entfernt, die Seite um einen CTA herum neu organisiert und die Felder von fünf auf nur EINES vereinfacht: die E-Mail-ID.
Und damit stieg die Konversionsrate um 40 % und die Abbrüche wurden um 4,5 % reduziert.
... ziemlich gut für einen 5-Minuten-Job!
→ Lesen Siedie vollständige Fallstudie
Verstehen, wie man eine Homepage für Anmeldungen optimiert
Der Kontext:Das Team von Bannersnack, einem Online-Bannerhersteller & Design-Tool, hatte Webanalyse-Tools(z. B. Google Analytics) verwendet, um den Datenverkehr zu verfolgen und zu messen, hatte aber kein klares Bild davon, wie die Besucher tatsächlich mit der Website interagierten - was bedeutete, dass sie nicht wussten, wo sie ansetzen sollten, um die Konversionen zu verbessern.
Was die Heatmap-Analyse ergab: eine Reihe von Heatmaps auf der Homepage zeigte, dass die Besucher mit zusätzlichen Seitenelementen mehr interagierten als mit dem Haupt-CTA: xml- CCV Shop generiert Leads über Landing Pages, daher wollte das UX-Team seine potenziellen Kunden besser verstehen und datengestützte Änderungen vornehmen, um die Konversionsrate zu erhöhen.
Was die Analyse ergab: CCV Shop nutzte Heatmaps, um sich einen Überblick über das Verhalten der Kunden auf den wichtigsten Landing Pages zu verschaffen - wohin sie insgesamt klickten, wie weit sie scrollten und wie die Interaktion mit den verschiedenen Seitenelementen aussah:
Sie kombinierten Heatmaps mit anderen Verhaltenstools, insbesondere session recordings, um das individuelle Verhalten auf den Landing Pages wirklich zu vergrößern und einen klareren Kontext des Verhaltens zu erhalten, das sie in den Heatmaps sahen; sie begannen auch, kleine Fehler und Probleme zu erkennen, die behoben werden mussten.
Die Ergebnisse: Durch die Kombination der Informationen, die sie von Heatmaps und anderen Quellen erhielten, konnte CCV Shop testbare Hypothesen formulieren, A/B-Tests durchführen und erfolgreiche Änderungen umsetzen. Durch diesen Prozess konnte die Konversionsrate auf ihrer Marketing-Website um 38 % von 1,3 % auf 1,8 % gesteigert werden, wodurch sie ihrem Konversionsziel von 2 % sehr nahe kamen.
→ Lesen Siedie ganze Geschichte
Steigerung der mobilen Konversionsrate um 63 %
Der Kontext: Die in Großbritannien ansässige Digitalagentur Epiphany wurde mit der Verbesserung der Website ihres Kunden Time4sleep beauftragt, einem Online-Händler von Betten und Schlafzimmermöbeln mit mehr als 200.000 Sitzungen pro Monat und einem großen mobilen Publikum.
Was die Analyse ergab: Das Team verwendete Heatmaps in Kombination mit anderen Tools wie Google Analytics, Aufzeichnungen und Umfragen (mehr dazu weiter unten), um ein vollständiges Bild davon zu zeichnen, wie die Besucher mit der Website interagierten. Die aus diesen Quellen gesammelten Daten halfen ihnen bei der Formulierung einer spezifischen Diagnose: Die bestehenden Kategorieseiten halfen den Leuten nicht, das zu finden, was sie brauchten, und eine neue Seitenstruktur war erforderlich.
Die Heatmap auf der linken Seite zeigt, wie die mobile Kategorieseite früher aussah. Sehen Sie die allmähliche Veränderung der Farbe? Das bedeutet, dass die Besucher dazu neigten, sehr tief auf der Seite zu scrollen, aberdas war keine gute Sache: Die Besucher scrollten nicht, weil ihnen der Inhalt gefiel, sondern weil sie nicht fanden, was sie suchten.
Die Heatmap bestätigte, was die Daten aus anderen Quellen Epiphany sagten, und das Team organisierte die Seite neu mit einem neuen Filtersystem am oberen Rand. Das ist die Heatmap auf der rechten Seite: Im Vergleich dazu scrollen jetzt viel weniger Leute nach unten, weil sie das, was sie brauchen, sehr schnell oben auf der Seite finden.
Die Ergebnisse: Mit dieser und anderen Änderungen, an denen separate SEO-, CRO-, Design-, Content- und PR-Teams beteiligt waren, testete Epiphany verschiedene Versionen der Seite und erzielte eine Gesamtsteigerung der Konversionsrate von +19,7 %. Aber der eigentliche Schwerpunkt lag auf der mobilen Nutzung: und hier bescherte Epiphany Time4Sleep einen beeindruckenden Anstieg der mobilen Konversionsrate um +63 %.
→ Lesen Siedie vollständige Geschichteauf dem Blog von Hotjar