Interface Homme-machine (interaction humain-machine) Emna Hakem

1. Interface Homme-machine (interaction humain-machine) EmnaHakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul 2eme année Licence Fondamentale IAG Année universitaire 2011-2012 H.Emna(FSEGN) Interface Homme Machine 2011-2012

2. Plan du cours H.Emna(FSEGN) Interface Homme Machine 2011-2012

3. Méthodologiede conception • Environ 70% des coûts d’un logiciel interactif sont consacrés à la conception de l’interface utilisateur • [Bill Buxton,1991] Pourquoi faut il s’intéressé à la conception des IHM? • Plus de 1/3 des projets d’envergure de développement de logiciels sont annulés. • En moyenne, un projet dure deux fois plus longtemps que prévu • 3/4 des applications informatiques d’envergure représentent des défaillances opérationnelles et ne fonctionnent pas tel que prévu initialement • [Software Engineering Institute,1995] H.Emna(FSEGN) Interface Homme Machine 2011-2012

4. Méthodologiede conception H.Emna(FSEGN) Interface Homme Machine 2011-2012

5. Méthodologiede conception Méthodologie de conception • Développement en cascades • Le modèle itératif des 4 phases • Cycle de vie basé sur l’utilisabilité (« Usability lifecycle ») (J. Nielsen, 1992) • Prototypage et design participatif • de basse fidélité (lo-fi) • de haute fidélité (hi-fi) H.Emna(FSEGN) Interface Homme Machine 2011-2012

6. Méthodologiede conception Modèle en cascade : H.Emna(FSEGN) Interface Homme Machine 2011-2012

7. Méthodologiede conception Inconvénients • Les projets réels sont de nature non séquentielle comme le suppose ce modèle • Fige les besoins dès le début (en particulier pour l’interface usager) • Obtentiontrop tardive d’uneversion exécutable • Évaluation trop tardive(après l’effort de codage) (voir acétate suivante) Modèle en cascade : H.Emna(FSEGN) Interface Homme Machine 2011-2012

8. Méthodologiede conception Avantages • Étapes génériques dans la plupart des paradigmes du Génie logiciel • Modèle le plus couramment utilisé dans les projets de grande envergure • Préférable à tout autre modèle aléatoire • Permet la gestion de la production du logiciel Modèle en cascade : H.Emna(FSEGN) Interface Homme Machine 2011-2012

9. Méthodologiede conception 1 Collecter et analyser l’information de l’utilisateur Modèle en 4 phases : 2 Conception de l’interface utilisateur 3 Développer l’interface utilisateur 4 Valider l’interface utilisateur H.Emna(FSEGN) Interface Homme Machine 2011-2012

10. Méthodologiede conception Modèle itératif en 4 phases : H.Emna(FSEGN) Interface Homme Machine 2011-2012

11. Méthodologiede conception Modèle itératif en 4 phases : Phase 1: analyse de l’information Déterminer les profils usagers Effectuer une analyse de tâches Collecter les besoins usagers Analyser le contexte de l’usager Faire coller les besoins aux tâches H.Emna(FSEGN) Interface Homme Machine 2011-2012

12. Méthodologiede conception Modèle itératif en 4 phases : Phase 2: Conception de l’interface usager Définir les objectifs d’utilisabilité Développer des scénarios de tâches Définir les objets et les actions de l’interface Déterminer les icônes objets et les représentations visuelles Concevoir les menus fenêtres et objets Raffiner le design visuel H.Emna(FSEGN) Interface Homme Machine 2011-2012

13. Méthodologiede conception Modèle itératif en 4 phases : Phase 3: développement Il est simplement impossible de nos jours de concevoir une interface utilisateur compétitive sans disposer dès les premiers pas du processus de bons et de puissants outils de prototypage. [Edward Tufte,1994] H.Emna(FSEGN) Interface Homme Machine 2011-2012

14. Méthodologiede conception Modèle itératif en 4 phases : Phase 4: Evaluation Va être traiter dans le chapitre suivant H.Emna(FSEGN) Interface Homme Machine 2011-2012

15. Méthodologiede conception Cycle de vie basé sur l’utilisabilité : • Modèle dû à Jakob Nielsen (1992) • Développé par Deborah Mayhew (1999) • Centré sur le concept d’utilisabilité • Extension de la version des principes de Gould et Lewis (1985): • Focus dès le début sur les utilisateurs • Implication de l’utilisateur dans le processus de conception • Évaluation continuelle • Approche itérative H.Emna(FSEGN) Interface Homme Machine 2011-2012

