* Developpeur Drupal Rennes

***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en France et en Europe

Developpeur Drupal Rennes

Article:

Chaque jour, nous sommes appelé à faire des recherches sur la toile. Toutefois la lecture sur l'écran reste tout de même moins facile que sur le papier (25% de temps de lecture supplémentaire). Une page mal conçue peut fatiguer vos internautes et les faire fuir. Il est donc important que vos pages soient optimisées pour que les internautes trouvent votre site manifestement « confortable ». Vous devez travailler sur 2 éléments : les couleurs et les caractéristiques du texte. Nous parlerons de la mise en forme des textes dans un prochain article...
Les couleurs
Le contraste doit être assez convenable entre la couleur des textes et le fond de page. A vérifier sur le site http://www.etre.com/tools/colourcheck. Il est conseillé d'avoir un contraste d'environ 400 (ou 500 pour un site destiné aux malvoyants).
La couleur du texte / fond de page doit être distincte en terme de brillance (ou luminance). Vous pouvez notamment évaluer cette différence sur le site
http://etre.com/tools/colourcheck.
Prenons l'exemple d'un texte de couleur bordeaux #B00000 (code hexadécimal de la couleur) sur fond de couleur grise #322D2D. Nous voyons que la brillance est à 6 donc loin du chiffre idéal 125 et le contraste à 216 au lieu du 400 conseillé. Les deux couleurs sont donc à modifier pour avoir une bonne lisibilité.
On peut se servir de la technique des caractères grands et gras par exemple sur un titre mais pas sur l'ensemble du corps de votre article. Usez plutôt des caractères foncés sur fond blanc/clair. Il faut savoir que l'inverse est lu 10% plus lentement.
Les caractéristiques du texte
Taille de :
Tout le monde n'a pas une bonne vue, aménagez votre site à ce que la taille de soit accessible à tous les visiteurs, cependant un texte trop gros devient indéchiffrable et laid. Il est fortement conseillé, pour le corps du texte, une taille de 12 pixels.
Longueur des lignes :
La zone de contenu ne doit pas être trop étendue. On doit trouver maximum 100 caractères par ligne. Autre solution : mettre le texte en double colonne.
Typographie :
Adoptez les s sans empattement qui sont plus lisibles sur le web. Beaucoup de s existent : on peut notamment citer le Verdana, Arial et Helvetica.