Résultats d’une campagne d’eye-tracking

Avant d’aller plus loin il me parait important de rappeler ce qu’est l’eye-tracking. Vous trouverez une explication détaillée sur Wikipédia mais pour résumer il s’agit d’une méthode permettant de suivre les mouvements du regard d’un visiteur sur un site web. Celle mise en place sur ce blog permettait de suivre les mouvements de souris et les zones de clics afin de voir quelles étaient les options les plus utilisées et celles laissées à l’abandon.

Pour cela j’ai utilisé le service CrazyEgg qui propose des statistiques assez complète et qui a l’avantage d’être très visuel et gratuit dans une certaine mesure (payant si vous dépassez de gros quota de données récoltées).

Mise en place :

La mise en chantier d’une telle campagne est très simple, après votre inscription il suffit de cliquer sur « Add a new page » et de donner quelques informations comme le titre à donner à la campagne, l’URL exacte de la page, une petite description, choisir si vous voulez limiter la campagne sur la durée (entre 1 jour et X mois) ou suivant le nombre de visites.

C’est tout. Une fois que c’est renseigné vous récupérez un code javascript à insérer dans le bas de vos pages et la récolte d’infos commence. Sur HSI j’ai mis en place une campagne centrée sur la page d’accueil prenant en compte 1000 visites éparpillées sur le temps ( 12 jours ) afin d’avoir un échantillon assez large.

Le suivit :

Tout au long de la campagne vous allez pouvoir visualiser les chiffres en temps réel, supprimer le test en cours, éditer les infos, … Cela va permettre par exemple de prolonger une période de suivit si vous pensez que la masse de données récoltée n’est pas suffisante, cela sans pour autant tout reprendre à zéro.

Les résultats :

Une fois le test terminé il va falloir analyser les résultats obtenus pour en retirer des informations intéressantes ( c’est quand même le but ). Crazyegg vous offre plusieurs façons d’analyser les choses :

- Vue « Overlay ». Ici très simplement vous verrez des icônes « + » devant chaque liens qui aura été cliqué au moins 1 fois. Plus le liens a été suivit, plus la couleur de l’icône tend vers le rouge.

Si vous cliquez sur l’icône en question, vous aurez droit au détail concernant les sites référents (d’où venaient les gens ayant cliqué ce lien), au taux de clics sur l’ensemble de la page ( ici 2% ) et enfin à la proportion des référents ( dans l’exemple il est facile de voir que pour le billet sur 360 Desktop, 30% des visiteurs ont cliqués après être arrivé via le blog Accessoweb ).

- Vue « List ». Cela va simplement lister les liens utilisés sous forme de liste textuelle. C’est pratique si vous ne voulez pas chaque fois parcourir vos pages en cherchant les couleurs. De plus vous savez précisément de quel type de lien il s’agit, le pourcentage de clics, le nombre de clics et vous pouvez exporter les données au format CSV.

Très rapide pour survoler tout en 1 seul regard. Je remarque donc que le lien le plus souvent cliqué est « Page Suivante » en bas ( ce qui explique en partie le bon score en moyenne de page vues par visite du blog ) et qu’ensuite il s’agit des catégories « WordPress » et « Web hétéroclite » ( je ne comptabilise pas les « Lire la suite » ni la catégorie « Web2″ puisqu’elle est affichée d’office ). C’est intéressant car cela permet de voir quelles catégories sont les plus recherchées par vos visiteurs et donc peut-être de proposer du contenu correspondant.

- Vue « Heatmap ». Cette vue ne donne pas plus d’infos que les autres et n’offre pas de données chiffrées mais permet de vite se rendre compte des zones les plus sensibles au clic. Son intérêt principal est de voir clairement ou se situait la souris lors du clic sur le lien.

Sur la capture il est assez facile de voir que les clics dans le pied de page (footer) son rarement effectués sur le début du lien mais plutôt vers le milieu ou la fin. Dans le cas présent cela ne sert pas à grand-chose de le savoir mais si vous avez un lien texte + un autre lien image juste à côté, il sera peut-être intéressant de voir si les utilisateurs ne cliquent pas sur l’un au détriment de l’autre. Ca fonctionne aussi si vous voulez placer un espace pub juste à côté d’une zone très cliquée :)

- Vue « Confetti ». C’est vraiment la plus complète et précise mais un peu moins facile à prendre en main. Tout d’abord chaque clic a été précisément représenté dans un couleur différente suivant le site référent d’où le visiteur provenait. Le menu à gauche vous permet de retirer de l’affichage tous les « confettis » venant d’un ou de plusieurs sites. Plutôt que le tracking par site référent vous pourrez aussi voir celui par temps passé, par résolution d’écran,…

L’intérêt premier est de pouvoir afficher ce que les personnes provenant d’un site précis ont regardés chez vous. Ce qui rejoins complètement la campagne de guest-blogging lancée la semaine passée ;) Si vous choisissez la vue par temps passé sur le site vous pourrez vous rendre compte d’éventuels problème (si toutes les personnes qui ont passé moins de 5 secondes sur place sont sous IE6 c’est peut-être que votre blog/site à un problème sur ce navigateur).

Chaque confetti est cliquable et vous aurez alors des infos pertinentes sur ce clic : résolution d’écran, temps passé sur le site, système d’exploitation de la personne, navigateur utilisé, éventuelle recherche effectuée pour arriver sur le site, …

Conclusion :

Je trouve que c’est un outil bien pratique pour analyser le comportement des visiteurs concrètement et pour voir quelle sont les petites erreurs à corriger sur son design. Dans mon cas je me suis rendu compte que la bannière animée sur la page d’accueil n’était jamais cliquée donc n’avait qu’un intérêt limité. Par contre le système des catégories en onglet semble beaucoup plaire. Dans la sidebar, les 2-3 premières places des « plus bavards » sont cliquées mais le reste pas du tout (vous savez ce qu’il vous reste à faire…), les 4 boutons de mes flux sont plus souvent utilisés que sous la forme précédente (mon twitter, flux audio, …), etc…

Avec un compte gratuit sur crazyegg vous pourrez lancer 4 campagnes en simultanée (si vous en supprimez une vous pouvez en relancer une autre) pour un maximum de 5.000 visites/mois.

Tags analyse,   campagne,   crazyegg,   eye-tracking,   suivit Partager