Ergonomie pour la mise en ligne de ressources

Transcription

1 Université de Printemps Bordeaux III juin 2005 Ergonomie pour la mise en ligne de ressources nicole.lompre@univ-pau.fr Plan 1. Définition de l'ergonomie et historique 2. Démarche ergonomique (ISO 13407) et méthodes utilisées (ISO/TR 16982) 3. Normes ergonomiques ISO Normes multimédia ISO Guide pour l'évaluation des interfaces 6. Recommandations pour la conception à travers des exemples 7. Conclusion et bibliographie 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 2/88 ERGONOMIE - nicole.lompre@univ-pau.fr 1

2 1. Définition D ergonomie Définition de la Société d Ergonomie de Langue Française (SELF) : compréhension fondamentale des interactions entre les êtres humains et les autres composantes d un système et la mise en œuvre dans la conception de théories, de principes, de méthodes et de données pertinentes afin d'améliorer le bienêtre des hommes et l'efficacité globale des systèmes» Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 3/88 1. Définition D ergonomie Compatibilité entre l homme et le système Logique Utilisateur Logique Concepteur 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 4/88 ERGONOMIE - nicole.lompre@univ-pau.fr 2

3 1. Rapide historique Beaucoup d'idées sur les interfaces utilisateurs ont été développées ou affinées au PARC dans les années 70 : Familiar user's conceptual model Seeing and pointing versus remembering and typing What you see is what you get (WYSIWYG) Universal commands Consistency Simplicity Modeless interaction User tailorability 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 5/88 2. Démarche D ergonomique Cycle de vie en V (d après Fichot et Romain, 1990) Spécifications des besoins du logiciel Validation Conception préliminaire Intégration Conception détaillée Tests Codage 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 6/88 ERGONOMIE - nicole.lompre@univ-pau.fr 3

4 Analyse du travail 2. Démarche D ergonomique Critique des ergonomes Spécifications des besoins du logiciel Evaluation Validation Conception préliminaire Maquettes Evaluation Intégration Evaluation Conception détaillée Evaluation Tests Evaluation Codage Evaluation 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 7/88 2. Démarche D ergonomique Processus de conception UCD User Centered Design Norme ISO (1999) 4 conditions principales permettant de créer un produit (matériel ou logiciel) centré sur l'opérateur humain. Elle ne traite pas de méthodes spécifiques Pour cela, voir ISO/TR (2002) 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 8/88 ERGONOMIE - nicole.lompre@univ-pau.fr 4

5 2. Démarche D ergonomique 4 principes de base : ISO (1999) 1. Répartition appropriée des fonctions entre l'utilisateur et le système en fonction des capacités de l'opérateur humain et des exigences de la tâche. 2. Participation active des utilisateurs améliorer le nouveau système et son acceptation. 3. Itération de la conception des systèmes feed-back de la part des utilisateurs après utilisation des premières solutions de conception. 4. Equipes de conception pluridisciplinaires Élaboration d'un processus collaboratif conduisant à la participation active des différentes parties, dont chacune a des points de vue et des expertises à partager. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 9/88 Equipes de conception pluridisciplinaires ISO NF ISO Septembre /03/2007 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 10 ERGONOMIE - nicole.lompre@univ-pau.fr 5

6 2. Démarche D ergonomique 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 11/88 2. Démarche D ergonomique Accroître l utilisabilité des systèmes Norme ISO (1999) 1. Plus faciles à comprendre et à utiliser (réduction des frais de formation, de l assistance technique) 2. Augmentation de la satisfaction de l utilisateur, diminution des gênes et contraintes 3. Augmentation de la productivité (utilisateurs, entreprises) 4. Qualité, esthétique et impact du produit (avantages par rapport aux concurrents). 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 12/88 ERGONOMIE - nicole.lompre@univ-pau.fr 6

7 2. MéthodesM ISO/TR en Observations 2. Mesures des performances 3. Incidents critiques 4. Questionnaires 5. Interviews 6. Penser à haute voix 7. Conception et évaluation collaboratives 8. Méthodes de créativité 9. Méthodes basées sur des documents 10. Approches basées sur des modèles 11. Évaluation par expertise 12. Évaluation automatisée 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 13/88 2. MéthodesM Choix des méthodes m d'utilisabilité (UM) ISO/TR (2002) Facteurs influençant le choix des méthodes : 1. Etapes du cycle de vie 2. Caractéristiques des utilisateurs 3. Caractéristiques de la tâche à exécuter 4. Produit ou système lui-même 5. Contraintes du projet 6. Degré d'expertise en ergonomie disponible au sein de l'équipe 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 14/88 ERGONOMIE - nicole.lompre@univ-pau.fr 7

