Catégories
Blogs à lire
Archives
Blog
nov
4
Évitez les fonds noirs
Catégorie: Ergonomie | 418 lectures
En tout cas, c’est ce qu’annonce Jakob Nielsen (oui je sais… encore lui) mais aussi des experts en lisibilité. Je partage volontiers cet avis. Il ne s’agit pas bêtement de transposer le monde imprimé au web puisque ce sont deux mondes différents. L’un réagit grâce à la pigmentation des encres et du papier alors que l’autre utilise le mélange de lumière. C’est ce qu’on appelle le fameux « mode colorimétrique ». Donc, pour afficher du blanc il faut au maximum de lumière. On pourrait alors facilement déduire qu’un fond sombre ou noir conviendrait mieux à la lecture de texte étant donné sa faible intensité lumineuse. Eh bien non, que du contraire.
Plus le contraste est grand, plus la lecture est difficile. Je parle ici du contenu texte et pas des titres ou des accroches qui s’accommodent bien de ces mises en forme. La concentration de l’internaute est davantage sollicitée et rend la lisibilité plus pénible. Il vaut mieux alors travailler avec des niveaux de gris tant au niveau du texte que du fond pour éviter le clash entre les deux. Sur ce blog, j’ai choisi un fond blanc (pour une question pratique) et j’ai donc adouci l’opacité du texte noir à 75 %.
L’agence Emakina s’est risquée dans ce pari. Le noir, symbole du prestige, d’innovation, du luxe mais aussi celui de la créativité reflète assez bien les valeurs d’une entreprise jeune et dynamique. Les textes en niveaux de gris sont assez courts pour diminuer la pénibilité de lecture. Les titres d’un blanc virginal attirent l’œil. On remarque également toute la difficulté de trouver une deuxième couleur complémentaire. Et à en voir certains, l’illisibilité ne saute pas aux yeux de tous.
Agence Emakina
D’un point de vue esthétique, on ne m’enlèvera pas l’idée qu’il est plus difficile de réussir la charte graphique d’un fond très sombre à celui d’un fond clair. Pour beaucoup, le noir incarne des valeurs de luxe, de prestige. Il permet de créer une ambiance particulière (très utilisés pour les groupes de rock) et de faire ressortir de manière spectaculaire des couleurs très saturées. Il faut néanmoins un sens de l’esthétique développé pour réussir une ambiance cohérente, personnelle ou qui a de la gueule si c’est le but recherché. Pour le coup, j’ai pris le site de la RTBF et le label indépendant PIAS.
RTBF à la carte
Label PIAS
Mais ton avis sur les 3 sites présentés?
Sinon je suis pas spécialement d’accord… Lire ton blog m’agresse davantage que lire celui d’emakina. Surtout après une journée de boulot sur le pc.
Je parle ici de la luminosité générale de la page. Le blog de fubiz.net par exemple esst plaisant à lire. Le contenu rédactionel est sur un fond blanc, donc lecture facile, mais le reste de la page est sur fond foncé ( = luminosité générale bien moins forte).
Donc voilà avant d’essayer d’optimiser la lecture à longue durée d’un internaute, je pense qu’il faut trouver un compromis (parfois simplement diminuer le blanc en gris clair) pour ne pas qu’il se barre après 3 lignes…
‘Fin tout çà pour dire que je te lis toujours, et de temps en temps je commente :p
Mais c’est Ben
“Lire ton blog m’agresse davantage que lire celui d’emakina” Il faut prendre en compte les conditions d’utilisation. Dans un environnement obscur, le rendu du blanc est éblouissant. Avec une ou plusieurs sources lumineuses naturelles ou artificielles, les fonds blancs sont moins agressifs. Pour éviter la fatigue oculaire, on conseille toujours d’allumer une lampe tamisée ou n’importe quel éclairage indirect.
Un large fond blanc est sans doute pas la solution idéale en terme de lisibilité mais le contraste fond/texte est efficace et offre l’avantage de réduire la surcharge de travail pour les images détourées.
“parfois simplement diminuer le blanc en gris clair” Tu as raison, d’ailleurs globulebleu travaille avec un léger gris (F2F1ED).
Pour moi, tous les blogs sont pareils vu que je les lis avec Google Reader qui est entièrement sur fond blanc… CQFD ?
Je suis assez d’accord avec Nielsen pour une fois. Il est vrai que les fonds noirs posent des problèmes de lisibilité et «mangent» un peu les caractères. C’est frappant sur le site d’Emakina ou les textes trop petits (corps 11) sont difficile à lire.
Une solution est de mettre un gris plus ou moins foncé en fond au lieu du noir, comme on le voit sur la colonne de droite du site de la RTBF : c’est tout de suite bien plus lisible et moins fatiguant. Et aussi utiliser des polices assez grandes et très lisibles (éviter de descendre sous les 12 points).
Vinch > Tout cépend de ce que l’on cherche sur les blogs. Si c’est de l’info brute, alors en effet, les lire sur un reader est une bonne solution. Pour ma part, j’aime profiter en lisant les blogs de l’atmosphère de chacun, à laquelle le graphisme et la mise en page contribuent beaucoup.
C’est intéressant ce que tu dis Vinch. Pour moi, un agrégateur porte bien son nom. Ce n’est pas un lecteur de flux mais une application pour réunir didfférentes sources. Après, les titres et les premières lignes seront incitatives à ouvrir le billet dans le navigateur. Je lis très rarement dans mon agrégateur pcq je trouve ça peu agréable, on est bien mieux dans l’espace de l’auteur, mais aussi pcq’il n’est pas rare que l’application occulte du contenu multimédia (vidéo, son, animation, images).