Lernzettel: Principes d'Interface Utilisateur Efficace

📋 Plan du Cours

1. Guidage
2. Contrôle explicite
3. Gestion des erreurs
4. Charge de travail
5. Signifiance des codes
6. Homogénéité et cohérence
7. Compatibilité
8. Adaptabilité

📖 1. Guidage

🔑 Notions clés & Définitions

• Guidage : Ensemble de moyens qui orientent et informent l’utilisateur pendant ses interactions avec l’ordinateur.
• Incitation : Action de guider l’utilisateur vers des actions précises grâce à des indices fournis à l’interface.
• Feedback immédiat : Information donnée tout de suite à l’utilisateur pour lui signaler le résultat de son action.

📝 Points essentiels

• Le guidage peut indiquer le format attendu et les valeurs acceptables lors de la saisie.
• L’interface peut griser les commandes non disponibles et changer la forme du curseur pour signaler l’action à faire.
• Le regroupement/distinction organise les informations par type et utilise position, format, séparateurs visuels ou couleurs pour marquer l’appartenance à une classe.
• La lisibilité améliore la lecture via choix typographiques, contraste, espacements et alignements adaptés, comme aligner les nombres à droite ou sur la virgule.

💡 Astuce mémo

Guidage = format + disponibilité (griser) + retour immédiat (feedback).

📖 2. Contrôle explicite

🔑 Notions clés & Définitions

• Contrôle explicite : Capacité du logiciel à maintenir son niveau de service dans des conditions définies, pendant une période donnée.
• Commande réversible : Action dont l’effet peut être annulé ou corrigé facilement après validation.
• Retour-arrière : Fonction permettant à l’utilisateur de revenir en arrière dans une interaction sans rester bloqué dans une étape.

📝 Points essentiels

• Le logiciel peut exiger une validation pour les commandes importantes ou difficilement réversibles.
• Le système doit rendre les effets d’une commande prédictibles et ne réaliser que ce que l’utilisateur demande.
• L’utilisateur doit pouvoir sortir facilement d’un dialogue et utiliser retours arrière, annulation ou interruption d’un traitement long.
• Pour les actions à conséquences sérieuses, l’interface peut demander une confirmation avant exécution.

💡 Astuce mémo

Contrôle = validation + prévisibilité + sortie facile (annuler/interrompre).

📖 3. Gestion des erreurs

🔑 Notions clés & Définitions

• Protection contre les erreurs : Moyens mis en place pour détecter et prévenir les erreurs avant qu’elles ne se transforment en problème.
• Messages d’erreur : Alertes qui aident l’utilisateur à comprendre l’échec et à s’en sortir à travers des informations utiles.
• Correction des erreurs : Dispositifs permettant à l’utilisateur de modifier ce qui est erroné avant d’exécuter la commande.

📝 Points essentiels

• La protection peut consister à griser les commandes non disponibles, afficher les valeurs possibles ou détecter les erreurs dès la saisie.
• Pour des commandes à conséquence grave, l’interface peut demander une confirmation avant l’action.
• Les messages d’erreur doivent être clairs, indiquer les causes, donner l’état de l’application et proposer des remèdes.
• La correction inclut la possibilité de corriger avant lancement, de vérifier les saisies et de mettre en évidence les éléments erronés.

💡 Astuce mémo

Gestion des erreurs = prévenir, expliquer, corriger avant de lancer.

📖 4. Charge de travail

🔑 Notions clés & Définitions

• Brièveté : Caractéristique de l’interface qui réduit le travail de lecture et d’entrée pour l’utilisateur.
• Actions minimales : Principe qui évite de demander des saisies dont le système peut déduire la valeur.
• Densité informationnelle : Niveau de quantité d’informations affichées par rapport à ce qui est nécessaire pour la tâche.

📝 Points essentiels

• La brièveté vise à limiter les lectures, les entrées et le nombre d’étapes nécessaires pour réaliser une action.
• La concision consiste à présenter les informations de façon précise et brève et à permettre des entrées courtes.
• Les actions minimales incluent proposer une valeur par défaut et minimiser la saisie et le nombre d’étapes.
• La densité informationnelle limite le nombre d’éléments affichés et réduit les rappels d’une fenêtre à l’autre.

💡 Astuce mémo

Charge de travail = moins de lecture, moins de saisie, moins de charge mentale (densité).

📖 5. Signifiance des codes

🔑 Notions clés & Définitions

• Signifiance des codes : Capacité des éléments d’interface à être compris et interprétés facilement par l’utilisateur.
• Familiarité du vocabulaire : Propriété de l’interface qui utilise les mots et concepts familiers à l’utilisateur.
• Conventions de couleurs : Règles d’utilisation des couleurs qui doivent rester cohérentes avec ce que l’utilisateur comprend déjà.

📝 Points essentiels

• L’interface doit parler la langue de l’utilisateur avec des mots et concepts familiers.
• Le choix de codes, abréviations et symboles doit respecter la compréhension de l’utilisateur.
• Les conventions associées aux couleurs doivent être cohérentes avec l’interprétation attendue.
• L’objectif est de permettre à l’utilisateur de donner du sens aux éléments affichés.

💡 Astuce mémo

Codes signifiants = mots familiers + symboles compréhensibles + couleurs cohérentes.

📖 6. Homogénéité et cohérence

🔑 Notions clés & Définitions

