Connect with us

Internet

Eye-tracking et webdesign : quelques enseignements à tirer de différentes études

Le site VirtualHosting propose une synthèse intéressante en 23 points des enseignements à tirer de l’étude des comportements des internautes face à un site web, à partir d’expériences d’eye-tracking[1], dont je vous relate ici ceux que je considère comme les plus significatifs.

Il y a

le

Le site VirtualHosting propose une synthèse intéressante en 23 points des enseignements à tirer de l’étude des comportements des internautes face à un site web, à partir d’expériences d’eye-tracking[1], dont je vous relate ici ceux que je considère comme les plus significatifs.

1. Le texte attire l’attention avant les éléments graphiques
2. Le mouvement initial de l’oeil se focalise en premier lieu vers le coin supérieur gauche de la page
3. Les lecteurs ignorent les bannières (à relativiser sinon comment expliquer nos revenus publicitaires ?)
4. Les formats fantaisistes (texte, blocs…) sont ignorés car confondus avec de la publicité
5. Afficher les nombres au format chiffre et non pas lettre pour plus d’impact (un classique)
6. La taille des caractères influence la façon de lire : les titres en gros caractères incitent à scanner alors que les mêmes en petits caractères provoquent une lecture plus attentive
7. Les paragraphes courts retiennent mieux l’attention
8. Les publicités placées en haut et à gauche attirent plus l’oeil (c’est ce vieux principe que j’ai appliqué et qui explique en partie pourquoi Presse-citrion est l’un des rares blogs à afficher sa sidebar à gauche)
9. Les listes attirent davantage l’attention qu’un gros bloc de texte.
10. Les éléments de navigaton fonctionnent mieux quand ils sont placés en haut de page

Eye-tracking heatmapD’une façon générale, il est clair que les internautes scannent davantage qu’ils ne lisent une page web. En premier lieu parce-qu’elle est généralement contituée d’un assemblage d’éléments à priori disparates (texte, image, pub, vidéo…). Cette tendance s’est certainement renforcée durant les dernières années avec la multiplication des blogs et la quantité d’informations à gérer qui en découle.
J’ai d’ailleurs récemment mené un test bien involontairement sur Presse-citron, avec cet article, dans lequel j’indiquais en caractère gras la procédure à suivre. Même si le sujet de ce billet était particulier, les commentaires reçus sont la démonstration vivante de la façon dont les visiteurs (ne) lisent (pas) votre prose.
Etudier le comportement de ses lecteurs à travers ce type d’expérience involontaire peut être riche d’enseignement, et incite en tout cas encore une fois à la plus grande des modesties.
D’ailleurs je me demande si je ne vais pas plutôt ouvrir un Skyblog.

[1] étude du comportement de l’oeil et de son parcours sur une page web à l’aide d’outils spécifiques à base de caméras à haute sensibilité

12 Commentaires

12 Commentaires

  1. Elise

    16 novembre 2007 at 20 h 37 min

    C’est pour ça que tu as mis ta tronche a cet endroit ?

    Vas y balance une grosse pub en haut a droite viiiiiiiiiiiiiite

  2. francis

    16 novembre 2007 at 21 h 05 min

    Marrant quand même car je voudrais bien savoir comme de plus en plus de blog ont le menu à droite si c’est pareil car quand un menu est à gauche et cela depuis plusieurs blog que l’on parcours y a pas de raison que l’oeil essai de parcourir un hypothétique menu à gauche non et dans ce cas là que donne les meilleurs emplacements pub ?

  3. Poète

    17 novembre 2007 at 5 h 11 min

    "les internautes scannent davantage qu’ils ne lisent une page web" On peut s’en apercevoir lors de nos propres recherches et lectures online. Il en va de même quand on lit des magazines.

    Après ce genre d’analyses sont toujours intéressantes à lire. 🙂

  4. Forge

    19 novembre 2007 at 9 h 09 min

    Amusant ça. Le sujet attire les détra/réda-cteurs en ce moment. J’ai lu celui de l’animal-penseur, la semaine dernière :
    animal-penseur.blogspot.c…

  5. Jay

    19 novembre 2007 at 9 h 10 min

    Moyennement convaincu pour la sidebar..
    Il avait été montré qu’un droitier parcourait de maniere plus fluide un menu à droite, du côté ou sa souris est placée. Le positionnement est ainsi plus naturel.

  6. Forge

    19 novembre 2007 at 9 h 30 min

    Dans combien de pays la lecture se fait-elle de droite à gauche ?
    Parce que j’imagine que le sens de lecture est important non ?
    Un arabe ou un chinois, ne lisent pas dans le même sens qu’un européen ou un brézilien.

    Une question me taraude… si, si, un peu… Dans la vidéo de démo de l’animal (cf post au dessus), il est dit que les ads de google placés à droite, ne sont pour ainsi dire pas vu (sur les captures d’écrans de cet article, ça à l’air vrai pour tous les sites). Pourquoi y sont-ils encore ?

  7. Eric

    19 novembre 2007 at 9 h 37 min

    Pour les pays dont la lecture se fait de gauche à droite, c’est une bonne question, mais cet article concerne les langues les plus courantes (ce qui en signifie pas forcément les plus utilisées sur le web)

  8. amoulsolo

    28 décembre 2007 at 1 h 49 min

    Enorme la remarque d’Elise. Comme moi, elle n avait rien a dire sur le commentaire, alors elle a chambré ce gentil Eric, qui, au passage, a constitué un blog globalement tres interessant!
    Je te felicite pour l info plus qu’utile tramée tout au long de ton blog, tes constats et analyses! Pour la peine, je te mets en "Favoris"!
    Bonne continuation!!

  9. /Olivier

    1 septembre 2008 at 22 h 48 min

    Intéressant cet article Eric. Et dire qu’à Lyon nous sommes la seule entreprise à proposer de l’Eye Tracking dans notre salle de tests utilisateurs.

    Viens visiter quand tu veux, peut être que je peux te présenter aussi Miss Conversion, qui sait…;-)

    A bientôt

    /Olivier
    « The Altics man »

  10. Pingback: Olivier Gobet: « Les CMS révolutionnent le développement des sites internet ». | franck perrier

  11. Pingback: Programme des cours « Web 2.0

  12. Pingback: 1 - Ergonomie # 1 - La navigation sur un site d’information « Web 2.0

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Dernières news

Les bons plans

Les tests