Comment rendre ses sites web lisibles et compréhensibles ?

Aussi époustouflant soit le design d'un site web, il se doit avant tout d'être lisible ! À l'heure où la diffusion de l'information ne peut plus ignorer le support écran, le rôle du designer est de favoriser la lecture en ligne et la compréhension des contenus. Typographie, couleurs, composition des pages, mise en écran, mais aussi architecture de l'information... apprenez enfin à concevoir des interfaces web lisibles et fonctionnelles, dans un souci constant d'ergonomie et d'accessibilité !

Améliorez le confort de lecture et l'efficacité de vos pages web !

• Découvrez les mécanismes de lecture en ligne
• Comprenez les bases de la typographie appliquée à l'écran (familles de caractères, formats, codage, lissage...)
• Mesurez la lisibilité des caractères (forme des lettres, empattements, casse...) et faites les meilleurs choix de polices
• Choisissez vos couleurs pour des interfaces efficaces et accessibles au plus grand nombre
• Structurez les contenus dans une architecture de l'information qui facilite la compréhension
• Maîtrisez les grilles typographiques et les règles de composition adaptées au Web et à l'écran
• Initiez-vous aux dernières techniques de publication en ligne (CSS, texte-image, gestion des césures...)
• Bénéficiez des précieux conseils et expériences des meilleurs experts (webdesigners, créateurs de caractères, ergonomes...)

À qui s'adresse cet ouvrage ?

• Aux webdesigners, agences et directeurs artistiques
• Aux architectes de l'information et aux ergonomes
• Aux concepteurs web, webmestres, chefs de projet, étudiants... et tout acteur d'un projet web

• Ce qu'il faut savoir sur la lisibilité
  • La lisibilité : qu'est-ce que c'est ?
  • Le mécanisme de lecture : un peu de théorie
  • Mesure et facteurs de lisibilité
  • Écrire pour être lu
  • L'accessibilité
• La typographie et le web
  • Histoire des caractères conçus pour l'écran
  • Les caractères et le Web
  • Choisir un caractère
• La mise en écran, la structuration des contenus et la diffusion sur le Web
  • L'espace de l'écran et du Web
  • Structurer les contenus Web
  • La composition des textes sur le Web
  • La diffusion sur le Web

» Note moyenne : 4.5 / 5

» Donnez votre avis à propos de ce livre

» Liste de tous les avis (2 avis)

Bonne introduction à la typographie web

Commentaire de : Xavier ROBIN, le 9 mai 2010

Ce livre donne une très bonne introduction au sujet de la typographie et de la lisibilité sur le web.

Tout ce qui a un rapport avec la lisibilité est abordé : du processus physiologique de la lecture à la structuration des contenu, en passant par le choix d'une police de caractère. De nombreux exemples (positifs comme négatifs) viennent illustrer les propos, avec une pléthore de liens et autres références utiles pour approfondir le sujet. Des recommandations pour optimiser toutes les étapes du développement sont également données, même si certaines paraissent un peu étonnantes (comme la limitation des lignes à 45-75 caractères – il en faudrait plutôt 75-100) ou obsolètes (utilisation d'unités rigide pixels (px) à l'heure de l'évolution divergente et inconciliable vers des écrans à plus haute résolution et terminaux mobiles... la recommandation est légèrement amendée plus loin sans donner vraiment de solution idéale, probablement faute d'une vraie solution existante).

Le livre souffre cependant de quelques faiblesses : absence d'un glossaire (arrivé à la fin, on ne sait toujours pas vraiment ce qu'est, par exemple, le "gris typographique") et de redondances.

Les auteurs se limitent majoritairement à énoncer des éléments généraux sur le design et la lisibilité, sans donner de solution technique pour le développeur. Le livre ne s'adresse pas à celui qui veut apprendre à coder en HTML/CSS (d'autres livres de cette collection sont là pour ça), mais bien au designer. Quelques solutions techniques sont abordée lors du dernier et court chapitre sur la diffusion, mais elles sont déjà en partie dépassées par l'évolution ultra-rapide du sujet (en particulier les polices WOFF pour l'insertion apparues il y a quelques mois seulement et déjà en phase d'adoption par les navigateurs). Là encore, les liens fournis permettent de dépasser cette limitation inéluctable du format papier.

C'est donc un excellent ouvrage à recommander à qui n'y connait rien au design d'un site web et souhaite aborder le sujet de manière efficace.

Utilité du commentaire : 85 internautes (sur 169) ont trouvé ce commentaire utile

Ce commentaire vous a t-il été utile ? oui  - non

Un très bon ouvrage

Commentaire de : Pascal MOUTET, le 2 décembre 2009

Un ouvrage très complet, plaisant à lire, consacré à ce parent pauvre du web : la lisibilité. Je l'ai dévoré en une journée.

Il intéressera les chefs de projet, les webmasters, les intégrateurs et peut-être un tout petit peu moins les designers déjà sensibilisés aux problématiques d'accessibilité. Quoique l'ouvrage pointe du doigt qu'il y a encore beaucoup de progrès à accomplir en ce qui concerne, justement, le travail de webdesign.

Les aspects théoriques largement abordés (stratégie de lecture, charges cognitives induites par la lecture sur écran...) sont bien contrebalancés par une multitude d'exemples qui analysent, entre autres, pourquoi le site de Canal+ est très bien conçu et pourquoi celui de Guerlain est fatigant à consulter.

Choix des couleurs, des polices, composition des textes, navigation, zoning... tous les aspects pour rendre un site web accessible sont traités en profondeur.

On apprécie également les nombreuses interviews qui viennent éclairer les différents chapitres : créateur de typos, responsables d'agence, designers interactifs, rédacteurs en chef...

A lire absolument.
(avis posté initialement sur "pmoutet.fr/wordpress/")

Utilité du commentaire : 135 internautes (sur 270) ont trouvé ce commentaire utile

Ce commentaire vous a t-il été utile ? oui  - non

• Table des matières - (3.2 Mo)
• Avant-Propos - (3.2 Mo)
• Préface - (3.2 Mo)
• Chapitre 1 : La lisibilité : qu'est-ce que c'est ? - (3.3 Mo)
• Extrait - Chapitre 8 : Choisir un caractère - (3.6 Mo)
• Extrait - Chapitre 9 : L'espace de l'écran et du Web - (5.2 Mo)