Où les utilisateurs regardent-ils en premier ?

Source : www.capitaine-commerce.com

Bon, ne vous attendez pas à une grande surprise, si l’on en croit la dernière AlertBox de Mr Nielsen, c’est bien, et sans aucun étonnement, la partie gauche des pages webs qui reçoit le plus d’attention de la part des utilisateurs.

Ainsi, d’après une étude de eye-tracking effectuée récemment, apprend-t-on que celle-ci reçoit 69% du temps d’attention contre 30% environ pour la droite, le reste allant à ce qui « dépasse » lorsque l’on a un scrolling horizontal (ce qui est très mal d’après Jacob Nielsen, mais que l’on rencontre pourtant parfois sur les sites de luxe qui affectionnent les formats horizontaux. cf Gucci.com).

Quid des grands écrans ? Toujours d’après Nielsen, pour des écrans allant au delà des traditionnels 1024×768, le schéma ne change pas beaucoup, mais est seulement étiré vers la droite.

Par ailleurs, la concentration du regard n’est pas homogène dans la partie gauche de la page. Autour de 10% du temps total d’attention sur le bord gauche, elle a tendance à augmenter progressivement jusqu’à atteindre son pic à partir du 300ème ou 400ème pixel  (les tests de Jacob ont été faits sur un moniteur 1024×768), puis à redescendre en dessous des 10% du temps total d’attention dès le 600ème pixel. Ceci lui fait dire qu’il existe une zone d’attention maximale sur une page web à partir du 1er tiers de la page en partant de la gauche.

Par conséquent, quels enseignements peut-on en tirer ?

• Premièrement, Jacob Nielsen le dit sans ambage : n’essayez pas de faire original (en plaçant votre « hit » en bas à droite de la page, par exemple, ou en plaçant le menu de navigation sur une colonne à droite). Respectez dans la mesure du possible une mise en page classique qui mettra en valeur dans la zone d’attention la plus forte l’information la plus importante à transmettre, c’est à dire légèrement à gauche en partant du centre de la page.
• Mettez la navigation à gauche. Cette assertion pose la question de l’efficacité des menus par onglet en haut de page et pour la même raison expliquerait le choix d’Amazon de placer son menu principal de navigation à gauche. Mettez les contenus secondaires vers la droite de la page.

Tout ça ne parait pas vraiment révolutionnaire et pourtant, si l’on regarde beaucoup de sites ecommerce, peu, en fin de compte, respectent vraiment cet ordre de lecture. Avez-vous des exemples de sites construits de cette manière ?

Mots-clefs : conseils e-commerce, e-commerce, haut de page, navigation, stratégie, utilisateurs