Design d’interface et critère ergonomique 2 : Lisibilité

Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères qui sont valides pour tous les types d’interface. C’est une liste personnelle, établie au départ sur la base des normes & standards existants (ISO 9241, AFNOR Z67 133, Bastien & Scapin, Heuristiques US …), que je m’efforce de partager au quotidien avec les équipes de développement et les équipes Business.

Lisibilité : en quoi ça consiste ?

C’est faciliter la lecture et favoriser la compréhension de ce qui est affiché à l’écran. Ce critère ergonomique recouvre en effet deux dimensions : le processus physiologique de lecture mais aussi la compréhension de ce qui est lu.

Lisible et incitatif

Lisible et incitatif

La lisibilité va donc concerner les caractéristiques de présentation des informations sur l’écran pouvant entraver ou faciliter la lecture de ces informations : luminance des caractères, dimension des lettres, des lignes, espacement entre les mots, interlignes, couleurs et contrastes.

Quelques exemples de recommandations :

  • Utiliser une police sans serif (empattement), telles que Verdana, Arial ou Helvetica (ou leur équivalent), conçues pour la lecture à l’écran.
  • Assurer la lisibilité du texte en jouant sur le contraste avec l’arrière plan (valeur de contraste au minimum de 80 %)
  • Préférer un fond clair à un fond sombre
  • Favoriser le mode positif  avec Texte noir sur fond blanc / clair
  • Sur fond clair (blanc/ gris pâle), éviter le jaune, vert pâle ou cyan, le bleu, rouge, violet
  • Assurer un contraste constamment satisfaisant entre la page et la barre de navigation, entre les items de la barre de navigation et leur arrière plan

 

Deux mauvaises pratiques

Mauvais contraste

Mauvais contraste

Autre exemple

Une lecture très difficile !!!

Une lecture très difficile !!!

Quelques bons exemples … so GOOD !

Tout est dit !

Tout est dit !

Autre exemple:

Contenus lisibles et bien délimités. Bons Contrastes.

Contenus lisibles et bien délimités. Bons Contrastes.

Autre exemple:

Dans les deux cas : très lisible mais plus de douceur et moins de fatigue au quotidien avec le Gris

Dans les deux cas : très lisible mais plus de douceur et moins de fatigue au quotidien avec le Gris

Jean Claude GROSJEAN - COACH d’Organisation. Coach d'Equipes - Coach Agile. J’accompagne la transformation des organisations et coach les PERSONNES, les EQUIPES dans leur nouveau parcours. La facilitation & la formation font aussi partie de mes activités. Me contacter: 06.20.98.58.40

Follow Me:
TwitterLinkedIn

2 992 views

7 thoughts on “Design d’interface et critère ergonomique 2 : Lisibilité

  1. Pingback: Jean Claude Grosjean

  2. Pingback: Valtech Technology

  3. Pingback: Les tweets qui mentionnent Design d’interface et critère ergonomique 2 : Lisibilité | Qualitystreet -- Topsy.com

  4. Pingback: Aly Sun

  5. Pingback: Nicolas Ruffel

  6. Pingback: Sylvain Gladieux

  7. Pingback: Jean-Pierre Govekar

Comments are closed.