Optimiser l'interaction avec l'utilisateur final

1. Objectifs

   • Appliquer les principes d'une interaction réussie.
   • Utiliser quatre lois de l'interaction : Fitts, Hick, Jakob, Tesler.
   • Réduire la charge cognitive de l'usager.
   • Optimiser un formulaire.
   • Prévenir, signaler et réparer les erreurs.

1. Qu'est-ce qu'une interaction ?

   • Une interaction est un échange entre l'usager et l'application : l'usager agit (toucher, saisir, faire glisser), l'application répond (afficher, confirmer, signaler).
   • L'utilisateur final est la personne qui utilise réellement l'application, ici l'étudiant ou le personnel devant la cantine, pas le directeur qui l'a commandée ni le développeur qui l'a construite.
   • Optimiser l'interaction, c'est rendre chaque échange évident (on sait quoi faire), rapide (peu d'efforts) et sûr (peu d'erreurs, faciles à corriger).

1. Six principes

   • Signifiants: on voit ce qu'on peut faire. Un bouton a l'air d'un bouton, un champ a l'air d'un champ.
   • Retour: chaque action reçoit une réponse visible, immédiatement (état « appuyé », message, animation).
   • Contraintes: ce qui est impossible n'est pas proposé (une heure passée est grisée).
   • Cohérence: une même action a la même apparence et la même place partout.
   • Correspondance: les commandes suivent le monde réel (« + » ajoute, un curseur vers la droite augmente).
   • Contrôle: l'usager peut revenir, annuler, corriger. Il se sent maître de l'application.
   • Ces principes viennent de Donald Norman (The Design of Everyday Things) et des heuristiques de Jakob Nielsen, vues au début du cours.

1. Quatre lois utiles

   • Loi de Fitts: le temps pour atteindre une cible dépend de sa taille et de sa distance. Les actions fréquentes sont grandes et proches du pouce.
   • Loi de Hick: le temps de décision augmente avec le nombre de choix. Limitez les options visibles, regroupez, proposez des filtres.
   • Loi de Jakob: les usagers passent la plupart de leur temps sur d'autres applications. Respectez les conventions (panier, recherche, retour) plutôt que de les réinventer.
   • Loi de Tesler (conservation de la complexité) : toute tâche a une complexité qu'on ne peut pas supprimer. La question est : qui la porte, l'usager ou le système ? Une valeur par défaut bien choisie la transfère au système.

1. Réduire la charge cognitive

   • La charge cognitive est l'effort mental demandé à l'usager. Elle augmente avec le nombre d'informations à retenir, de décisions à prendre, de règles à comprendre.
   • Reconnaître plutôt que se souvenir: proposer les derniers plats commandés plutôt que demander de les retrouver.
   • Une tâche par écran: ne pas demander de choisir l'heure et de recharger son compte au même moment.
   • Valeurs par défaut: la prochaine heure de retrait disponible, le montant le plus choisi.
   • Découper les informations : un numéro de commande lisible (« 247 »), pas un identifiant de 16 caractères.

1. Optimiser un formulaire

   • Chaque champ coûte un effort et fait abandonner des usagers. Pour chacun, demandez-vous : est-il nécessaire ? le système le connaît-il déjà ? peut-on le proposer au lieu de le faire saisir ?
   • Préférez les choix à la saisie (montants proposés, heures en boutons) et le bon clavier (numérique pour un montant, e-mail pour une adresse).
   • Gardez le libellé au-dessus du champ, toujours visible (pas seulement dans le champ, où il disparaît pendant la saisie).
   • Validez en ligne, au bon moment : quand l'usager quitte le champ, pas à chaque lettre.
   • Annoncez le résultat avant la validation (« Nouveau solde : 12,10 € ») et écrivez un bouton précis (« Recharger 10 € »).

1. Prévenir, signaler, réparer les erreurs

   • Prévenir: la meilleure erreur est celle qui n'arrive pas. Contraintes, valeurs par défaut, confirmation des actions irréversibles.
   • Signaler: le message apparaît près du champ concerné, avec une icône et un texte (pas la couleur seule), dans le langage de l'usager.
   • Réparer: le message dit comment s'en sortir et propose l'action (« Recharger 5 € »). La saisie est conservée. Une action peut être annulée pendant quelques secondes (« Commande annulée · Rétablir »).
   • Un bon message d'erreur répond à trois questions : que s'est-il passé ? pourquoi ? que faire maintenant ?

1. Penser à tous les utilisateurs finaux

   • Clavier: tout doit pouvoir se faire au clavier, avec un focus visible (personnes qui n'utilisent pas de souris).
   • Lecteur d'écran: chaque bouton a un nom, chaque image utile un texte alternatif, chaque message important est annoncé.
   • Temps: pas de délai trop court pour agir ; si une limite existe (commande avant 11 h 30), elle est annoncée.
   • Situation: une main occupée par un plateau, le soleil, le bruit, un réseau lent. On teste dans ces conditions.

1. Aide-mémoire

1. Activités

1. Erreurs fréquentes

1. Bilan

   • Une bonne interaction est évidente, rapide et sûre.
   • Six principes : signifiants, retour, contraintes, cohérence, correspondance, contrôle.
   • Les lois de Fitts, Hick, Jakob et Tesler guident la taille, le nombre de choix, les conventions et les valeurs par défaut.
   • Un formulaire optimisé demande le moins possible et annonce le résultat.
   • Les erreurs se préviennent, se signalent près du problème et se réparent facilement.

Chaque fois que l'usager doit réfléchir à l'interface, il cesse de penser à ce qu'il voulait faire.