Chapitre I: L’ergonomie des logiciels Chapitre I : L’ergonomie des logiciels T1/ Quiest-ce que l'ergonomie ? Il-1/ Définition intuitive Ergonomie = adaptation d'un objeVoutil & son utilisateur Exemple : Logiciels de grossissement de caractéres pour personnes handicapées visuelles Définition : Le terme « ergonomic » vient du grec « Ergon » travail et « Nomos » régles. C'est en 1949, lors de la premiére réunion de I’Ergonomies Research Society, que Murrel 'employa pour la premiére fois. + L’ergonomie ( dans un systéme informatique) : tout ce qui influence la participation de l'utilisateur & des taches informatisées. srgonomie est l'utilisation de connaissances scientifiques relatives a homme (psychologie, physiologie, ynnement de travail. Llergonomie se caractérise généralement eL médecine) dans le but d'améliorer son em selon deux composantes Y Liefficacité, consistant a adopter des solutions appropriées d'utilisation d'un produit, au-dela du bon sens du concepteur ; Y Llutilisabilité, marquant l'adéquation aux capacités de l'utilisateur. Elle se décline en : > confort d'utilisation, consistant a réduire au maximum la fatigue physique et nerveuse. > séeurité, consistant a choisir des solutions adéquates pour protéger l'utilisateur, 11-2/Terminol ¥ Ergonomic Y Ingénierie des besoins Y acteurs humains Y Gestion de l'expérience des utilisateurs Ingénierie cognitive Y Ingénierie des usages I1-3/Critéres ergonomiques existe de nombreux référentiels par exemple Shneiderman, Nielsen, Bastien et Scapin (INRIA)... + Critéres ergonomiques de Scapin & Bastien existe 8 critéres ergonomiques pour évaluer une interface utilisateur (Bastien & Scapin, 93] 1. guidage 5. gestion des erreurs 2. charge de travail 6. homogénéité/cohérence 3. controle explicite 7. signifiance des codes et dénominations 4. adaptabilité 8. compatibilité II-3-1/ Guidage de Putilisateur + Définition : le guidage est lensemble des moyens mis en ceuvre pour conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec l'ordinateur (messages, alarmes, labels, etc.) y compris dans ses aspects lexicaux. ¥ Faire connaitre & Mutilisateur état du systéme V Lui permettre d’établir des liens de causalité entre ses actions et I’état du systéme + Quatre (04) sous-critéres ¥ Incitation feedback immédiat Y groupement/distinction entre items Y lisibiliné 11-3-1-1/ Incitation : aider utilisateur dans son interaction en lui fournissant les éléments nécessaires @ une utilisation correcte Page 1Chapitre 1: L'ergonomie des logiciels MIGL Cliques ci pour commence * Pain SS = Exempte2; Exemple 1: Exemple 3: Ane pas faire : Exemple 1: Search for a date (Sanh) eo Indications : Fournir la liste des saisies attendues Guider les entrées de données en indiquant le format et les valeurs acceptables Indiquer les unités de mesure Indiquer toutes les informations d'état Pour chaque champ de données, fournir un label Fournir des indices sur la longueur autorisée des entrées dans un champ Donner un titre a chaque fenétre Fournir des aides accessibles en ligne Griser les commandes non disponibles vyVVVVVY 11-3-1-2/ Groupement/distinetion : I’utilisateur appréhende un outil selon la régle de similarité, regrouper les formations de méme type et distinguer les données particuliéres. A faire Exemple 1: Exemple 2: Tae de pa Noavlepésertaion Toveasver vege! sus, evegsver comme image Crregisveres ti: que page Wed Aone dela page wed voser vers > Venseignante Mme Hadi F Page 2cL: Liergonomie des logiciels MIGL A ne pas faire Exemple 1: Indications : > Regrouper les informations de méme type par le format ou la position > Distinguer par une présentation différente les informations distinctes > Etablir une distinction entre des aires ayant des fonctions différentes > Btablir une distinction entre les labels et les champs d'entrée 11-3-1-3/Retour d'information : signaler le fonctionnement du systéme et fournir un retour aux actions utilisateur A faire Y changer Papparence d’un objet SEletighnié ¥ _sablier pour les attentes courtes Anne pas faire Indications : Le systéme doit répondre & toute action de l'utilisateur par un changement de présentation de Finterface ‘Toujours faire apparaitre sur 'écran les entrées effectuées par 'utlisateur Toute action & Finitiative de Tutilisateur ou du systéme doit conduire & un résultat observable Indiquer les modes de fonctionnement du systéme Indiquer le curseur actif lorsque plusieurs curseurs sont présents sur une méme page Signaler les traitements longs par un message d'attente Toujours faire apparaitre les saisies utilisateur Rendre visibles les traitements réalisés par le logicie! vvVVVVVY IL-3-1-4/Lisibilité : se référe aux caractéristiques lexicales de présentation des informations sur |"écran A faire Definition du guidage : c’est l'ensemble des moyens mis en euvre pour conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec ordinateur (messages, alarmes, labels. ete.) — Lenseignante Mme Hadi F Page 3‘Ane pas faire Indications + Les titres doivent étre centrés Les labels doivent étre en majuscule Le curseur doit étre facilement repérable Utiliser une police droite Employer les lettres sombres sur un fond clair Un texte en majuscules et minuscules est Iu plus rapidement qu’un texte en majuscules vvvvvy 11-3-2/ Charge de travail Définition : la Charge de travail conceme ensemble des éléments de interface qui ont un rdle dans la réduction de la charge perceptive ou mnésique des utilisateurs et dans augmentation de Vefficacité du dialogue + deux (02) sous-critéres > bridveré = concision * actions minimales > densité informationnelle / brigveté (concision, actions minimales) : limiter le travail de lecture, d’entrée et les étapes par lesquelles doivent passer les usagers © concision a faire ‘Lancer | Exemple 1: 2 Ane pas fai Exemple 1 Bi [Fepee tile ruméo diderificaton de {uiant dort vous voulez eaise Tes notes + action minimale a faire Exemple 1: ‘Ckquez pour moses eile du Be + lager ur motes Lenseignante Mme Hadi F Page 4Chapitre 1 Exemple 2 11-3-2-2/ densité informationnelle : réd A faire: Exemple 1: Anne pas faire Exemple 1: Indications 1/ Briéveté (concision, action minimale) Réduire le nombre «actions élémentaires pour un objectif donné Minimiser les saisies/lectures Entrer des items courts Eviter les textes verbeux Ne demander que des infos non déductibles par le systéme Minimiser le nombre d'étapes dans la sélection des menus Eviter & l'utilisateur d'avoir & se souvenir d'infos d'une fenétre A Vautre SS Lenseignante Mme Hadi F Page 5 KKK KKKtre I: L’ergonomie des logiciels 1GL. ¥ Ne pas avoir a faire des calculs qui peuvent étre effectués automatiquement 2/Densité informationnelle Y_ Nafficher que les informations pertinentes Y Sides items sont supérieurs a 4 ou 5 caractéres, utiliser des mnémoniques ou abréviations 11-3-3/Contrle explicite Definition : conceme a la fois la prise en compte par le systéme des actions explicites des utilisateurs et le contréte qu’ont les utilisateurs sur le traitement de leurs actions = Comprendre le fonctionnement — Prévoir leffet des commandes + deux (02) sous-critéres ¥ actions explicites Y contréle utilisateur II-3-3-1/Actions Explicites : seules les opérations demandées par ’utilisateur doivent étre réalisées par le systéme A faire : a faire: Exemple 1: (discount.com <= Passer Exemple 2 : Fintro Y laisser Vnitiative a Vutilisateur Y Iaisser rutilisateur = basculer d'une activité a une autre Lrenseignante Mme Hadi F Page 6tre L: L’ergonomie des logiciels MicL — _arréter/interrompre une activité Anne pas faire Exemple 1 : Y- enregistrement automatique sans information Indications : Actions Explicites Y Valider explicitement les commandes importantes ou difficilement réversil Y Expliciter la relation entre le fonctionnement de application et les actions des utilisateurs 2/Contréte utilisateur Y Offtir la possibilité dinterrompre les traitements longs Y Autoriser les retours en arrigre I1-3-4/Adaptabilité Definition : concerne la capacité d’un systéme & réagir selon le contexte et selon les besoins et préférences des utilisateur. + Deux (02) sous-critéres ¥ Alexibilité Y prise en compte de l'expérience de Putilisateur er Vinterface afin de I1-3-4-1/Flexibilité : mettre a la disposition des utilisateurs des moyens pour personnal rendre compte de leurs stratégies ou habitudes de travail et des exigences de la tache A faire: Exemple 1: copie de fichiers vers un support externe dans I’explorateur ¥ glisser ~<époser ¥ copier -coller © menus © contextuel © envoyer vers © raccourcis clavier © boutons Lienseignante Mme Hadi F Page 7le systéme doit respecter le niveau d’expérience de Putilisateur A faire Exemple 1 : ‘Y” Adaptabilité : modif, de l’interface du fait du systéme Y Configuration : modif. de interface par 'utilisateur Indications : U/Flexibilité ¥ Permettre t lutilisateur de paramétrer le logiciel selon ses préférences Prise en compte de lexpérience de l'utilisateur ¥" Permettre d'activer les commandes i la fois au clavier et & la souris Y Fournir un moyen rapide d'accéder aux commandes des menus 3-5/ Gestions des erreurs Définition : concemne les moyens permettant, d’une part, d’éviter ou de réduire les erreurs et, d’autre part, de les corriger forsqu’elles surviennent. + Trois (03) sous-critéres ¥ protection contre les erreurs Y qualité des messages erreurs Y correction des erreurs I13-5-1/Protection contre les erreurs A Exemple 1: ¥ protéger les actions sensibles Pen ¥ griser les commandes indisponibles Y fournir des valeurs attendues TENE Seen ee cee | = ge be ee fee rer ges tae _—_—$3 Page 8 Uenseignante Mme Hadi FExemple 2 : “yusstouliM-Ergonomie pprx" existe dia Souhaitez-vous le remolacer ? Sp Ua feber ov downer du ween nom se woure TAP cane dossier ne USEEU. 5 vous Te vemplcet'¢ rine ser pera ete (—Rernpiacer I1-3-5-2/Qualité des messages d’erreurs A faire: Exemple 1: ‘Y” messages informatifs, constructifS, amicaux, montrant la cause et le reméde © jamais de langage d'informaticien Y 4types de messages ‘©. information © erreur bloquante © avertissement © indication de progres ra | Q] see ec ond mcmenet hile dion cert rants orto gcd ohare oe Lenseignante Mme Hadi F Page 9iels MIGL Chapitre I: L'ergonomie des | Exemple 2: Q° 11-3-5-3/Correction des erreurs A faire Exemple 1: eae ¥ lacommande annuler | x baplecer Fonyet j ¥ la vérification des saisies Redimensionner obiet | 9). Yous dever sis le nom du cient covet | En cour de tape En cour ae toppe ‘A ne pas faire Exemple1: Fae Gee Indications : Protection contre les erreurs Griser les commandes non disponibles Fournir la liste des valeurs possibles Détecter les erreurs au plus tot Minimiser les saisies clavier Prévenir des risques de pertes de données Qualité des messages derreurs 2/Qualité des messages d’erreurs Y Placer le message derreur IA od l'utilisateur est censé regarder Y Mettre en évidence le champ erroné Y Afficher des messages d'erreur explicites, brefs, non réprobateurs et autosuffisants 3/Correction des erreurs ¥ Fournir une option retour arrigre Y Foumir les moyens de résoudre les abréviations ambigués ¥ Fournir une fagon d’annuler les effets dune commande re Lrenseignante Mme Hadi F Page 10 cSChapitre 1 ergonomie des logiciels MIGL 11-3-6/ Homogénéité/cohérence Définition : Se référe & la fagon selon laquelle les choix de conception de interface ( codes, dénominations, formats, procédures, etc.) sont conservés pour des contextes identiques et sont différents pour des contextes différents Agenda Agenda Onginiser son emplos Gu teens Organon son planaeeg iste oes vendor vous Yissalser los reerier-vOus Rechorene une adresse Ccreronsr une awassee Aide Aig (a) Déconsaile i) Prati 4 dans un méme logiciel A faire ¥ cohérence pour I’apparence, la position, le comportement des différents éléments Anne pas faire ¥_ monter/ bas aay SRN eT [Catater tire dn cart de 7 mires de ob cur et3 méves de longueurs. Seas | PL ________ % entre logiciels dune suite A faire - = @) dare Tin iv eaten rrr : Same mn wee ee miele Gp Be ae See So cede ak Sw mmm) moe gre Ele fej ae a oy mie ae 2 Saat [even serie pall Aine tome rant * Rae PROS erase learn ne sth BS Crees ere a ee eee —_—— —— — — ——————— Lrenseignante Mme Hadi F Page 11MIGL Indication: ¥ Localisation similaire des fenétres ¥ Format d'écrans similaires Y- Procédures similaires d'ace’s aux options de menus I1-3-7/ Signifiance des codes et dénominations Définition: conceme l’adéquation entre l'objet ou l'information affichée ou entrée et son référent. Des codes et dénominations signifiants disposent dune relation sémantique forte avec leur référent A faire :Exemple 1: Indications ¥ Les titres doivent véhiculer ce quils représentent ¥- Rendre explicites la ou les régles de contraction ou d'abréviations Y Les labels doivent étre distincts 11-3-8/ Compatibilité Definition : le critére compatibilité se référe a l'accord pouvant exister entre les caractéristiques des utilisateurs (mémoire, perceptions, habitudes, compétences, Age, attentes, etc.) et des taches dune part, et l’organisation des sorties, des entrées et du dialogue dune application donnée dautre part. la compatibilité concerne également le degré de similitude entre divers environnements ou applications + adaptation aux utilisateurs ¥ Apprendre en compte + age + handicaps «niveau «technologique» # fréquence d'utilisation mie | [cat we il Now Gl New Indications Y Parler le langage de l'utilisateur ¥_Présenter les informations de fagon cohérente par rapport aux autres supports de travail Y L’accas aux commandes doit étre compatible avec la tache de l'utilisateur ¥ Llorganisation des informations affichées doit étre conforme & 'organisation des données & entrer Y Les formats d'affichage doivent étre compatibles avec ordre habituel (ex jj/mm/aa) Lenseignante Mme Hadi F Page 12