8 2. MéthodesM AFNOR - ISO/TR (2002) 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 15/88 3. Normes ergonomiques ISO normes ISO 9241 Comité ISO/TC 159 et CEN/TC Introduction générale 2. Guide général sur les exigences des tâches 3. Ecrans de visualisation 4. Claviers 5. Aménagement du poste et Postures 6. Environnement de travail 7. Qualité des affichages concernant les réflexions 8. Couleurs affichées 9. Dispositifs d'entrée autres que les claviers 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 16/88 ERGONOMIE - nicole.lompre@univ-pau.fr 8

9 3. Normes ergonomiques ISO Principes de dialogue (1996) 10. Lignes directrices utilisabilité (1998) 11. Présentation de l information l (1999) 12. Guidages de l'utilisateur 13. Dialogues menu 14. Dialogues langage de commande 15. Dialogues manipulation directe 16. Dialogues remplissage de formulaires. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 17/88 3. Normes ergonomiques ISO 9241 La définition d de l utilisabilitl utilisabilité - ISO (1998) 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 18/88 ERGONOMIE - nicole.lompre@univ-pau.fr 9

10 3. Normes ergonomiques ISO 9241 Mesurer l utilisabilité Degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d'utilisation spécifié 1. Efficacité 2. Efficience 3. Satisfaction 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 19/88 3. Normes ergonomiques ISO 9241 Efficacité Effectiveness Précision et degré d'achèvement selon lesquels l utilisateur atteint des objectifs spécifiés Nombre de fonctions apprises % d utilisateurs pour atteindre le critère de compétence Efficience Efficiency Rapport entre les ressources dépensées et la précision et le degré d'achèvement selon lesquels l utilisateur atteint des objectifs spécifiés Temps d apprentissage pour apprendre le critère de compétence Satisfaction : Absence d inconfort et attitudes >O dans l utilisation du produit 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 20/88 ERGONOMIE - nicole.lompre@univ-pau.fr 10

11 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 1. Adaptation à la tâche 2. Caractère auto-descriptif 3. Contrôle utilisateur 4. Conformité aux attentes utilisateur 5. Tolérance à l erreur 6. Aptitude à l individualisation 7. Facilité d apprentissage 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 21/88 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 1) Adaptation à la tâche Éliminer toutes les informations qui ne concernent pas la tâche Ensemble d entrées alternatives 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 22/88 ERGONOMIE - nicole.lompre@univ-pau.fr 11

12 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 2) Caractère auto-descriptif Immédiatement compréhensible grâce au retour d information du système ou expliqué à la demande de l utilisateur 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 23/88 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 3) Contrôle utilisateur 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 24/88 ERGONOMIE - nicole.lompre@univ-pau.fr 12

13 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 4) Conformité aux attentes utilisateur Messages d état du système Touche F1 = Aide Vocabulaire familier à l utilisateur Le curseur est positionné 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 25/88 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 5) Tolérance à l erreur 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 26/88 ERGONOMIE - nicole.lompre@univ-pau.fr 13

14 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 6) Aptitude à l individualisation 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 27/88 3. Normes ergonomiques ISO 9241 ISO (1996) 7 principes de dialogue 7) Facilité d apprentissage Emplacements standards Etayer les stratégies d apprentissage - Compréhension (vue globale, puis explications) - Action (tester des exemples) - Possibilité de constituer ses propres règles de mémorisation 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 28/88 ERGONOMIE - nicole.lompre@univ-pau.fr 14

15 3. Normes ergonomiques ISO 9241 ISO (1996) Résumé 7 principes de dialogue 1. Adaptation à la tâche 2. Caractère auto-descriptif 3. Contrôle utilisateur 4. Conformité aux attentes utilisateur 5. Tolérance à l erreur 6. Aptitude à l individualisation 7. Facilité d apprentissage 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 29/88 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 1) Clarté transmis rapidement et avec précision Ex: différentes parties avec des couleurs 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 30/88 ERGONOMIE - nicole.lompre@univ-pau.fr 15

16 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 2) Discriminabilité distinguée avec précision Ex : voix / fond de musique 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 31/88 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 3) Concision uniquement les informations nécessaires à l'exécution de la tâche Ex : image/ explication orale 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 32/88 ERGONOMIE - nicole.lompre@univ-pau.fr 16

