Méthodes d'évaluation

Les 16 thèmes du référentiel

• Structure du site
• Analyse de la page d'accueil
• Navigation et liens
• Recherche et aides
• Mise en page
• Textes et rédactionnels
• Images et multimédia
• Ergonomie des formulaires
• Balises documentaires
• Mentions légales
• Trois tâches utilisateur
• Temps de chargement
• Respect des standards
• Compatibilité plates-formes
• Flexibilité de l'interface
• Accessibilité du site

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 1024 x 768 ;
• Les contenus les plus importants se trouvent dans la zone visible de l'écran (sans défilement vertical) dans une résolution 1024x768 ;
• 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 (rapport de contraste minimum de 4:5:1 entre la couleur du texte et la couleur de l'arrière-plan) ;
• etc.

Sommaire

Référentiel

 Tous les critères pour le thème 5 (format PDF balisé pour l'accessibilité, 19 ko)

Version du 6 novembre 2010

Sommaire

A lire sur le Web

Articles et ressources en français

• "Sortez-vous la tête des grilles", Molly E. Holzschlag (traduction Pierre Equoy)
• "Contraste et sens", Andy Rutledge (traduction Fay Sainte-Rose)
• "De la vraie typographie pour le Web", Tim Brown (traduction Frédéric Chotard)
• "En finir avec le mythe de la limite de visibilité", Frédéric Cavazza
• "Écrans de visualisation, santé et ergonomie", INRS (format PDF 2,4 Mo)

Sommaire

Articles et ressources en anglais

• "Web Style Guide, 3rd Edition", Patrick J. Lynch & Sarah Horton
• "Designing for the Web", Mark Boulton
• "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
• "The Eyetrack III Study", Poynter Institute, Estlow Center for Journalism & New Media and Eyetools
• "F-Shaped Pattern For Reading Web Content", Jakob Nielsen
• "Fixed or Fluid?", Patrick Taylor
• "Scrolling and Attention", Jakob Nielsen's Alertbox
• "Unfolding the Fold", ClickTale Blog
• "Blasting the Myth of the Fold", Milissa Tarquini
• "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
• "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
• "Rich Internet Application Screen Design", Theresa Neil
• "Minimizing Complexity In User Interfaces", Tyler Tate

Sommaire

Bibliographie

"Web Style Guide: Basic Design Principles for Creating Web Sites", Patrick J. Lynch & Sarah Horton.
Yale University Press - 2009.
ISBN : 978-0-3001-3737-8.
Il s'agit de la 3e é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

|