gwix.net - Les utilisateurs liraient les pages selon une F-shaped pattern...

gwix.net
stratégie web & expérience utilisateur

20 avril 2006 - 00:38 # Readibility- scanability
Les utilisateurs liraient les pages selon une F-shaped pattern...

Dans ma série "ce n'est pas parce que Jakob Nielsen n'est pas très web2.0 qu'il ne raconte que des conneries", voici une conclusion d'étude très intéressante. Les utilisateurs liraient une page selon un motif en F.

Heureusement qu'on a notre amis jakob pour nous faire bénéficier de ses sessions d'études eyetracking qui permettent de voir comment un utililsateur lit une page.

Vous pouvez lire ses conclusions sur F-Shaped Pattern For Reading Web Content

F shaped pattern reading for the web
source : Jakob nielsen's Alertbox

On remarque

que l'attention des utilisateurs commence dans le haut de la page
les yeux suivent une verticale. Il faut donc guider le regard
Dés qu'un élément intéressant est repéré dans le cheminement vertical, l'utilisateur se détourne de sa recherche pour se faire à nouveau un opinion.

Cela démonte notre tendance naturellement parresseuse : n'attendez jamais à ce qu'un utilisateur se fatigue pour lire votre page. Un utilisateur "scanne" visuellement une page au lieu de la lire.

Nielsen identifie également que le début des phrases devrait contenir les mots importants afin d'attiter l'attention de l'utilisateur et le faire partir dans un processus d'intérêt

Point de vue readability et graphisme, cela veut dire:

contrastez clairement les tailles de typos, leurs couleurs.
marquez bien la différence entre le texte et les titres
éviter tout ce qui peut rompre le processus de scan, des éléments graphiques qui risquent de rompret la lecture
marquez les éléments à scanner en donnant des aides visuelles à l'utilisateur
la zone above the fold (zone non scrollables de l'écran) est stratégique. On le savait déjà.
placez les infos les plus recherchées en début de liste pour éviter que l'utilisateur ne perde du temps à passer tout en revue.

page scanability

Si on regarde ces 2 petits exemple, lequel serait le plus éfficace selon cette théorie? Je pencherais pour la liste A

direction de la lisibilité En résumant très fort, les directions du regard d'un utilisateurs ont 2 directions :

La direction de recherche = la verticalité
La direction d'intérêt = l'horizontalité

Faut pas être dévin finalement, c'est comme cela que tout le monde lit ;-)

Visites(11500 | poster un commentaire

Vos Commentaires

19 04 2006 - 20:05 par JF Ruiz [ site ]

Intéressant cet article (merci ziki de me l'avoir montré). Cela me fait penser à l'outils de statistiques mapsurface. Cela me rapelle aussi le "golden triangle" de concentrations des regards sur une page de résultat de Google.

20 04 2006 - 07:24 par Mªrin [ site ]

En tout cas Ziki a le mérite de booster le pageview de tes articles (ou alors celui ci est particulierement intéressant).

20 04 2006 - 08:23 par Renalid [ site ]

Excellent article et très bonne synthèse!
Avec " La direction de recherche = la verticalité / La direction d'intérêt = l'horizontalité", c'est brillamment résumé!

20 04 2006 - 09:49 par Thious

Très bon article en effet, par contre il contient de nombreeuses coquilles ! ;)

20 04 2006 - 18:00 par Laurent [ site ]

désolé pour les coquilles... j'essaierai d'être plus attentif la prochaine fois.

Il y a des similitudes entre les études eyetracking et mapsurface mais l'eyetracking étudie le processus avant le click alors que mapsurface persmet de fénir quelles sont les zones les plus clickées. Les processus pour privilégier le click tiennent plus d'une ergonomie incitative (incentivity) plutôt qu'à une ergonomie comportameltale / perceptuelle qui est plutôt étudiée dans l'eyetracking.

Les 2 sont hautements complémentaires.

merci pour tous vos commentaires

21 04 2006 - 04:42 par Falkra [ site ]

Très intéressant, c'est vrai qu'on fait ça, c'est automatique, mais là avec la théorie, ça prend une autre dimension. Merci. :-)

21 04 2006 - 13:20 par Alexandre

Hum, "readability", il me semble qu'il existe lisibilité en français....
Pourquoi vouloir jargonner à tout prix ?

21 04 2006 - 18:37 par Laurent [ site ]

> alexandre.... je jargonne parce que je suis belge et qu'ici en Belgique, nous anglicisons beaucoup plus de terme qu'en France. J'adore le français, je suis francophone... mais j'emploie le terme qui me semble le plus naturel par rapport aux termes que j'emploie tout les jours dans mon métier.

Sur ce, je vais briefer une personne sur la manière de scroller dans un browser sans stres... ;-)

22 04 2006 - 07:01 par mishanya [ site ]

H1! Nice site, looks great! Well job you done, thanks... =)

24 04 2006 - 15:00 par herve [ site ]

Bonsoir
et pour ceux qui mettent le menu à droite !??

25 04 2006 - 02:35 par Gaetano [ site ]

Merci pour cet article Laurent. Il s'agit cependant d'une généralité: je pense qu'en jouant avec les contrastes, la vivacité des couleurs et certains artifices graphiques, on peut amener l'utilisateur à quitter cette F-Shaped patern.

31 07 2010 - 13:05 par reiner [ site ]

Viele Gruesse aus dem schoenen Fischerdorf Greetsiel

Un commentaire ou une question ...?

Laurent Goffin
Strategy director Emakina Brussel

Mes projets