Lorsque l’on parle de mise en pages, et plus particulièrement de justification de texte, on touche le domaine de l’esthétisme. Mais nous ne devons pas oublier l’accessibilité à l’oeil (la lisibilité) de ce dernier.

Voici quelques tests
text original et justifié

Le texte de gauche est aligné à gauche, il est agréable à lire mais présente des blancs disgracieux à droite. Une fois justifié (texte de droite) le texte est plus homogène, plus agréable. Mais il devient moins agréable à lire, du faite de la présence d’espaces de tailles aléatoires.

espaces disgracieux

Toutefois si nous agrandissons les colonnes nous nous apercevons que les défauts s’accentuent lorsque le texte n’est pas justifié :

1 colonne aligné a gauche1 colonnne justifié

Plus la ligne est longue, plus la justification porte un intérêt esthétique et pratique. Mais attention, il est important de ne pas aller trop loin. Après plusieurs tests il semblerait que la limite de largeur d’un paragraphe, pour une bonne lecture serait d’environs 500px. La lisibilité n’en est pas trop affectée et l’effort pour revenir à la ligne est limité.

500px

Source du texte : Le monde.


COMMENTAIRES / 3 COMMENTAIRES

ils ne marchent pas top tes feed !!!
http://ergonomie-utilisateur.com/feed/
les liens nous renvoient vers des pages d’erreur:
http://monsieur-vd.com/ergo/articles/2007-03-18-recette-dun-gros-site-web20/

flo a ajouté(e) ces petits mots le Aug 10 07 ˆ 4:35 pm

Et voila qui est réparé…le feedburner n’avais pas la nouvelle adresse. Merci !

.monsieur.vd. a ajouté(e) ces petits mots le Aug 10 07 ˆ 6:13 pm

nikel :)

flo a ajouté(e) ces petits mots le Aug 13 07 ˆ 8:35 am

PARLE / AJOUTE TON COMMENTAIRE
Monsieur.vd. modére les commentaires.

XHTML: Vous pouvez utiliser les tags suivants : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Retourner en haut

Justifier son texte…ou pas !

FRESH / DERNIERS POSTS