Heatmap : les outils pour optimiser son site
Pour établir une offre web attractive et de manière durable sur Internet, il est judicieux d’étudier de manière régulière le comportement de vos utilisateurs. Il est important au départ de s’assurer de la bonne qualité du contenu de votre site web, de la convivialité de son interface, de la fluidité du parcours UX et de l’améliorer mais aussi d’optimiser votre référencement naturel. Obtenir un fort trafic sur votre site web peut sembler être un critère suffisant. Lorsqu’un visiteur navigue sur votre site, il va devoir passer à l’acte et effectuer les clics nécessaires sur votre site. C’est là que la conversion entre en jeu. C’est ce qui va permettre de transformer vos visiteurs en clients. Mais qu’est-ce qui influence le taux de vos conversions ? C’est l’utilisabilité de votre site web. Plus vos pages seront utilisées et organisées de manière intuitive et plus vous aurez de chance de voir le nombre de vos conversions plus élevées. Afin d’en savoir plus sur le sujet et de mieux comprendre votre projet web, on va parler d’un outil indispensable pour cela: la Heatmap .
QU’EST-CE QU’UNE HEATMAP ?
La heatmap, aussi appelée carte de chaleur est un outil permettant de visualiser le comportement des utilisateurs lorsqu’ils naviguent sur un site web.
Cet outil n’est pas une invention du marketing digital ou de l’UX Design mais bien utilisé depuis le XIXème siècle. Il servait à illustrer les données statistiques des plans de la ville de Paris. On retrouve aujourd’hui cette méthode d’analyse dans de nombreux domaines, tels que la météorologie, l’énergie, les matchs sportifs, etc.
Une heatmap fait appel à un code couleur associé aux températures allant du bleu au rouge. Les couleurs chaudes représentent les zones les plus visitées par les utilisateurs et à l’inverse, les couleurs froides les zones les moins visitées, là où il y a eu le moins d’intéractions. Des dégradés entre les différentes couleurs composent les transitions.
On dénombre quatre méthodes qui utilisent les cartes de chaleur : l’eye-tracking, le click tracking, le scrolling et le mouse tracking.
L’Eye-Tracking
Le eye-tracking, littéralement le “suivi du regard” est une méthode permettant d’enregistrer les mouvements de l’œil grâce à des appareils mais aussi les moments où l’œil reste fixe. C’est donc à travers le temps passé sur une zone et la fréquence du regard sur cette zone qu’un logiciel va créer une heatmap.
Par exemple, lors d’une analyse d’eye-tracking, s’il y a des zones en rouge foncé, cela signifie que les individus concentrent leur regard sur cette partie de votre site-web pendant une certaine durée. Ils ont été attirés par cette zone en particulier. Les zones bleu foncé indiquent, elles, les zones qui n’ont pas été vues par les personnes testées.
Le Click Tracking
Aussi appelée “suivi des clics”, cette méthode est très efficace pour évaluer le comportement des utilisateurs. Le click tracking analyse les clics de souris et permet de connaître les liens, contenus, etc. sur lesquels les visiteurs cliquent fréquemment.
Il est important d’identifier les erreurs de clics. Par exemple, on peut observer que des visiteurs d’un site web sont nombreux à cliquer sur des zones non cliquables. On peut alors se demander ce que les utilisateurs attendent de cette zone, et si elle induit une confusion de lecture. En identifiant ces éléments, vous serez amenés à placer un lien ou modifier le design d’un élément par exemple.
Le click tracking est un outil complémentaire à la heatmap. Après analyse, vous obtenez un résultat sous forme de clickmap, montrant alors où l’utilisateur a cliqué avec précision. Il existe aussi un code de couleurs pour différencier les types de visiteurs.
Le Scrolling
Le scrolling ou le suivi du défilement permet d’avoir des indications sur le temps passé par un utilisateur sur votre page. Ainsi, cela vous aide à savoir si vous proposez un contenu de qualité. Les résultats de cette analyse vous permettront de revoir le positionnement de certains éléments de votre page.
En effet, l’attention du lecteur est primordiale, on se demande souvent si notre contenu a retenu son attention et pendant combien de temps. Il est possible de déterminer cette durée, et cela grâce à ce qu’on appelle une scroll map. Elle permet de mesurer jusqu’où est descendu votre utilisateur sur votre site web et donc de voir l’engagement de vos lecteurs sur un article par exemple: Le lecteur va-t-il jusqu’au bout ? L’article est-il trop long ?
Le Mouse Tracking
Le suivi du déplacement de la souris, aussi appelé “mouse tracking, retrace à travers une heatmap les déplacements des souris de vos utilisateurs. Cette méthode permet d’analyser avec précision les zones observées par l’utilisateur à un moment donné.
On peut alors identifier quelles parties du site suscitent le plus d’attention et d’engagement et celles qui au contraire amènent les utilisateurs à quitter la page. Toutes ces méthodes permettent donc de définir quelles zones de votre site web nécessitent d’être optimisées.
POURQUOI UTILISER UNE HEATMAP ?
Utiliser une heatmap s’avère en effet très utile pour comprendre et analyser le comportement des utilisateurs sur votre site web et ainsi optimiser l’UX de votre interface.
Implémentée sur un site web ou sur une application mobile, une heatmap permet de collecter toutes sorte de données par rapport à différents éléments de votre site :
- La navigation et le parcours UX : Est-ce que le menu est compréhensible ? Les liens sont-ils correctement placés ?
- Les microcopies : Sont-elles pertinentes ?
- Les images : Leur emplacement est-il le bon? La taille des images est-elle convenable ?
- Le texte : Est-ce le bon formatage ? La bonne position ? La bonne longueur de texte ?
Lorsque vous analysez chacun de ces éléments et que vous vous posez les bonnes questions, vous saurez lesquels nécessitent une amélioration.
La disposition des éléments d’un site web est déterminante pour pouvoir assurer un bon parcours UX et une navigation fluide pour les utilisateurs. Grâce à la heatmap et au click tracking, vous avez la possibilité d’identifier les contenus les plus consultés et comment les internautes les consomment, ce qui permet donc de mettre en évidence certains éléments plutôt que d’autres, faciliter l’accès à vos contenus…
Attention et distraction
Votre carte de chaleur peut aussi vous indiquer le niveau de distraction de vos utilisateurs. En effet, si vous constatez des mouvements aléatoires, c’est-à-dire plusieurs petites zones de chaleur basse température c’est que votre utilisateur est distrait et qu’il n’arrive pas à se concentrer sur un élément en particulier. Dans ce cas-là, il est souvent préférable de retravailler le design de votre interface.
Une heatmap permet donc de rendre l’expérience utilisateur meilleure après avoir détecté les zones d’ombres du site, les éléments qui n’ont pas eu l’attention voulue.
Ne vous inquiétez pas, une carte de chaleur ne perturbe pas l’expérience utilisateur puisqu’elle est placée à l’arrière-plan de votre site et fonctionne de manière “transparente”.
Optimisation des conversions
Qui dit amélioration de l’expérience dit optimisation des conversions. C’est l’objectif principal de toute heatmap. C’est donc grâce à une segmentation de vos visiteurs que vous serez en mesure de définir les différents types de comportements et donc d’identifier ce qui facilite ou non les conversions. Par exemple, quels sont les éléments de votre page qui sont ignorés…
Lors de la création de votre tunnel de conversion, la heatmap vous permet d’analyser chaque étape de celui-ci et donc de voir si les utilisateurs reproduisent le parcours que vous avez mis en place.
QUELS LOGICIELS POUR CREER UNE HEATMAP ?
Il existe de nombreux logiciels permettant de réaliser des heatmaps, en voici quelques uns :
Crazy Egg
Crazy egg vous permet une analyse à travers les clics et le scrolling. Cet outil vous renseigne sur la provenance des utilisateurs (Twitter, Facebook..) et ainsi vous pourrez adapter vos publications en fonction des réseaux sociaux.
Crazy Egg combine donc quatre outils :
- Heat map : une carte qui montre où les gens ont cliqué sur votre site web. Vous pouvez ainsi voir les zones chaudes et les zones froides.
- Confetti : un rapport avec où les gens cliquent et ce qui les a motivés.
- Scroll map : outil indiquant jusqu’où les personnes font défiler les pages afin que vous sachiez à quel moment elles quittent la page.
- Superposition : retrouvez plus d’informations sur chaque élément de votre page.
Crazy Egg propose une offre de 24$ par mois dans sa version la plus basique. Des formules plus élaborées, à partir de 49 $ par mois, offrent des fonctionnalités plus avancées.
Heatmap for WordPress
Heatmap est un plugin destiné au CMS WordPress. C’est un outil très simple à mettre en place et à utiliser. Il vous aide à déterminer quels sont les contenus les plus performants. En plus, de l’enregistrement des clics et des scrolls, il permet d’accéder en temps réel aux analyses statistiques des actions de vos visiteurs.
Heatmap for WordPress propose une version gratuite, mais limitée à l’analyse de 5 pages web avec le suivi d’’un seul visiteur seulement. Pour la version premium, il faut en effet compter 100 $ par mois.
Hotjar
Hotjar est un des outils les plus complets en terme de heatmap. Il vous permettra d’avoir accès à des solutions d’analyse afin d’optimiser votre site web pour les conversions clients. Il offre aussi la possibilité d’enregistrer les visites de vos utilisateurs. Mais ce n’est pas tout. Hotjar propose la création de sondages et enquêtes afin de recueillir les avis des visiteurs.
Une version gratuite limitée dans le temps est disponible mais par la suite il faudra souscrire à une formule à 29 $ comprenant des fonctionnalités de sondages et d’enregistrement d’écran en plus des cartes thermiques.
Mouseflow
Mouseflow est une plateforme qui analyse le comportement pour optimiser les expériences des sites web et pour améliorer les conversions. Elle permet aussi d’observer les sessions de vos visiteurs en temps réel et de configurer des entonnoirs afin de découvrir à quel moment et pourquoi vos visiteurs quittent votre site.
Mouseflow propose une offre à partir de 29 $ par mois.
Lucky Orange
Lucky Orange propose la mise en forme de cartes de chaleur dynamiques et interactives. Offrant aussi la possibilité de les suivre en temps réel. De plus, cet outil vous permettra d’enregistrer des données statistiques afin d’étudier au mieux le comportement de vos utilisateurs.
Lucky Orange est disponible à un prix très attractif, à partir de 10 $ par mois.
LES DIFFÉRENCES DE NAVIGATION ENTRE LES VISITES MOBILES, TABLETTES ET ORDINATEURS
Naviguer sur un site web avec son smartphone ou son ordinateur n’est pas la même expérience. La plupart des études démontrent que la plupart des utilisateurs visitent des sites sur leur smartphone pour consulter plutôt que commander.
Il est donc important d’observer les clics du segment “mobiles”, car souvent les utilisateurs ont des difficultés à cliquer sur un élément souhaité car leur écran est petit. Après analyse, il est donc possible d’agrandir certains éléments pour garantir une meilleure expérience utilisateur peu importe l’appareil utilité.
LES LIMITES DES HEATMAPS
Après analyse du comportement de vos utilisateurs à travers une heatmap, vous pouvez savoir si votre site web dispose d’une bonne ergonomie et d’une bonne utilisabilité. Cependant, il est important d’analyser les différents éléments dans leur contexte et de ne pas tirer des conclusions trop vite. Par exemple, si vos utilisateurs cliquent souvent sur un même lien, cela ne vous indique pas s’ils ont trouvé ce qu’ils cherchaient. Le résultat peut en effet être incertain. C’est pour cela, qu’il est conseillé de rassembler les analyses des heatmaps ainsi que toute autre donnée complémentaire.
Afin d’avoir le meilleur retour sur votre site web, questionner directement vos utilisateurs à l’aide de sondages et/ou questionnaires est une bonne solution pour les comprendre au mieux.
De plus, il est important d’étudier les analyses et informations sur une longue durée pour avoir un maximum de fiabilité et une meilleure interprétation des comportements de vos utilisateurs.
Pour rappel, lire : L’importance de l’UX Research
Conclusion
Les heatmap sont des outils d’analyse très intéressants pour les professionnels du marketing digital en général et pour les professionnels de l’UX en particulier. En effet, une carte de chaleur permet de localiser les zones qui ont de l’importance aux yeux des visiteurs d’un site web. A l’aide de ces données, il est plus facile d’en déduire les contenus qui vont pouvoir attirer et retenir l’attention des utilisateurs et ainsi obtenir un taux de clic plus élevé. De plus, cet outil permet d’améliorer l’utilisabilité d’un site web et de rendre l’expérience utilisateur plus fluide et plus agréable. En effet, les heatmaps livrent des informations très précieuses sur l’utilisation et la perception qu’ont vos utilisateurs sur votre site web, ce qui n’est pas négligeable.
by 
