Design d’interface et critère ergonomique : Feedback Direct

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.

 

 

 

 

 

 

 

 

Feedback Direct : en quoi ça consiste ?

 

C’est l’art de tenir l’utilisateur, en temps réel, informé de ce qui se passe

Ce critère concerne les réponses du système consécutives aux actions des utilisateurs. Son absence est  source d’incompréhension, parfois déstabilisante selon les contextes. Sa présence est un fort élément de réassurance.

Pertinence, compréhension, localisation et rapidité sont les dimensions essentielles du feedback de qualité.

Quelques exemples de recommandations :

  • Rendre le feedback immédiat
  • Indiquer clairement les traitements en cours
  • Proposer un indicateur d’avancement du traitement des tâches par le système (y compris le chargement des pages)
  • Adapter le feedback à l’action engagée et s’assurer de sa pertinence
  • Utiliser l’autocompletion comme aide à la saisie
  • Pour les saisies de formulaire, assurer autant que possible des vérifications directes en sortie de champs
  • Toujours faire apparaitre sur l’écran les entrées effectuées par l’utilisateur
  • Informer les utilisateurs de leur connectivité

Les mauvaises pratiques sont essentiellement liées à l’absence de feedback.

Quelques bons exemples … so GOOD !

Bonne pratique pour patienter:

Petite musique d'attente :)

Petite message d’attente :)

Petite musique d'attente et quelques variations:)

Petite message d’attente et quelques variations:)

Autre bonne pratique avec le Drag&Drop (le modèle Flickr est très efficace)

Drag&Drop temps 1

Drag&Drop temps 1. Trés bonne incitation au départ

Drag&Drop temps 2

Drag&Drop temps 2: Juste ce qu’il faut de FEEDBACK

Drag& Drop Temps 3

Drag& Drop Temps 3: Opération terminée. Le feedback sur la droite

Drag&Drop On supprime le fichier. Quelle belle image !!!

Drag&Drop On supprime le fichier. Quelle belle image !!!

Autre bonne pratique chez Twitter (refresh)

feedback4-twitter

42 nouveaux Tweets. Je dois rafraîchir ma page

Autre bonne pratique (limite de saisie):

Twitter. Nombre de caractère restant Au départ

Twitter. Nombre de caractère restant Au départ. 140 caractères.

Twitter. Nombre de caractère restant en live

Twitter. Nombre de caractère restant en cours de saisie. 

Autre bonne pratique (ajout d’item)

BaseCamp: Nouvel Item. Surlignement jaune pendant 1 seconde

BaseCamp: Nouvel Item. Surlignement jaune pendant 1 seconde

Autre bonne pratique (feedback Téléchargement)

Feedback Indicateur de progrés. Téléchargement Du classique très efficace chez Google

Feedback Indicateur de progrés. Téléchargement Du classique très efficace chez Google

Autre bonne pratique (traitement de l’opération)

Feedback - Traitement de l'opération

Feedback – Traitement de l’opération

Autre bonne pratique Envoi de message (toujours Google)

Envoi de message. Bon feedback de Google

Envoi de message. Bon feedback de Google

Autre bonne pratique au sein de formulaire (Google encore …)

Vérification en directe du degré de sécurité du mot de passe 1

Vérification en directe du degré de sécurité du mot de passe 1

Vérification en directe du degré de sécurité du mot de passe 2

Vérification en directe du degré de sécurité du mot de passe 2

Autre bonne pratique (plus qu’une aide à la saisie)

Aide à la saisie Temps 1

Aide à la saisie Temps 1

Aide à la saisie Temps 2

Aide à la saisie Temps 2

Autre bonne pratique (vérification avec contrôle utilisateur: pas mal)

Last FM Vérifier la disponibilité Temps 1

Last FM Vérifier la disponibilité Temps 1

Last FM Vérifier la disponibilité Temps 2

Last FM Vérifier la disponibilité Temps 2 avec feedback

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 758 views

10 thoughts on “Design d’interface et critère ergonomique : Feedback Direct

  1. Génial tous ces exemples.

  2. Pingback: Jean Claude Grosjean

  3. Pingback: Cécile Musset

  4. Pingback: Valtech Technology

  5. Pingback: Ergonomie Steria

  6. Pingback: Robin Azéma

  7. Pingback: Romain Couturier

  8. Pingback: aspectize

  9. Pingback: Lionel Laské

  10. Pingback: Prestataires.com

Comments are closed.