17 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 4) Cohérence la même information est présentée de manière identique sur toute l'application Ex : contrôles vidéo/son 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 33/88 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 5) Détectabilité l attention de l utilisateur est dirigée vers l'information demandée Ex : Détecter les boutons de navigation 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 34/88 ERGONOMIE - nicole.lompre@univ-pau.fr 17

18 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 6) Lisibilité facile à lire Ex : Texte défilant /vitesse de lecture 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 35/88 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations 7) Compréhensibilité le sens est clairement compréhensible, sans ambiguïté Ex : 3D 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 36/88 ERGONOMIE - nicole.lompre@univ-pau.fr 18

19 3. Normes ergonomiques ISO 9241 ISO (1999) Résumé - Présentation des informations 1. Clarté 2. Discriminabilité 3. Concision 4. Cohérence 5. Détectabilité 6. Lisibilité 7. Compréhensibilité 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 37/88 3. Normes ergonomiques ISO 9241 ISO (1999) Présentation des informations Recommandations générales sur : Le placement des informations Adéquation des fenêtres Emplacement homogène des zones Groupes, Listes, Tableaux, Labels, Champs Sens des codes, codages graphiques, marqueurs 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 38/88 ERGONOMIE - nicole.lompre@univ-pau.fr 19

20 3. Normes ergonomiques ISO 9241 ISO (1999) Regroupement 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 39/88 3. Normes ergonomiques ISO 9241 ISO (1999) Loi de proximité Les éléments rapprochés appartiennent les uns aux autres 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 40/88 ERGONOMIE - nicole.lompre@univ-pau.fr 20

21 3. Normes ergonomiques ISO 9241 ISO (1999) Loi de similarité L observateur associe les éléments similaires et perçoit des colonnes 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 41/88 3. Normes ergonomiques ISO 9241 ISO (1999) Loi de fermeture Si les groupes sont séparés dans l espace, l observateur tente de créer une figure cohérente 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 42/88 ERGONOMIE - nicole.lompre@univ-pau.fr 21

22 4. Normes Multimédia ISO NF EN ISO (2002) Principes et cadre de conception NF EN ISO (2001) Navigation et contrôles multimédias NF EN ISO (2002) Sélection et combinaison des médias Future ISO (2005) Applications Web 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 43/88 4. Normes Multimédia ISO Principes et cadre de conception 1. Objectifs et principes de conception 2. Conception du contenu/interaction/medias 3. Processus de conception et de développement Les informations multimédias de doivent pas être déroutantes, lassantes ou contraignantes. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 44/88 ERGONOMIE - nicole.lompre@univ-pau.fr 22

23 4. Normes Multimédia ISO I.Objectifs et principes de conception I.1 Généralités Développées pour des besoins de communication : Transmettre des informations à l utilisateur Prendre en charge l exécution des tâches Assurer l enseignement et la formation Caractéristiques spécifiques du multimédia : Charge perceptive potentiellement élevée Complexité structurelle et sémantique Volume important d informations à transmettre et la manipulation de données ou d informations 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 45/88 4. Normes Multimédia ISO I. Objectifs et principes de conception I.2 Principes de dialogue Application des 7 principes de dialogue ISO Adaptation à la tâche 2. Caractère autodescriptif 3. Contrôle utilisateur 4. Conformité aux attentes de l utilisateur 5. Tolérance à l erreur 6. Aptitude à l individualisation 7. Facilité d apprentissage 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 46/88 ERGONOMIE - nicole.lompre@univ-pau.fr 23

24 4. Normes Multimédia ISO I. Objectifs et principes de conception I.3 Quatre principes de conception spécifiques au multimédia (a) Objectif de communication Répondre aux objectifs du concepteur (enseigner, informer, distraire). (résumer, expliquer, présenter, convaincre, justifier, impressionner ou motiver) Et à l objectif ou à la tâche des utilisateurs. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 47/88 4. Normes Multimédia ISO I. Objectifs et principes de conception I.3 Quatre principes de conception spécifiques au multimédia (b) Perception et compréhension si les infos sont aisément perçues et comprises ISO Réduire la surchage perceptive Réduire la surchage informationnelle/temps Gérer la surcharge des activités supplémentaires Différences de perception Les medias aident vraiment la compréhension 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 48/88 ERGONOMIE - nicole.lompre@univ-pau.fr 24

