Design d’interface et critère ergonomique 9: Cohérence

Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères. 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 tout en sensibilisant le métier sur la question.

Cohérence : en quoi ça consiste ?

C’est fournir à l’utilisateur un cadre stable dans des contextes similaires.

Ce critère concerne la façon dont les choix de conception  d’interface:

  • localisation des éléments,
  • libellés,
  • format et design graphique,
  • menus,
  • navigation,
  • interactions…)

sont conservés pour des contextes identiques, et sont différentiés pour des contextes différents.

ikea2ikea

La cohérence est un élément d’apprentissage essentiel et l’un des principaux leviers permettant d’assurer une utilisation efficiente de l’interface. Du point de vue de la navigation, ce critère est tout simplement crucial : un système de navigation cohérent permettra de ne pas perdre l’utilisateur. Celui-ci pourra ainsi se repérer facilement, anticiper et agir avec plus de sérénité.

Eléments de Cohérence au sein d'une fameuse suite applicative
Eléments de Cohérence au sein d’une fameuse suite applicative

Plus globalement, la cohérence rend le produit PREDICTIBLE.

Quelques exemples de recommandations

  • Proposer des formats d’écrans similaires
  • Fournir des mécanismes de navigation cohérents
  • Proposer les systèmes de navigation de manière constante sur l’ensemble des pages du site
  • Prévoir un lien vers la page d’accueil du site ou de l’application dans toutes les pages
  • Prévoir un bandeau de navigation principal présent et identique sur toutes les pages pour se déplacer entre les domaines de l’application
  • Regrouper les fonctions transverses dans une zone généralement située en haut à droite de l’écran et maintenir cette position constante sur l’ensemble du site
  • Homogénéiser les types d’action associées à un même pictogramme dans l’ensemble de l’application
  • Dans le cas d’un lien interne, s’assurer que le libellé du lien est idéalement le même que le titre de l’écran cible
  • Utiliser toujours le même format pour les tableaux de données

Mauvaise pratique

Exemple (Nu-Tronics)

connsistenybad

Aucune cohérence entre la Home et les pages interieures
Aucune cohérence entre la Home et les pages interieures

Quelques bons exemples… So good!

Bonne pratique (IBM) :

ibm1

ibm2

Bonne pratique (Amazon):

amazon1

Bandeau de navigation Cohérent
Bandeau de navigation Cohérent

Bonne pratique (Banque Postale):

coh-bp2

Cohérence (couleur): contextes similaires et différents
Cohérence (couleur): contextes similaires et différents
A propos de jc-Qualitystreet (Jean Claude Grosjean) 447 Articles
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

1 Comment

20 Trackbacks / Pingbacks

  1. Valtech Technology
  2. Jean Claude Grosjean
  3. Le Web Accessible
  4. Marie-Eve
  5. Patrice Cote
  6. Informatique Plexma
  7. Laurent DEMONTIERS
  8. kaduma
  9. Julien Ducerf
  10. I-COM Software
  11. Robin Azéma
  12. Jeremy Castan
  13. Yolène Louison
  14. Camille Bedard
  15. agencegaya
  16. Florence Caghassi
  17. Jean Claude Grosjean
  18. Jean-Daniel Boutet
  19. F.R
  20. Nicolas Ruffel

Les commentaires sont fermés.