Retour au blog

Analyse le comportement des tes utilisateurs à l’aide des heatmaps | Leçon #3

octobre 22, 2017 | Alex Castro | | École de Smartlook

Bienvenue à la troisième leçon de l’École de Smartlook. Dans la leçon précédente, tu as appris comment identifier les enregistrements à partir des données de tes clients, selon l’adresse mail ou le nom. Dans cette leçon, tu apprendras comment utiliser les heatmaps pour analyser le comportement de tes utilisateurs. Si tu as raté une des leçons précédentes ou que tu veux passer directement à la leçon suivante tu peux retrouver toutes nos leçons ici.

Le générateur de heatmaps peut te donner les indications sur comment les utilisateurs interagissent avec des pages Web spécifiques ce qui peut t’aider à apporter des changements de design sur ton site Web où à faire des petits ajustements grâce auxquels tu retiendras plus de visiteurs sur ton site et tu amélioreras ainsi le taux de conversion. Les heatmaps te montreront si les visiteurs interagissent avec le contenu important de tes pages Web, s’ils regardent ce qu’ils sont censés de lire et regarder.

Tes visiteurs cliquent-ils aux bons endroits?

Les meilleures pages pour commencer à générer des heatmaps sont celles qui connaissent un trafic important – comme la page d’accueil, les pages de renvoi ou même les pages avec un haut taux de rebond.

Il peut y avoir des éléments sur tes pages Web comme des titres, des images et des mises en forme qui peuvent induire en erreur le visiteur qui va cliquer au mauvais endroit à cause de la façon dont it a vu les choses.  De façon similaire, il peut y avoir des éléments cliquables, comme les boutons boutons CTA (Call To Action) ignorés par les visiteurs et ne recevant pas le nombre de cliques souhaités.  Les heatmaps des clics peuvent t’aider à détecter cela, donc tu peux te concentrer sur la disposition du design de ta page Web de la façon à ce que la mise en page ne soit plus déroutante pour tes visiteurs, cela les dissuadera de quitter ton site Web.

Lors de l’analyse des heatmaps de clic, les régions colorées (zones «chaudes» et «froides») vous donnent une idée de l’endroit où vous concentrer votre attention. Ils montrent les régions avec l’activité de clic la plus concentrée – notez que le gradient de couleur n’est pas proportionnel au nombre de clics. Vous pouvez utiliser la fonction glisser-déposer pour voir le nombre exact de clics sur la zone sélectionnée.

Évalue la performance de tes pages Web sur les appareils mobiles

Il devient de plus en plus commun que les internautes naviguent sur Internet depuis différents types d’appareils – smartphones, tablettes, etc. – avec des dimensions d’ écran variées. Différentes tailles d’écrans montre ton site Web de façon différente ce qui ne correspond pas forcément à la version bureau de ton site Web. C’est pourquoi du contenu peut apparaître de façon moins lisible et les éléments importants peuvent être positionnés différemment ce qui peut nuire la visibilité.

Si tu veux être sûr que tes pages Web restent pleinement fonctionnelles et conviviales pour tes utilisateurs à travers les différents appareils, fais attention aux heatmaps pour les mobiles et les tablettes. Découvre ce qu’il faut changer et comment adapter un design réactif. Garde un contenu lisible et  les éléments les plus importants (comme les boutons CTA) visibles. Rend ainsi meilleure l’expérience des utilisateurs meilleure sur tout type d’appareils.

Découvre jusqu’où tes visiteurs scrollent

Lorsque le contenu se trouve trop bas, ce n’est pas vraiment visible, il est parfois nécessaire de descendre en bas de la page pour le voir. Trop d’espace libre sur tes pages peut être déroutant pour les visiteurs et ils peuvent le considérer comme le bas de page.  Dans cette situation, les visiteurs ne prêteront pas l’attention au contenu du dessous et probablement ne scrolleront pas plus bas. Cela peut empêcher les visiteurs de lire ou prêter attention à un contenu important. Cela peut influencer négativement l’expérience de l’utilisateur.

Les heatmaps de scrolls montrant une chute considérable au niveau du pourcentage des visiteurs descendant jusqu’en bas de la page peut représenter un indicateur de ce qu’on vient de décrire. Ces situations peuvent être résolues par la réduction de l’espace vide entre les éléments de ta page ou par le  re-design de la page pour inciter les visiteurs à regarder plus bas pour atteindre le contenu à voir.

Découvre où est le pli de ta page

La première impression que fait ta page peut déterminer si le visiteur reste ou s’il part ailleurs. C’est la clef d’avoir un bon contenu qui captive l’attention au premier coup d’oeil ! Les bannières et les boutons CTA doivent être facilement visibles pour mener les clients vers le bon endroit dès le début.

Les heatmaps de scroll représentent un outil très efficace pour révéler où se trouve le pli moyen de ta page. Le taux de scroll diminue au-dessous de 100 % juste après le lien de pli ce qui signifie que tout le contenu au-dessous exige le scrolling. Cela t’indique comment tu devrais re-disposer le contenu le plus important pour être sûr qu’il sera vu par tous tes visiteurs. Cette fonctionnalité  est aussi très importante quand tu analyses les heatmaps à travers les différents types d’

 

appareils.

Révèle le contenu important “au-dessous du lien de pli”

Fréquemment, tes visiteurs peuvent cliquer sur des éléments qui ne sont pas en haut de ta page. Ces éléments peuvent se trouver au-dessous du dit ‘lien de pli”. Le lien de pli est la zone de ta page où le contenu n’est pas tout de suite visible, cela veut dire que les visiteurs doivent scroller pour être capable de le lire.

Les heatmaps de clics peuvent te montrer qu’un contenu au-dessous du lien de pli peut recevoir beaucoup de clics. Dans ce cas il peux être intéressant de re-disposer ce contenu se trouvant en bas de la page vers le haut, car il s’agit  d’un un élément capable de capter l’attention de tes visiteurs et de les motiver à rester sur ton site Web pour l’explorer un peu plus.

Compare les différents comportements entre les nouveaux visiteurs et les visiteurs récurrents

Dans les paquets payants tu peux générer des heatmaps qui sont spécifiques aux nouveaux visiteurs. Cela te donnera un aperçu de leur première réaction au design de ton Web. Les Nouveaux visiteurs se comportent différemment par rapport à ceux qui sont déjà habitués à ton site Web, il est donc probable que ces heatmaps auront l’air différent.

Dans cette leçon tu as appris comment utiliser les heatmaps pour:

  • Vérifier si tes utilisateurs cliquent là où ils sont censés de cliquer
  • Comprendre l’expérience utilisateur sur tes pages à travers plusieurs appareils
  • Découvrir où se trouve le pli moyen
  • Révéler un contenu important qui devrait être positionner plus haut
  • Voir une différence entre la façon d’agir des utilisateurs qui viennent pour la première fois et ceux qui reviennent pour interagir avec le contenu de ton site Web

Maintenant c’est à ton tour!

 

Ces heatmaps pousseront l’analyse du comportement de tes visiteurs au niveau supérieure. Commence à créer tes heatmaps tout de suite. Crée de nouveaux heatmaps tout de suite.

Quoi d’autre à apprendre?

Regarde la leçon 4!

Intègre Smartlook à tes systèmes de tickets et les systèmes analytiques | Leçon #4

Discussion