25 4. Normes Multimédia ISO Objectifs et principes de conception I.3 Quatre principes de conception spécifiques au multimédia (c) Adaptation à l exploration Capable d explorer l application Mise en évidence de la position courante Navigation cohérente et transparente Mettre à disposition des chemins alternatifs Structurer des informations Retours possibles aux points significatifs Fournir des outils de recherche Envisager des médias différents 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 49/88 4. Normes Multimédia ISO Objectifs et principes de conception I.3 Quatre principes de conception spécifiques au multimédia (d) Adaptation à l engagement Une application multimédia doit être conçue pour être attrayante attirer l attention des utilisateurs et les motiver à interagir avec elle 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 50/88 ERGONOMIE - nicole.lompre@univ-pau.fr 25

26 5. Guide pour l él évaluation 1. Analyse du travail et besoins métiers Observations sur le site de travail Entretiens / Questionnaires avec les utilisateurs Comparaison entre les modes prescrits et les modes réalisés 2. Sélection d un panel représentatif des futurs utilisateurs 3. Elaboration d un scénario de tâches 4. Bancs de tests, observations et entretiens 5. Analyse des données 6. Diagnostic, rapport de synthèse Echantillon le plus représentatif du métier Comparaison débutants/expérimentés Minimum 6 personnes Scénario de tâches établi avec expert du domaine Tâches les plus couramment effectuées Pré-test du scénario Réalisation du scénario de tâches avec utilisateurs Enregistrement audio et/ou vidéo, Prises de notes Entretien et questionnaire supplémentaires Analyses des notes, enregistrements vidéo Identifier, classifier les problèmes d utilisation Utilisation des normes ISO Synthèse fidèle des problèmes rencontrés Propositions de solutions avec chef de projet Suivi des solutions et évaluations itératives 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 51/88 5. Guide pour l él évaluation Le rapport d évaluation ISO Annexe B 1. Résumé à l intention du décideur 2. Produit évalué 3. Objectifs de l évaluation 4. Contexte d utilisation 5. Plan de mesurage (utilisateurs, méthodes, chronologie) 6. Résultats (7 parties) 7. Recommandations 8. Appendices 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 52/88 ERGONOMIE - nicole.lompre@univ-pau.fr 26

27 5. Guide pour l él évaluation Les résultats du rapport d évaluation ISO Annexe B 1. Généralités 2. Analyses de bandes vidéo 3. Conception de l interface utilisateur 4. Flux d activités et traitement 5. Formation 6. Témoignages de l utilisateur 7. Questionnaires de réaction des utilisateurs 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 53/88 5. Guide pour l él évaluation Grille d'évaluation du site de Aude Dufresne 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 54/88 ERGONOMIE - nicole.lompre@univ-pau.fr 27

28 5. Guide pour l él évaluation Grille d'évaluation du site de Aude Dufresne 1. Un manuel explicatif sur comment installer le cédérom est fourni. 2. La date et le producteur (pays) sont indiqués. 3. Les objectifs et les intérêts du didacticiel sont clairement présentés. 4. Le langage employé est adapté au public et l'orthographe et la grammaire sont parfaits. 5. Les pages sont titrées et contiennent une introduction pour les tâches à effectuer (âge et niveau indiqués). 6. Les informations sont présentées en forme entonnoir et le contenu général est présenté sous forme progressive. 7. La présentation de la théorie est appuyée par des exemples et contre-exemples faisant référence au monde réel. 8. Dans le contenu, les informations sont traitées de façon redondante pour favoriser la rétention des savoirs. 9. Des éléments multimédias sont présents pour appuyer le contenu. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 55/88 5. Guide pour l él évaluation 10. Les exercices et tests évaluatifs sont traités sous forme de résolution de problèmes. 11. L apprenant peut recommencer après une réponse erronée. 12. En réponse aux exercices, le didaticiel fournit une rétroaction informative et visuelle. 13. Le didacticiel encourage la motivation grâce au renforcement positif (message textuel, sonore ou animé) 14. Le didacticiel s'adapte aux besoins de l apprenant (choix de la démarche pédagogique, du rythme de travail). 15. L'apprenant a accès à une carte générale du contenu du cédérom ou du site Web. 16. Le didacticiel propose des scénarios pédagogiques pour intégrer le cédérom ou le site Web dans un cours. 17. L'apprenant peut enregistrer son travail et recommencer à l'endroit où il l'a quitté. 18. Le formateur a la possibilité d imprimer ou de consulter les résultats de l apprenant. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 56/88 ERGONOMIE - nicole.lompre@univ-pau.fr 28

