95% du webdesign c’est de la typographie. Et le reste alors ?

Mise à jour

Je viens de voir chez Lemeur un post sur l’article dont je parle ci-dessous. C’est juste que je l’aborde sous un angle… différent

Webdesign is 95% typography [1] entend-on souvent. Mais les 5 autres %, c’est quoi ? Les images.
Dans leur dernière étude eyetrack (qui date de 2005 quand même) Jakob Nielsen et Tara Pernice Coyne consacrent tout un chapitre à ce sujet. The online journalism review vient de publier un article qui reprend et approfondi quelques points clés de cette étude.

Certains sont archi connus :

• un texte struturé à l’aide de titres et de puces se lit et se retient mieux qu’un pavé non structuré;
• sur le web on scanne plus qu’on ne lit, il faut donc adapter son design à ce genre de comportement;
• en terme de navigation la simplicité paie;

d’autres le sont un peu moins.

La partie la plus intéressante de l’article de The Online Journalism Review concerne les images. Pas les images de fond, les boutons ou tout autre élément de présentation qu’on range habituellement dans les css… Les images au sens propre, celles qui illustrent un texte. Petite précision, ce cas d’étude est tiré de l’étude d’un site de news.Quelle image pour illustrer un texte?

Image et contenu

D’après les résultats de l’étude eyetrack de Jakob Nielsen et Tara Pernice Coyne, les utilisateurs ne s’attardent pas sur les images qui n’ont pas de rapport avec le contenu. Vous aurez beau faire le plus beau bandeau du monde et le mettre bien en vue en haut de votre page, si il n’y a pas de rapport avec le texte en dessous, les utilisateurs ne le verront même pas. The OJR préconise de remplacer ces images inutiles par des images en rapport avec le contenu, voire par un espace vide (et l’espace vide, c’est vraiment un élément de design).

Quelle image pour illustrer un texte ?

Lorsque votre image est un élément d’illustration du contenu, celles qui retiennent le plus l’attention sont celles qui mettent en scène des personnes, qui sourient face caméra – si possible. Des personnes ça veut dire des vrais gens (en plus les vrais gens c’est à la mode en ce moment – surtout dans les émissions politiques), pas des mannequins car les images de ces objets sexuels créatures de rêve représentants d’une profession fort honorable sont assimilées à de la pub et souvent zappées par l’utilisateur.

En résumé, l’image idéale, c’est :

• dans le cadre d’une interview
• la photo du bonhomme
• qui sourit face à l’appareil
• et qui ne soit pas un habitué des pubs pour shampoings

1. A supposer que l’on soit d’accord avec cette conception du webdesign qui compare le travail des webdesigners d’aujourd’hui à celui des typographes des années 70, alors qu’il y aurait tant à en dire.