Accueil > Méthodes > Thème 5 : mise en page, couleurs et typographie

Méthodes d'évaluation

Les 16 thèmes du référentiel

Thème 5 : mise en page, couleurs et typographie

Sommaire

Présentation du thème
Référentiel
A lire sur le Web
- Articles et ressources en français
- Articles et ressources en anglais
Bibliographie

Présentation du thème

Nous nous intéressons dans ce cinquième thème à la mise en page et aux différents affichages proposés sur le site, non sur le plan "artistique" - ce n'est pas notre propos - mais sur le plan de l'utilisabilité.

Parmi les 21 points évalués :

les pages s'affichent sans ascenseur horizontal dans une résolution 800 x 600 ;
les contenus les plus importants se trouvent dans la zone visible de l'écran (point testé en 800 x 600 et 1024 x 768) ;
les lignes de texte n'excèdent pas 75 caractères ;
les animations continues (images, texte défilant, etc.) sont exclues des zones de lecture ;
les contrastes sont suffisants dans les zones de lecture ;
etc.

Sommaire

Référentiel

Tous les critères pour le thème 5 (format PDF, 35 ko)

Tous les critères pour le thème 5 (format texte)

Version du 10/07/09

Sommaire

A lire sur le Web

Articles et ressources en français

"Sortez-vous la tête des grilles", Molly E. Holzschlag
"Contraste et sens", Andy Rutledge, A List Apart
"Écrans de visualisation, santé et ergonomie", INRS (format PDF 2,4 Mo)

Sommaire

Articles et ressources en anglais

"Web Style Guide, 2nd edition", Patrick J. Lynch & Sarah Horton
"Design in Theory and Practice", Joshua David McClurg-Geneves
"Where Visual Design Meets Usability - An Interview with Luke Wroblewski, Part I", Joshua Porter
"Where Visual Design Meets Usability - An Interview with Luke Wroblewski, Part II", Joshua Porter
"Visible Narratives: Understanding Visual Organization", Luke Wroblewski
"Why use a grid?", Mark Boulton
"Five Simple Steps to designing grid systems", Mark Boulton
"The Eyetrack III Study", Poynter Institute, Estlow Center for Journalism & New Media and Eyetools
"F-Shaped Pattern For Reading Web Content", Jakob Nielsen
"Screen Resolution and Page Layout", Jakob Nielsen
"Fixed or Fluid?", Patrick Taylor
"Unfolding the Fold", ClickTale Blog
"Is Multiple-Column Online Text Better? It Depends!", J. Ryan Baker
"The Effects of Line Length on Reading Online News", A. Dawn Shaikh
"Color Theory for Digital Displays: A Quick Reference: Part I", Pabini Gabriel-Petit
"Color Theory for Digital Displays: A Quick Reference: Part II", Pabini Gabriel-Petit
"Applying Color Theory to Digital Displays (Part III)", Pabini Gabriel-Petit
"Five Simple Steps to better typography", Mark Boulton
"Perception of Fonts: Perceived Personality Traits and Uses", A. Dawn Shaikh, Barbara S. Chaparro, & Doug Fox
"A Comparison of Popular Online Fonts: Which is Best and When?", Michael Bernard, Melissa Mills, Michelle Peterson, & Kelsey Storrer
"Determining the Best Online Font for Older Adults", Michael Bernard, Corrina Liao, & Melissa Mills
"First Impressions Count in Website Design", Website Optimization
"Users Decide First; Move Second", Erik Ojakaar
Statistiques des résolutions d'écran utilisées par les internautes en mars 2009, The Counter.com
Statistiques du paramétrage des couleurs sur les postes des internautes, en mars 2009, The Counter.com

Sommaire

Bibliographie

"Web Style Guide: Basic Design Principles for Creating Web Sites", Patrick J. Lynch & Sarah Horton.
Yale University Press - 2002.
ISBN : 978-0-3000-8898-4.
Il s'agit de la réédition du Yale Web Style Guide (1994) : un "classique" qui couvre de nombreux aspects fonctionnels et graphiques du design de sites.
"Web Style Guide: Basic Design Principles for Creating Web Sites" sur Amazon France

"Site-Seeing: A Visual Approach to Web Usability", Luke Wroblewski.
Wiley Publishing - 2002.
ISBN : 978-0-7645-3674-8.
L'auteur étend le concept d'utilisabilité aux aspects visuels d'un site. Voir l'interview de l'auteur par Joshua Porter, dans les liens présentés plus haut.
"Site-Seeing: A Visual Approach to Web Usability" sur Amazon France

Sommaire