29 6. Exemples 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 57/88 6. Exemples Koyanl Susan J., Balley Robert W., Nall Janke R. (2003). Research-Based Web Design & Usabbility Chapitre Utiliser des videos, animations et audio qui ont du sens 2. Inclure un logo à la même place sur toutes les pages 3. Eviter de mettre de grandes images s il y a du texte en dessous 4. Limiter l'utilisation des images 5. Étiqueter toutes les images cliquables 6. Les images ne doivent pas ralentir le téléchargement des pages 7. Utiliser des images réduites pour prévisualiser les grandes images 8. Les images ne doivent pas ressembler à des bannières publicitaires 9. Utiliser des images simples pour le fond 10. Ajouter les données réelles aux données graphiques 11. Afficher les données dynamiques sous forme graphique 12. Introduire les animations 13. Les images du site portent bien les messages que vous voulez faire passer 14. Utiliser les images pour faciliter l apprentissage 15. Utiliser des images issues du monde réel 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 58/88 ERGONOMIE - nicole.lompre@univ-pau.fr 29

30 Sanjay J. Koyanl, Robert W. Balley, Janke R. Nall and all Research-Based Web Design & Usability Guidelines National Cancer Institute Chapitre 14 Graphiques, Images et Multimédia Résumé des 15 recommandations Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré 14.1 Utiliser des videos, animations et audio qui ont du sens Les éléments multimédias attirent l'attention. Eviter de distraire inutilement des utilisateurs. Montrer le délai de téléchargement Les utiliser pour ajouter une grande valeur au contenu : diriger l'attention des utilisateurs vers l information la plus importante et dans l ordre voulu. Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 30

31 14.2 Inclure un logo à la même place sur toutes les pages La plupart des logos sont placés en haut à gauche Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré 14.3 Eviter de mettre de grandes images s il y a du texte en dessous Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 31

32 14.4 Limiter l'utilisation des images A moins qu elles apportent une valeur ajoutée et augmentent la clarté de l information Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré 14.5 Étiqueter toutes les images cliquables Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 32

33 14.6 Les images ne doivent pas ralentir le téléchargement des pages 1. Affichage en 5 secondes : «bon» 2. Au-delà de 10 secondes : «frustration des utilisateurs» 3. Limiter la taille d une page à 30 kb. Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré 14.7 Utiliser des images réduites pour prévisualiser les grandes images Ce sont les utilisateurs qui décident s ils veulent voir l image en grand Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 33

34 14.8 Les images ne doivent pas ressembler à des bannières publicitaires Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré 14.9 Utiliser des images simples pour le fond Les images complexes augmentent : 1. La difficulté de lecture du texte 2. Le téléchargement Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 34

35 14.10 Ajouter les données réelles aux données graphiques Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré Afficher les données dynamiques sous forme graphique Pour détecter des changements critiques ou des valeurs anormales Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 35

36 14.12 Introduire les animations Ajouter une explication avant de lancer une vidéo Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré Assurez-vous que les images du site portent bien les messages que vous voulez faire passer Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 36

37 14.14 Utiliser les images pour faciliter l apprentissage Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré Utiliser des images issues du monde réel Koyanl, Baley, Nall and all, Research-Based Web Design & Usability Guidelines National Cancer Institute, Communication Technologies branch Traduction libre : Nicole Lompré ERGONOMIE - nicole.lompre@univ-pau.fr 37

38 7. Conclusion 4 variables pour les pages Web (Nicole Lompré, 1999) Variables contextuelles Variables pertinentes Variables explicatives Variables opératoires 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 75/88 1. Variables contextuelles Se situer sur une page, quelque soit le déroulement des actions 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 76/88 ERGONOMIE - nicole.lompre@univ-pau.fr 38

39 2. Variables pertinentes Rubriques cliquables, classées par thèmes Pertinentes par rapport aux besoins des utilisateurs 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 77/88 3. Variables explicatives Donner des explications sur les différentes rubriques proposées 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 78/88 ERGONOMIE - nicole.lompre@univ-pau.fr 39

40 4. Variables opératoires Créer une dimension interactive avec les utilisateurs pour répondre à des besoins particuliers. Plan du site Mots-clés du site Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 79/88 Conclusion Modèle à 4 variables permet de : - Mettre en place ensemble, des règles de conception - Structurer toutes les pages Web - Réfléchir aux modes de navigation - Mieux repérer les informations. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 80/88 ERGONOMIE - nicole.lompre@univ-pau.fr 40