• Homogénéité et cohérence : Capacité de l’interface à conserver des choix de conception et des comportements constants dans un contexte identique.
• Terminologie constante : Usage régulier des mêmes libellés pour des fonctions identiques dans toute l’interface.
• Stabilisation des présentations : Maintien des éléments visuels et de structure dans les écrans pour éviter la variabilité inutile.

📝 Points essentiels

• L’homogénéité stabilise la localisation des composants, les libellés, le format des champs, l’alignement et les couleurs.
• La cohérence impose une terminologie constante, par exemple des actions comme annuler/enregistrer utilisées de la même manière pour les mêmes fonctions.
• L’interface doit conserver messages et comportements similaires lorsque le contexte est identique pour l’utilisateur.
• Les choix de présentation doivent rester prévisibles d’un écran à l’autre.

💡 Astuce mémo

Même contexte = mêmes libellés + mêmes positions + même comportement.

📖 7. Compatibilité

🔑 Notions clés & Définitions

• Compatibilité : Capacité de l’interface à correspondre aux habitudes, compétences et à la tâche de l’utilisateur.
• Habitudes de l’utilisateur : Façons habituelles de l’utilisateur d’organiser ses entrées et de parcourir les écrans dans sa logique de travail.
• Termes familiers : Vocabulaire que l’utilisateur reconnaît facilement, réduisant les ambiguïtés lors des interactions.

📝 Points essentiels

• L’organisation des entrées et des sorties doit suivre l’ordre que l’utilisateur imagine pour sa tâche.
• L’interface peut employer des termes familiers afin d’améliorer la compréhension.
• La compatibilité vise aussi l’adaptation au niveau de compétence et à l’âge de l’utilisateur.
• L’objectif est de faire correspondre l’interface aux caractéristiques réelles de l’utilisateur et de sa tâche.

💡 Astuce mémo

Compatibilité = interface alignée sur l’ordre de l’utilisateur + langage familier.

📖 8. Adaptabilité

🔑 Notions clés & Définitions

• Adaptabilité : Capacité de l’interface à ajuster son comportement selon le contexte ou selon les préférences de l’utilisateur.
• Flexibilité : Moyens permettant la personnalisation pour que l’interface s’accorde aux habitudes de travail.
• Prise en compte de l’expérience : Capacité à offrir plusieurs manières de réaliser une même action selon le niveau d’expérience de l’utilisateur.

📝 Points essentiels

• La flexibilité permet à l’utilisateur de paramétrer le logiciel selon ses préférences.
• L’adaptation peut donner un accès rapide à une action fréquente à partir de plusieurs fenêtres.
• La prise en compte de l’expérience consiste à proposer plusieurs façons d’effectuer la même action.
• L’adaptabilité vise un comportement qui varie avec le contexte ou les préférences de l’utilisateur.

💡 Astuce mémo

Adaptabilité = contexte/préférences + personnalisation + plusieurs chemins selon l’expérience.

⚠️ Pièges & confusions fréquents

1. Confondre guidage et gestion des erreurs : le guidage oriente avant l’erreur, alors que la gestion des erreurs détecte/explique et aide à corriger.
2. Croire que le feedback immédiat ne concerne que les messages d’erreur : il sert aussi à informer du résultat d’actions réussies.
3. Limiter le contrôle explicite à la confirmation : il inclut aussi la prévisibilité des effets et la possibilité de sortie/annulation et interruption.
4. Oublier que la charge de travail inclut des aspects mnésiques : réduire les rappels entre fenêtres fait aussi partie du critère.
5. Transformer la signifiance des codes en simple “jolis libellés” : le point central est la compréhension par le vocabulaire et les codes familiers.
6. Confondre homogénéité et compatibilité : homogénéité = cohérence de l’interface, compatibilité = adéquation à l’utilisateur et à sa tâche.
7. Interpréter l’adaptabilité comme uniquement de la personnalisation : elle dépend aussi du contexte, pas seulement des préférences.

✅ Checklist Examen

1. Savoir définir le guidage et donner des exemples d’incitation, de regroupement et de feedback immédiat.
2. Savoir citer des moyens de guidage sur la saisie : format attendu, valeurs acceptables, unités/champs, griser commandes non disponibles.
3. Savoir définir le contrôle explicite et expliquer comment l’interface gère validation, prédictibilité et sorties d’un dialogue.
4. Savoir lister les mécanismes de contrôle explicite liés aux actions difficiles : retour-arrière, annulation, interruption d’un traitement long.
5. Savoir définir la gestion des erreurs et distinguer protection contre les erreurs, messages d’erreur et correction des erreurs.
6. Savoir dire comment l’interface doit formuler les messages d’erreur : clairs, causes/état, remèdes, et aide à résoudre.
7. Savoir expliquer la charge de travail : brièveté, concision, densité informationnelle et actions minimales (déductions et valeurs par défaut).
8. Savoir définir la signifiance des codes et identifier l’usage du vocabulaire familier, des symboles/abréviations et des conventions de couleurs.
9. Savoir expliquer l’homogénéité/cohérence : stabilisation des présentations et terminologie constante pour des fonctions identiques.
10. Savoir définir la compatibilité et indiquer comment l’interface s’aligne sur l’ordre, les termes familiers et les caractéristiques de l’utilisateur.
11. Savoir définir l’adaptabilité et préciser le rôle de la flexibilité (paramétrage, accès rapide) et de la prise en compte de l’expérience (plusieurs façons d’agir).