heatmap - Camille-C Chardon, gestion de projet web

Voilà ce qui est formidable avec le web : il est possible de suivre les performances de 2 versions d’un produit, très similaires, de manière quasi-instantanée, sur un échantillon quasi identique d’utilisateurs, et d’ainsi définir quelle version garder selon les KPI qu’on attend du produit.

Un exemple : sur les pages d’un site, préfère-t-on

afficher une fiche signalétique avec du texte uniquement
ou donner un aperçu qui donnera plus envie de cliquer ?

Autre question à se poser : quels sont les KPI’s à monitorer ?

nombre de visiteurs / sessions
nombre de pages vues
taux de rebond
inscriptions
nombre d’abonnements
chiffre d’affaire

Dans le cas de ce test ergonomique de landing page, les éléments à mettre en place :

AB Test landing page no teaser — Landing page sans teaser

AB Test landing page avec teaser — Landing page avec teaser

le design des 2 landing pages
la génération des fichiers à afficher avec l’aperçu et la bande cachant le texte principal (et vérification du poids de la page)
le flot des visiteurs si différent : Landing page avec aperçu > modal d’inscription / abonnement > paiement
les tags analytics de chacune des 2 versions
les tags backoffice pour identifier les inscriptions et abonnements de chacune des 2 versions
les recordings hotjar pour vérifier le comportement des visiteurs

Une fois qu’on a lancé, on monitor et on ajuste au besoin.

Ici les résultats de l’aperçu

Plus d’inscrits : les visiteurs sont enclins à cliquer sur le bandeau pour en savoir plus
Plus d’abonnés : l’aperçu a donné envie de lire le contenu
Plus de revenus : pas d’incidence sur le paquet choisi
Moins de pages vues : le visiteur explore moins le site

Et Hotjar ?

Hotjar nous avait livré de précieux renseignements au début du test : l’aperçu prenait beaucoup de temps à charger.

L’équipe technique a procédé à une optimisation de son temps de chargement
Elle a également a diminué le nombre de pages disponibles et modifié le bandeau de dernière page, car le visiteur n’allait pas au-delà de 4 pages, il était donc inutile d’afficher l’intégralité du document

Hotjar est un outil formidable qui permet de visualiser en temps quasi-réel le comportement de ses visiteurs sans avoir à créer de groupe d’études, via des heatmaps qui montre les clics et les scrolls agrégés d’un certain nombre d’utilisateurs, et également via le recording qui montre un comportement individuel :

https://www.hotjar.com/

Il est possible de tester le service avec 2000 pages vues, ce qui permet de donner une bonne idée de l’usage fait par ses visiteurs, et surtout quel usage nous pourrions avoir avec plus de data.

Il existe une bonne documentation sur le site : http://docs.hotjar.com/v1.0/docs/

Comment cela fonctionne-t-il ?

Il suffit d’ajouter le script à son site entre <head> et </head>
Puis il faut configurer les pages qu’on veut suivre pour les Heatmaps et Recordings, via leur URL, ou des expressions régulières
Hotjar crée des copies d’écran de ces types de pages, sur lesquelles il va enregistrer les mouvements et actions des visiteurs sur les différents supports
Et de suivre les résultats :
- Heatmaps permet de voir quels sont les boutons et les parties du site qui intéressent vos visiteurs en agrégé, dans la masse. Est-ce qu’une section est visible, un bouton utile, faut-il réorganiser le contenu ?
- Recording permet de suivre le comportement individuel de l’échantillon de l’utilisateur. On voit ainsi comment le visiteur “rebondissant” (cf. Analytics) se comporte, ce qui intéresse celui qui au contraire reste et ce qui fera qu’il convertira ou non. On voit littéralement depuis derrière son épaule et on l’entend presque réfléchir !