41 Conclusion Intégrer les utilisateurs dès la conception Simplicité dans la Re-conception Re-tester les interfaces!!!! Efficacité Efficience Satisfaction 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 81/88 7. Bibliographie AFNOR (2003). Ergonomie de l informatique. Aspects logiciels, matériels et environnementaux, Recueil Normes Informatique, ISBN Barroca C. (2003) Graphisme et ergonomie des sites web, Dunod. Bastien, J. M.C., Leulier, C., & Scapin, D.L. (1998). «L'ergonomie des sites web», in J.-C. Le Moal & B. Hidoine (Eds.), Créer et maintenir un service Web, Cours INRIA Pau, 27/09-2/10/98, pp , Paris : ADBS. Et livres.html Brangier E., Barcenilla J. (2003). Concevoir un produit facile à utiliser, Editions d organisation Coutaz J. (1990).Interfaces homme-ordinateur, Conception et réalisation, Dunod informatique. de Montmollin M. (1986). L'ergonomie, Editions La Découverte, Réedition en Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 82/88 ERGONOMIE - nicole.lompre@univ-pau.fr 41

42 7. Bibliographie de Terssac G. (1991). L'ergonomie cognitive peut-elle se passer de sociologie?, Le Travail Humain, tome 54, n 4. Falzon P. (2004), Ergonomie, PUF (Presses Universitaires de France), ISBN Guillevic C. (1991). Psychologie du travail, Nathan Université. Koyanl Susan J., Balley Robert W., Nall Janke R. (2003). Research-Based Web Design & Usabbility Guidelines, National Cancer Institute, Communication Technology Branch. Leplat J. (1992). L'analyse du travail en psychologie ergonomique, Recueil de textes, Tome 1, Octarès Editions. Leplat J. (2000). L'analyse psychologique de l'activité en ergonomie, Editions Octarès Toulouse. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 83/88 7. Bibliographie Lompré N. (1999). «Usages de conception des pages Web et recommandations ergonomiques», Actes du 2ème Colloque International Usages & Services des Télécommunications, Arcachon, 7-9 juin 99, pp Lompré N. Cours sur le Web, Menadier J-P. (1991). L'interface utilisateur : pour une informatique plus conviviale, Dunod. Milon M.T., Cours en ligne sur le Web Nielsen J. (2000). Conception de sites Web. L art de la simplicité, Campus Press Nielsen J., Tahir M. (2002). L'art de la page d'accueil : 50 sites web passés au crible, Eyrolles. 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 84/88 ERGONOMIE - nicole.lompre@univ-pau.fr 42

43 7. Bibliographie Nogier J.F (2001). Ergonomie du logiciel et Design web, Le manuel des interfaces utilisateurs, Dunod (3ème édition 2005). Pavard B. (1994). Systèmes coopératifs: de la modélisation à la conception, Editions Octarès Toulouse. Rabardel et ali. (1998). Ergonomie concepts et méthodes, Octares Entreprises. Ratier C. L ergonomie à la DSI du CNRS Scapin D.L. (1990). Des critères ergonomiques pour l'évaluation et la conception d'interfaces utilisateurs, Actes du XXVIè Congrès SELF, Montréal, Institut de recherche en Santé et Sécurité au Travail du Québec. Sperandio J. C. (1980). La psychologie en ergonomie, PUF, Le psychologue. Sperandio J. C. (1988). L'Ergonomie du travail mental, Masson (2e édition). 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 85/88 7. Bibliographie Sperandio J-C., Wolff M. (2002). Formalismes de modélisation pour l'analyse du travail et l'ergonomie, PUF, Le Travail humain. La mine en ergonomie. Autres grilles d éd évaluation Multimédia Denis Lamy Article de Yamina Zellouf et ali (multimédia) 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 86/88 ERGONOMIE - nicole.lompre@univ-pau.fr 43

44 7. Bibliographie 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 87/88 Contacts Nicole Lompré Laboratoire Société Environnement Territoire UMR 5603 du CNRS et Université de Pau Domaine Universitaire IRSAM, Pau Tél : Fax : Courriel : nicole.lompre@univ-pau.fr Site Web Ergonomie : 10 Juin 2005 Nicole Lompré - Laboratoire SET - UMR 5603 du CNRS et Université de Pau 88/88 ERGONOMIE - nicole.lompre@univ-pau.fr 44