Apprendre / Guides / Le guide des heatmaps
Comment utiliser les maps de rage click pour réduire les frictions et augmenter les conversions ?
Les utilisateurs ne vous disent pas toujours quand ils sont frustrés par votre site web ou votre produit, mais ils vous le montrent souvent. Par des clics de souris répétés, ils signalent qu'ils essaient (sans succès) de passer à l'action.
Les maps de rage click vous permettent de visualiser les points problématiques qui gênent vos visiteurs, vous aidant ainsi à trouver des solutions simples pour améliorer votre expérience utilisateur (UX) et vos taux de conversion.
Les clics de rage ne sont pas amusants pour l'utilisateur, et ils peuvent être douloureux pour vous aussi. Ils représentent des points de friction sur le chemin de l'utilisateur vers la conversion. Mais pour éliminer ces zones à problèmes, vous devez d'abord disposer d'un moyen efficace de les repérer.
C'est là qu'entrent en jeu les maos de rage click, des visualisations qui vous montrent exactement où les rage clicks se produisent sur une page. Dans ce guide, nous vous présentons quatre façons de les utiliser pour améliorer l'expérience produit et stimuler l'engagement, les conversions et la fidélisation.
TL;DR
Une map de rage click est un outil d'analyse comportementale qui vous montre à quel endroit d'une page les utilisateurs rencontrent des frictions afin que vous puissiez apporter des améliorations pour augmenter les conversions.
L'utilisation des maps de rage click aide votre équipe à
Trouvez les points de frustration de votre site web
Hotjar Heatmaps vous permet de visualiser des maps de rage click pour minimiser les frictions et augmenter les conversions.
4 façons d'utiliser les maps de rage click pour améliorer votre site
Dans le passé, si vous vouliez découvrir les points de frustration, vous alliez directement sur Hotjar Recordings qui enregistre les mouvements de souris, les clics et les défilements d'utilisateurs réels. Puis vous appliquiez un filtre de rage clicks, vous observiez les sessions pertinentes à la recherche de points problématiques et vous vous retroussiez les manches pour résoudre le problème.
Cette approche fonctionne toujours très bien, mais il est parfois nécessaire d'avoir une vue d'ensemble avant de se pencher sur les détails. C'est là que les maps de rage click entrent en jeu.
Une map de rage click est un type de heatmap, une visualisation du comportement agrégé des utilisateurs, qui vous montre tous les rage clicks sur une page, vous aidant à repérer rapidement les modèles et les tendances, afin que vous sachiez quelles améliorations prioriser .
Sans vouloir nous vanter, cela change la donne. Examinons quatre façons dont les maps de rage click vous facilitent la vie, améliorent l'expérience utilisateur et augmentent les conversions.
1. Réduisez les frictions dans le parcours client
Supposons que vous soyez product manager dans une agence de voyage en ligne et que vous soyez responsable de la liste des résultats de recherche, toujours très importante, qui présente aux voyageurs des options d'hôtel pertinentes.
La page semble simple, mais beaucoup de choses peuvent se passer pour l'utilisateur. Un tas de filtres tapissent le côté gauche et le haut de la page. Chaque page de résultats affiche 20 hôtels et chaque liste d'hôtels comporte cinq liens cliquables.
Grâce à des maps cliquables, vous voyez rapidement où les internautes confus et frustrés peuvent se rendre pour trouver un autre prestataire. En réduisant au minimum ces moments de frustration, vous les maintenez sur la voie des moments de satisfaction et de l'achat.
Si les conversions sont en baisse, ou si vous souhaitez simplement devenir proactif, essayez ces trois étapes :
Ouvrez Heatmaps dans Hotjar
Cliquez sur Rage Clicks dans le panneau latéral Types de maps.
Recherchez les icônes de visages en colère : elles indiquent les endroits où des clics répétés se sont produits sur la page.
💡Conseil de pro : utilisez Recordings pour analyser le pourquoi des rage clicks sur votre map. Voir les moments juste avant et après le rage click tant redouté peut révéler ce qu'un utilisateur pensait. Vous pourriez vous apercevoir que la page se charge lentement ou même découvrir qu'il n'y avait aucun problème et que le rage click n'était qu'un accident.
Avec Hotjar Observe Business plan, il est facile de passer des maps de rage click aux enregistrements. Cliquez sur n'importe quelle icône de visage en colère sur la map pour afficher les sessions correspondantes.
Hotjar Recordings vous permet de voir les mouvements de la souris, les défilements et les rage clicks des utilisateurs.
2. Optimize your checkout flow
Ah, checkout. A pivotal point in any ecommerce customer journey. If you’re a product designer or conversion rate optimization (CRO) specialist, you’re determined to get this part right.
But every so often, you discover shoppers are just inches away from the finish line—when they abruptly abandon checkout. A recent report revealed the average cart abandonment rate hovers right around 70%. The key to reclaiming those lost conversions? Optimizing your checkout flow.
Rage click maps give you an at-a-glance overview of what’s wrong, so you can fix checkout issues like:
A form field that doesn’t work due to a bug
Problems with payment, such as a broken digital wallet link
Unclear ‘required’ fields, so the shopper keeps clicking on the ‘Next’ button but can’t move forward
💡Pro tip: for an even better understanding of checkout issues, set up an exit-intent survey on your checkout page. Ask shoppers their reason for leaving and how you can improve.
Comment les rage clicks ont aidé Every.org à augmenter les conversions
La plateforme de dons Every.org a utilisé les données relatives aux rage clicks pour améliorer son flux de paiement et a augmenté ses conversions de 29,5 %. Les rage clicks ont mis en évidence un point problématique : un formulaire comportant deux boutons d'appel à l'action (CTA) contradictoires. Les utilisateurs qui n'avaient pas encore saisi les informations relatives à leur carte de crédit ne pouvaient pas passer à l'écran suivant, ce qui créait de la confusion et de la frustration.
L'ajout d'une page supplémentaire au flux de paiement (chose rare dans le monde de l'optimisation) a rendu les utilisateurs plus heureux et a permis d'augmenter les dons. Tout le monde y gagne.
3. Améliorez l'expérience produit (PX)
Imaginez que vous êtes UX Researcher dans une entreprise SaaS. Votre organisation fournit une incroyable plateforme de gestion de la relation client (CRM), mais vous devez créer une expérience transparente pour fidéliser les clients.
Les maps de rage click sont un moyen rapide d'éliminer les ralentissements dans la Customer Experience SaaS.
Par exemple, lorsque vous lancez une nouvelle version d'un produit, utilisez une heatmap de rage click pour repérer les problèmes courants de PX et d'UX, comme par exemple
les champs de formulaire dont les indications de saisie ne sont pas claires
les boutons trop petits et sur lesquels il est difficile de cliquer
les icônes, images ou mots qui semblent cliquables, mais qui ne le sont pas.
Ensuite, pour approfondir davantage l'expérience utilisateur, réalisez un audit de l'expérience utilisateurL'audit de l'expérience utilisateur est une évaluation écran par écran de votre site web ou de votre application web du point de vue de l'utilisateur. Vous développerez de l'empathie pour vos utilisateurs et découvrirez des moyens de les satisfaire.
💡Conseil de pro : la création d'un produit et d'une expérience utilisateur fluides est un travail d'équipe. Lorsque vous repérez un problème sur votre map de rage click (ou tout autre type de heatmap), créez un Hotjar Highlight à partager avec votre équipe.
Il vous suffit de cliquer sur une zone intéressante de la map et d'appuyer sur le bouton "Enregistrer". À partir de là, vous pouvez ajouter le highlight à une collection pour stocker des problèmes d'utilisateurs similaires ou le partager avec les membres de l'équipe pour commencer à travailler sur les corrections.
The Highlights feature in Hotjar lets you capture and share your findings to get buy-in and assistance from your team
4. Optimisez les mises en page pour répondre aux attentes des utilisateurs
Les blogs professionnels sont en plein essor, qu'il s'agisse de petites ou moyennes entreprises (PME) ou d'entreprises internationales. Et à juste titre : le chiffre d'affaires du marketing de contenu s'est élevé à 63 milliards de dollars en 2022.
Les blogs peuvent mettre en valeur vos offres de produits, asseoir votre autorité et attirer le trafic des moteurs de recherche vers votre site. Mais pour tirer le meilleur parti de votre blog, il vous faut plus qu'un contenu brillant : il vous faut une conception de blog optimisée. Les maps de rage click vous aident à y parvenir, en vous permettant de repérer des problèmes comme :
Les zones au-dessus de la ligne de flottaison avec trop d'espace blanc, ce qui fait que les visiteurs confus pensent qu'il manque quelque chose.
Un séparateur de section visuellement attrayant sur lequel les utilisateurs ont vraiment envie de cliquer
Une liste déroulante qui se déploie lorsque les utilisateurs essaient de naviguer dans les filtres en haut de la page, ce qui leur bloque la vue.
Si des problèmes de ce type surviennent, il est temps de procéder à une réorganisation. Assurez-vous que la mise en page de votre blog (ou de toute autre page de votre site) correspond aux attentes de vos utilisateurs.
💡Conseil de pro : combinez les informations provenant des maps de la zone d'engagement avec les maps de rage click lors de l'optimisation de votre mise en page.
Les maps de la zone d'engagement vous permettent de combiner les données de clic, de mouvement et de défilement (ou les appuis et les défilements sur mobile et tablette) pour voir les parties d'une page qui obtiennent le plus d'interactions.
Les zones d'engagement vous permettent de découvrir :
Une image qui freine les utilisateurs dans leur élan
Un lien externe qui distrait les visiteurs et détourne leur attention de la page
Un article de blog en bas de page qui est rarement vu, mais qui suscite l'intérêt des internautes lorsqu'ils le voient.
Cela vous aide à comprendre ce qui est le plus précieux pour vos utilisateurs, et vous pouvez donc émettre des hypothèses sur les éléments qui ont besoin d'une nouvelle place sur la page pour améliorer votre expérience utilisateur et augmenter les conversions.
Les maps de la zone d'engagement présentent une grille colorée sur votre page. Les cases plus foncées indiquent une plus grande interaction des utilisateurs (clics, défilements et mouvements) dans cette zone.
Réduisez les frictions et la frustration pour mieux satisfaire vos clients
Les maps de rage click vous aident à développer une plus grande empathie pour les besoins de vos utilisateurs et à prendre des décisions centrées sur le client. En trouvant et en résolvant rapidement les problèmes liés à l'expérience produit, vous gagnez la confiance et la fidélité de vos clients. Ils savent qu'ils peuvent compter sur vous à chaque fois pour corriger les bugs, les pages qui se chargent lentement et les éléments de conception qui prêtent à confusion. 💪
Trouvez les points de frustration de votre site web
Hotjar Heatmaps vous permet de visualiser des maps de rage click pour minimiser les frictions et augmenter les conversions.