Chapitre 3 Règles ergonomiques dans les IHMs PDF

20/11/2023 Module Interaction Homme Machine Chapitre 3 Règles ergonomiques dans les IHMs Licence 3 Informatique Enseignante: Dr.Merzougui...

20/11/2023 Module Interaction Homme Machine Chapitre 3 Règles ergonomiques dans les IHMs Licence 3 Informatique Enseignante: Dr.Merzougui I. Ergonomie L’ergonomie est « l'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail, et l'application de ces connaissances à la conception de systèmes qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre d’utilisateurs”. =>Bien étudier le travail pour le rendre plus sûr 2  20/11/2023 Objectifs de l’ergonomie L’ergonomie vise a rendre les systèmes interactifs : Efficaces, Fiables, sûrs, productives et de bonne qualité Favorables à la santé de leurs utilisateurs Favorables au développement de leurs compétences. En centrant les efforts sur la performance 3 Types d’ergonomie Il existe trois (03) types d’ergonomie: 1) Ergonomie physique 2) Ergonomie cognitive 3) Ergonomie organisationnelle 4  20/11/2023 Types d’ergonomie 1) Ergonomie physique: S’intéresse aux: Caractéristiques anatomique, physiologiques, biomécaniques. Postures de travail, mouvements répétitifs, disposition du poste de travail, des terminaux, la sécurité et la santé. 5 Types d’ergonomie 2) Ergonomie cognitive: Focus sur les processus mentaux (perception, mémoire, raisonnement, réponses motrices) dans les interactions humain-systèmes. Charge mentale, prise de décision, performance experte, fiabilité humaine, le stress professionnel et la formation dans leur relation à la conception personne- système 6  20/11/2023 Types d’ergonomie 3) Ergonomie organisationnelle: Optimisation des systèmes sociaux-techniques (structures organisationnelles, règles et processus). Communication et gestion des ressources des collectifs, conception du travail, conception des horaires de travail, travail coopératif, télétravail,...! 7 Principes d’ergonomie Deux principes importants sont à la base d’un produit ergonomique: Utilité : servir à la réalisation d'une activité humaine. Le système doit servir à quelque chose d'utile et faciliter la tâche de son utilisateur. Utilisabilité : caractérise la capacité d'un objet à être facilement utilisé par une personne donnée pour réaliser la tâche pour laquelle il a été conçu. Ergonomie = qui caractérise l'adaptation d'un système au travail et au bien-être des êtres humains (du grec ergon : travail et nomos : règle, loi naturelle). 8  20/11/2023 II. Critères ergonomiques de qualité Il existe de nombreuses recommandations recensées dans des guides ergonomiques telles que : II.1 Le référentiel de Bastien et Scapin II.2 Heuristiques de Nielsen II.3 Les règles d’or de Coutaz 9 II Critères ergonomique de qualité II.1 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Guidage Quatre manières pour améliorer le guidage Feed-back Incitation immédiat Guidage Groupement Lisibilité 12  20/11/2023 Guidage 1. Incitation : amener l’utilisateur à effectuer des actions précises afin de soulager sa charge cognitive, telle que la date où il faut ajouter un libellé pour indiquer son format de saisie (jj/mm/aa), ou bien griser certaines options des menus pour montrer à l’utilisateur qu’ils ne sont pas accessibles. À ne pas faire  imposer, sur-inciter  il n’est pas question de manipuler l’utilisateur ! 13 Guidage 2. Groupements (distinction par la localisation ou par format) Positionner les items les uns par rapport aux autres (par localisation), ou bien de donner aux éléments des caractéristiques graphiques particulières (par format), afin d'indiquer leurs appartenances, ou non, à une classe donnée d'objets. À ne pas faire 14  20/11/2023 Guidage 3. Feedback immédiat –Ca concerne les réponses de l’ordinateur consécutives aux actions des utilisateurs.  Apparaître sur l’écran les entrées effectuées par les utilisateurs  L’interruption d’un traitement par l’utilisateur ou suite à un événement, le système devrait fournir un message indiquant le retour à l’état précédant  Dans le cas où les traitements sont longs, une information devrait être affichée indiquant aux utilisateurs que les traitements sont en cours 15 Guidage 4. Lisibilité – Concerne la présentation des informations sur l’écran pouvant entraver ou faciliter la lecture de ces informations telles que  luminance des caractères  contraste et le fond  espacement entre les mots,  espacement entre les lignes,  espacement entre les paragraphes,  longueur des lignes, etc. À ne pas faire 16  20/11/2023 Le référentiel de Bastien et Scapin (1993) Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Charge de travail Un des principaux critères ergonomiques est de réduire la charge de travail. Ce qui consiste principalement à la réduction des activités perceptives, de mémorisation et de réalisation des actions par l’utilisateur (donnée et action courte). À ne pas faire 18  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Contrôle explicite Ce critère regroupe 2 aspects différents  La prise en compte par le système des actions des utilisateurs  Le contrôle des utilisateurs sur le traitement de leurs actions À ne pas faire  Enregistrement automatique sans autorisation explicite 20  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Adaptabilité La capacité à réagir selon le contexte et selon les besoins et les préférences des utilisateurs. L’IHM doit être doté d’une certaine flexibilité où il serait pris en compte de l'expérience de l'utilisateur. Il s’agit d’adapter l’IHM aux novices comme aux plus expérimentés.  Exemple: sous le bloc-notes, enregistrer le document en cours via l’item ‘Enregistrer’ du menu ‘Fichier’ ou via les raccourcis, À ne pas faire 22  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Gestion des erreurs Détecter et prévenir les erreurs d’entrées ou les actions dangereuses telles que la confirmation d’une suppression d’un fichier. Il faudrait toutefois donner des informations à l’utilisateur sur la nature de son erreur, et lui mettre des moyens à disposition pour que l’utilisateur puisse corriger ses erreurs. À ne pas faire 24  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Signifiance des codes et dénominations L’adéquation entre l'objet ou l'information affichée ou entrée, et son référent. Si les codes et les dénominations ne sont pas assez significatifs ceci peut mener à des erreurs, donc il doit y avoir une cohérence entre une icône ou un symbole et leur signification afin d’être compris par l’utilisateur. À ne pas faire 26  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Homogénéité Avoir un système qui conserve la logique d’usage au sein d’une application comme le faite d’utiliser des raccourcis qui se ressemblent au sein d’une même catégorie d’item d’un menu. À ne pas faire 28  20/11/2023 Le référentiel de Bastien et Scapin Critère Application Guidage Incitation, groupement et distinction entre items, feed-back immédiat, lisibilité Charge de travail Brièveté des messages, actions minimales, densité informationnelle Contrôle explicite Actions explicites et contrôle utilisateur Adaptabilité Flexibilité, prise en compte de l’expérience utilisateur Gestion des erreurs Protection contre les erreurs, qualité des messages d’erreur, correction des erreurs Signifiance des Adéquation entre objet /information et son référent codes et dénominations Homogénéité Logique d’usage (au sein d’une même application) Compatibilité Caractéristiques similaires entre différentes applications Compatibilité Avoir une cohérence entre les différentes applications (peut-être assimilée à l’homogénéité).  Exemple 1 : garder les mêmes raccourcis clavier pour la même tâche dans deux applications différentes,  Exemple 2 : même barre du menu entre Word et Excel. 30  20/11/2023 II Critères ergonomique de qualité II.2 Les 10 heuristiques de Nielsen 31 II Critères ergonomique de qualité II.3 Les 7 règles d’or de Coutaz 32  20/11/2023 III. Les GUIDES de STYLE Lecture à l’écran : parcours et organisation L'utilisateur ne parcourt pas toujours l'écran de la même manière. Lors de l'exploration rapide, l'utilisateur adopte un parcours en 'Z’ Pour organiser l'écran, il faut également prendre en compte :  La visibilité des zones.  Leur accessibilité à l'aide de la souris 33 III. Les GUIDES de STYLE Lecture à l’écran 34  20/11/2023 III. Les GUIDES de STYLE Lisibilité des couleurs Principe Contraste caractères/fond élevé Caractères sombres sur fond clair nombre de couleurs limité Risques contraste insuffisant qui limite la lisibilité éviter certaines combinaisons de couleurs limiter le nombre de couleurs 35 III. Les GUIDES de STYLE  Signification des couleurs Principe les couleurs ont une signification usuelle Risques mécompréhension de l’interface mésinterprétation du code couleur Solutions respecter les codes usuels utiliser des couleurs neutres s’il n’y a pas de besoin spécifique faire attention aux spécificités locales, culturelles 36  20/11/2023 III. Les GUIDES de STYLE  Principe des 2 secondes Principe la réponse du système ne doit mettre plus de 2 secondes à arriver Risques l’utilisateur peut relancer l’action Solutions actions rapides : indicateur d’action effectuée actions longues : indicateur dynamique d’action en cours 37 III. Les GUIDES de STYLE Principe des 3 clics Principe l’information souhaitée doit être accessible en 3 clics et rapidement. Risques l’utilisateur peut abandonné la tâche Solutions Rendre les actions importantes accessibles directement ou au moins rapidement Adapter à la situation 38  20/11/2023 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window -Icon-Menu-Pointer W : Window => Systèmes de fenêtrage. Multifenêtrage : - sans superposition : mosaïque; -avec superposition => Problèmes : informations masquées + Perte de temps d’accès à la fenêtre masquée. Hiérarchique : - fenêtre d’application avec fenêtres filles. 39 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window -Icon-Menu-Pointer (a) Fenêtres de dialogue: Fenêtre permettant l’interaction entre le système et l’utilisateur (a)- Fenêtres modales :  prend le contrôle total de l’écran et le clavier jusqu’à ce la question posée soit répondue par l’utilisateur; (b)- Fenêtres non modales :  on peut passer de la fenêtre de dialogue à la fenêtre principale; (b) 40  20/11/2023 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window –Icon -Menu-Pointer 41 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window- Icon -Menu-Pointer 42  20/11/2023 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window-Icon- Menu -Pointer 43 IV. Ergonomie des interfaces WIMP  Exemples de styles d’interaction : WIMP : Window-Icon-Menu- Pointer 44