Il existe plusieurs types de cartes de chaleur, chacune affichant des données et des informations uniques :
Cartes de chaleur Clics et Taps
Les cartes de chaleur Clics et Taps vous aideront à déterminer où les utilisateurs cliquent sur votre page. Les Taps seront suivis s'ils sont sur un mobile ou une tablette. Les cartes de chaleur Clics et Taps peuvent vous aider à comprendre le comportement des utilisateurs - par exemple, est-ce que les visiteurs de votre site cliquent sur les liens que vous souhaitez ? Ou cliquent-ils par erreur sur des éléments qui ne sont pas interactifs ? Hotjar suit les clics et les taps de tous les utilisateurs dont la session a été enregistrée, et génère automatiquement une représentation visuelle des zones avec lesquelles ils ont interagi.
Exemple d'une carte de chaleur de clics
Pour déterminer s'il s'agit d'un problème isolé ou si vous avez trouvé une opportunité ou un problème plus large, sélectionnez un indicateur de clic pour zoomer à partir de la carte de tous les clics et visualiser une tendance (nécessite Observe Business)(nécessite Observe Scale) ou un groupe de enregistrements filtrés par le sélecteur CSS spécifiquement cliqué sur la page actuelle (nécessite Observe Business).
Hotjar peut collecter plus de données de clics que ce qui est affiché sur votre carte de chaleur
Hotjar ne vous montrera que les interactions sur les éléments visibles dans la capture d'écran. Le nombre de clics sur la vue de la carte de chaleur et le % de clics sont basés uniquement sur ces éléments.
Par exemple, si votre site a un menu déroulant, les données de clics ne refléteront pas les éléments de menu qui ne sont pas déroulés dans la capture d'écran. Pour une liste complète des interactions, vous pouvez exporter les données brutes.
Pour montrer à quelle fréquence des zones spécifiques de votre page ont été cliquées, Hotjar utilise une échelle de couleurs :
Le rouge ou "Chaud" montre les éléments/zones qui ont été le plus fréquemment cliqués tandis que le bleu ou "Froid" montre les zones qui ont été le moins cliquées.
Comment les clics et les taps sont enregistrés
Pour garantir que Hotjar rapporte avec précision où vos utilisateurs ont interagi, nous collectons les clics par rapport aux éléments de la page. Par exemple, si un utilisateur clique sur un bouton, nous enregistrerons la position de leur curseur par rapport à ce bouton particulier, et non pas à la page entière.
Cartes de déplacement
Les cartes de déplacement montrent où les utilisateurs ont déplacé leur souris sur l'écran.
Exemple de carte de déplacement
Hotjar échantillonne les mouvements de souris de tous les utilisateurs dont la session a été enregistrée, et génère automatiquement une représentation visuelle des zones sur lesquelles ils ont déplacé leur souris. Pour montrer à quelle fréquence les utilisateurs ont déplacé leur souris sur des zones spécifiques de la page, Hotjar utilise cette échelle de couleurs :
Si beaucoup de vos utilisateurs ont déplacé leur souris vers un point particulier, cette zone est "chaude". L'échelle de couleurs vous permet de voir visuellement à quelle fréquence vos utilisateurs ont déplacé leur souris vers différentes zones de votre page.
Comment Hotjar enregistre et affiche les mouvements
Hotjar enregistre la position du curseur de la souris de l'utilisateur toutes les 100 ms, soit 10 fois par seconde. Nous envoyons les données de mouvement aux serveurs Hotjar à intervalles réguliers pour enregistrer où les utilisateurs ont déplacé leur curseur sur une page, et ces données sont ensuite utilisées pour générer votre carte de déplacement.
Étant donné que nous suivons la position toutes les 100 ms, la carte de chaleur peut initialement ressembler à une carte de clics lorsqu'elle n'a que quelques pages vues. Cependant, une fois que vous avez suffisamment de données, vous remarquerez des motifs émerger révélant les zones les plus utilisées sur votre page.
Cartes de défilement
Les cartes de défilement sont utilisées pour vous montrer jusqu'où vos utilisateurs défilent sur la page.
Exemple de carte de défilement
Ces données sont calculées en analysant le nombre d'utilisateurs qui ont visité la page par rapport à la profondeur à laquelle chacun d'eux a défilé. Si vous exécutez une carte de chaleur qui cible plusieurs pages, les cartes de défilement ne seront pas précises si elles varient en taille.
Cela donne une moyenne du nombre d'utilisateurs ayant défilé jusqu'à chaque partie de votre page. Pour le voir, vous pouvez placer votre souris sur la carte de défilement où un marqueur apparaîtra, indiquant le pourcentage exact d'utilisateurs ayant atteint ce point de votre page.
Pour vous montrer combien d'utilisateurs ont défilé vers différentes parties de votre page, Hotjar utilise cette échelle de couleurs :
Les zones rouges ou "chaudes" de votre carte de chaleur indiquent que tous ou presque tous vos utilisateurs ont vu cette partie de la page. En descendant la page, les couleurs deviendront "plus froides" selon le pourcentage d'utilisateurs ayant défilé jusqu'à ce point.
Pli moyen
La carte de défilement calcule également le pli moyen sur votre page. Le pli est le point le plus bas visible à l'écran lorsque qu'un utilisateur ouvre une page avant d'avoir fait défiler.
Le pli moyen est calculé en utilisant la formule suivante : hauteur totale de la fenêtre/nombre de visites de la page, et est présenté sous la forme d'une ligne blanche étiquetée PLI MOYEN.
Règle de profondeur de défilement
La règle de profondeur de défilement montre le pli moyen, ainsi que le nombre d'utilisateurs ayant fait défiler 75, 50 ou 25 pour cent de la page. Cela vous permet de comparer la profondeur de défilement avec les données de clic et de déplacement sans avoir besoin de passer entre les types de cartes thermiques - vous permettant de savoir immédiatement combien d'utilisateurs ont cliqué sur un élément par rapport à combien l'ont consulté.
Carte des zones d'engagement
Disponibilité du plan
Observer 
Observer , Observer 
La carte des zones d'engagement combine les données d'interaction de clic, de déplacement et de défilement en une seule vue pour vous permettre de voir quelles parties de votre page les utilisateurs consultent le plus.
Cette carte vous aide à repérer des schémas clairs sur la page et à comprendre quel contenu vos utilisateurs trouvent le plus précieux afin d'améliorer votre UX et d'aider à augmenter les conversions.
Fonctionnement des zones
La carte mettra en évidence une gamme de zones modérément à très engagées sur une page. Cela est basé sur les interactions disponibles combinées des données de défilement, de clic et de déplacement.
Exemple de carte des zones d'engagement.
L'engagement est affiché pour les 3 derniers mois de la plage de dates sélectionnée et en trois niveaux qui sont relatifs à la page :
- Modéré (rose) : Un certain engagement parmi les données d'interaction disponibles.
- Élevé (rouge clair) : Beaucoup d'engagement parmi les données d'interaction disponibles.
- Très élevé (rouge) : Le plus d'engagement parmi les données d'interaction disponibles.
Plus l'engagement est élevé dans une zone, plus il est probable qu'un utilisateur ait déplacé ou cliqué sur des éléments de cette partie de la page.
Les données de défilement sont utilisées pour pondérer les interactions qui se sont produites plus bas sur la page. Par exemple, les données de défilement peuvent montrer qu'un certain élément n'a pas été vu par autant d'utilisateurs, mais le pourcentage d'utilisateurs qui l'ont vu ont interagi. Cela est utile pour découvrir les zones de votre page que vous voudrez peut-être déplacer vers le haut ou attirer davantage l'attention.
Carte des clics de colère
Disponibilité du plan
Observer Observer , Observer
La carte des clics de rage vous permet de visualiser quelles parties d'une page causent le plus de friction aux utilisateurs.
Pour déterminer s'il s'agit d'un problème isolé ou si vous avez identifié une opportunité ou un problème plus large, cliquez sur un indicateur de clic de rage pour zoomer depuis la carte des clics de rage et afficher une tendance (nécessite Observer Business)(nécessite Observer Scale) ou un groupe de enregistrements filtrés par le sélecteur CSS spécifiquement cliqué en mode rage sur la page actuelle (nécessite Observer Business).
Comment fonctionnent les clics de rage
Lorsqu'il est activé dans le panneau latéral, la carte des clics de rage vous permet de voir quand un utilisateur clique sur le même élément cinq fois en moins de 500 ms. Une icône de visage en colère apparaîtra sur l'élément pour chaque session où ce clic de rage s'est produit. Ils sont généralement un signe de frustration de l'utilisateur en raison de la confusion ou d'éléments cassés. Cependant, ils peuvent également se produire sur des éléments comme un carrousel d'images lorsque l'utilisateur clique/touche pour faire défiler les images.
Cela peut aider à identifier des problèmes tels que des liens cassés, des pages qui se chargent lentement ou des zones que l'utilisateur pense interactives, mais qui ne le sont pas.
Plus de questions sur les cartes thermiques ?
Découvrez notre Guide des cartes thermiques pour découvrir comment les cartes thermiques peuvent vous aider à identifier et comprendre le comportement des utilisateurs ou contactez notre équipe d'assistance avec le bouton Nous contacter ci-dessous.