Lisibilité des sites web
Des choix typographiques au design d'information.
Marie-Valentine Blond, Olivier Marcellin, Mélina Zerbib - Collection Accès libre
Résumé
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
Extraits du livre
L'auteur - Marie-Valentine Blond
Graphiste polyvalente passionnée par la typographie et ses applications tout support, Marie-Valentine Blond a suivi une formation en communication visuelle à l'ESAA Duperré et obtenu un DSAA création typographique à l'école Estienne.
L'auteur - Mélina Zerbib
Diplômée du DSAA création typographique de l'école Estienne après une formation en webdesign, Melina Zerbib concentre ses recherches sur la structuration, l'identité et la lisibilité des sites web de presse en ligne.
Sommaire
- 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
- Mesures 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
Avis des lecteurs
publié le 09/05/2010 Acheteur vérifié
Bonne introduction à la typographie web
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.
publié le 02/12/2009 Acheteur vérifié
Un très bon ouvrage
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/")
Caractéristiques techniques
| PAPIER | |
| Éditeur(s) | Eyrolles |
| Auteur(s) | Marie-Valentine Blond, Olivier Marcellin, Mélina Zerbib |
| Collection | Accès libre |
| Parution | 26/11/2009 |
| Nb. de pages | 322 |
| Format | 21 x 24 |
| Couverture | Broché |
| Poids | 779g |
| Intérieur | Noir et Blanc |
| EAN13 | 9782212124262 |
| ISBN13 | 978-2-212-12426-2 |
Avantages Eyrolles.com
Consultez aussi
- Les meilleures ventes en Graphisme & Photo
- Les meilleures ventes en Informatique
- Les meilleures ventes en Construction
- Les meilleures ventes en Entreprise & Droit
- Les meilleures ventes en Sciences
- Les meilleures ventes en Littérature
- Les meilleures ventes en Arts & Loisirs
- Les meilleures ventes en Vie pratique
- Les meilleures ventes en Voyage et Tourisme
- Les meilleures ventes en BD et Jeunesse
- Informatique Informatique d'entreprise Conception et développement web Général
- Informatique Développement d'applications Conception et développement web Général
- Informatique Développement d'applications Langages HTML
- Informatique Développement d'applications Langages PHP
- Informatique Développement d'applications Outils de développement
- Informatique Développement d'applications Outils de développement Dreamweaver