16. Méthodologiede conception Cycle de vie basé sur l’utilisabilité : Pas forcément de suivre les 9 principes heuristiques, l’auteur suggéré de suivre les 3 principes suivants: Visiter le site du client avant le démarrage du projet Adopter la conceptionitérativeet participative Prototyperet évaluer continuellement avec de vrais utilisateurs les plus représentatifs possible de la population cible d’usagers H.Emna(FSEGN) Interface Homme Machine 2011-2012

17. Méthodologiede conception L’approche de type Prototypage : H.Emna(FSEGN) Interface Homme Machine 2011-2012

18. Méthodologiede conception L’approche de type Prototypage : Principes: • Anticipation • Expérimentation • Rétroaction (« feedback ») • Flexibilité • Interaction informaticien-utilisateur H.Emna(FSEGN) Interface Homme Machine 2011-2012

19. Méthodologiede conception L’approche de type Prototypage : objectifs: • Vérifier un modèle ou valider à priori de nouvelles idées • Démontrer les principales fonctionnalités d’un système futur et examiner celles qui posent problème • Faciliter et maintenir la communication entre l’informaticien et l’utilisateur • Former l’utilisateur participant dès le début H.Emna(FSEGN) Interface Homme Machine 2011-2012

20. Méthodologiede conception L’approche de type Prototypage : objectifs: • Découvrir de nouveaux besoins par une approche WYSIWIG • Explorer de nouvelles avenues dans le développement de systèmes • Valider les modèles conceptuel, fonctionnel et physique de données ainsi que les aspects esthétique et convivial de l’interface H.Emna(FSEGN) Interface Homme Machine 2011-2012

21. Méthodologiede conception L’approche de type Prototypage : Catégories de prototype: Il existe principalement 3 catégories : • les maquettes • les prototypes exploratoires • les prototypes évolutifs H.Emna(FSEGN) Interface Homme Machine 2011-2012

22. Méthodologiede conception L’approche de type Prototypage : Catégories de prototype: Maquette • Orientées vers la simulation de différents modes d’interaction possibles et prévus • Prototypes dits « jetables » (c-a-dnon réutilisables dans l’application finale) • 2 types de maquettes: • maquettes papier • maquettes affichées H.Emna(FSEGN) Interface Homme Machine 2011-2012

23. Méthodologiede conception L’approche de type Prototypage : Catégories de prototype: Prototype exploratoire • Éclairage particulier sur l’une des phases de développement • Non développé en vue d’être incorporé dans le produit final • Permet de mieux choisir parmi un ensemble possible d’alternatives de conception H.Emna(FSEGN) Interface Homme Machine 2011-2012

24. Méthodologiede conception L’approche de type Prototypage : Catégories de prototype: Prototype évolutif • Mise en place d’une version simple d’un sous systèmeréel en vue de vérifier des hypothèses sur les fonctionnalités et la convivialité de l’interface • Évolue vers le système final par raffinements successifs H.Emna(FSEGN) Interface Homme Machine 2011-2012

25. Méthodologiede conception L’approche de type Prototypage : situations favorables pour au prototypage: • Usager incapable de graduer ses besoins • Besoins mouvants • Souplesse exigée : incapacité à distinguer les parties stables • Système très interactif, convivialité critique de l’interface utilisateur • Système informationnel (SIG, SIAD, SIE, etc) H.Emna(FSEGN) Interface Homme Machine 2011-2012

26. Méthodologiede conception L’approche de type Prototypage : situations favorables pour au prototypage: • Usagers réticents à se familiariser avec les outils informatiques • Vérification de concepts nouveaux • Nouveau domaine d’application pour l’informaticien • Usagers souhaitant pouvoir utiliser hâtivement une version incomplète du système H.Emna(FSEGN) Interface Homme Machine 2011-2012

27. Méthodologiede conception Technique de Design participatif • Techniques basées sur l’idée de démocratie • Importance croissante dans les années 1980 (législation pays scandinaves) • Techniques aujourd’hui très efficaces et très concluantes (connues sous le vocable de Techniques de Design participatif) H.Emna(FSEGN) Interface Homme Machine 2011-2012

28. Méthodologiede conception Technique de Design participatif • Approche basée sur la collaboration active d’utilisateurs et d’informaticiens dans la conception d’un système • Le design participatif considère les utilisateurs comme étant de véritables« collaborateurs » et non de simples « approbateurs » H.Emna(FSEGN) Interface Homme Machine 2011-2012

29. Méthodologiede conception Technique de Design participatif principes: • Sélection des participants (constitution de l’équipe de design) • Formation (workshop informel) sur l’objet du design • Désignation d’un animateur (ou facilitateur) • Utilisation d’outils et de techniquesadaptés à des utilisateurs H.Emna(FSEGN) Interface Homme Machine 2011-2012