Eye tracking : comment l’oeil scanne une page de site ?

L’Eye tracking, vous connaissez ? C’est tout simplement la technologie à l’ouvre pour suivre le mouvement des yeux des utilisateurs lorsqu’ils lisent ou regardent une page web. Cette technologie est souvent basé sur un logiciel et une webcam mais de nombreux appareils plus perfectionnés peuvent être utilisés.

L’Eye tracking est souvent utilisé pour compléter un audit webanalytics ou des tests AB et permet en plus des clics de voir les zones de chaleur d’une page web ou e-commerce. Autrement dit quelles zones sont réellement lues par les internautes qui naviguent sur votre page.

Les études d’eye tracking ont permis de comprendre comment les utilisateurs scannent les pages et d’en tirer des enseignements pour concevoir une interface de site efficace. Les tendances en webdesign changent, les bonnes pratiques aussi, mais la manière de scanner une page n’a pas changé : cette infographie nous montre que le fameux schéma en F est toujours d’actualité dans la majorité des études d’eye tracking.

Les fondamentaux en ergonomie web restent les mêmes :

– Placer son logo en haut à gauche et ne pas mettre dans le header de contenus qui vont distraire le visiteur.
– Placer les contenus importants sur la partie gauche de la page.
– La navigation doit être idéalement placée horizontalement au dessus des contenus, ou sur la gauche des pages.
– Pensez au parcours de l’oeil en F ou en E quand vous rédigez des textes et insérez des images dans vos pages, pour bien les structurer et améliorer leur lisibilité.
– Les 2 Inutile de mettre trop de texte, les internautes ne lisent pas tout.

Source : Crazy Egg and Single Grain.

Eye Tracking, l’infographie

Et vous avez vous déjà essayé l’eye-tracking ? SI oui quels sont les résultats que vous avez réussis à en tirer ? Cela vous a t-il permis d’améliorer la conversion sur votre site e-commerce ?