L’IHM, pourquoi ? Interaction Hommes Machines [email protected] Logiciel d’apprentissage de l’alphabet pour des enfants de 3 à 5 ans Question ? L’IHM, c’est quoi ? “Discipline qui touche à la conception, l'implémentation et la validation de systèmes interactifs utilisés par les hommes ainsi que sur l'étude des phénomènes majeurs les environnant” (Hewett, 92) “Conception de systèmes informatiques qui soutiennent des personnes de sorte qu'elles puissent effectuer leurs activités de manière productive et sans risque” (Preece, 94) “Science qui détermine les causes qui permettent de rendre l’informatique plus utilisable par des personnes” (Dix, 94) L’IHM, c’est qui ? L’IHM, c’est qui ? Trois piliers : ! ! ! L’homme La machine l’interaction IU : composant avec lequel l’utilisateur communique avec un système informatique Interface Interaction Utilisateur Modélisation de l'IHM (Hewett, 92) L’IHM, c’est qui ? L’IHM, quel rôle ? Autre variante : Les contextes : ! ! ! ! L’homme La tâche La technologie Le contexte Tâche Contexte Conception Technologie Utilisateur L’IHM, pourquoi ? ! ! ! L’IHM, un exemple Plus de 60% du code d’un système informatique est dédié à son IU Une large part du succès d’une IU dépend de son utilisabilité Utilisable ! ! Mobile computing (Hinckley, 2000) Intuitif : facile à apprendre et à mémoriser Efficace : rapide et robuste L’IHM, grâce à qui ? L’IHM, grâce à qui ? ! ! Informatique Psychologie et science cognitive ! ! ! Sociologie et anthropologie ! ! Disciplines liées à l’IHM Interactions entre la technologie, l’environnement (e.g., travail) et l’organisation Ergonomie ! ! Connaissance du comportement humain ainsi de son processus mental Connaissance de la nature et les causes du comportement humain dans son contexte social Connaissance des capacités physiques d’un utilisateur Linguistique, intelligence artificielle, business, designer L’IHM, mais comment ? L’IHM, mais comment ? 1. 2. 3. 4. 5. Identifier les besoins des utilisateurs potentiels Analyse des tâches et du contexte d’utilisation Prototypage rapide Évaluation Programmation Modèle de conception en cascade L’IHM, mais comment ? ! Cycle de conception d’une IU L’IHM, mais comment ? ! Encore mieux Conception Prototype Modèle de conception en étoile (Hix, 1994) Evaluation L’IHM, mais comment ? ! Prototypage rapide ! Feuille de papier, Postit, tableau noir ! ! ! VB, Java, Fusion, NeXT Canny, 2001 L’inventeur du PC Xerox Parc, 1981 ! L’IHM, un peu d’histoire L’inventeur de la souris Alan Kay, 1969 ! ! L’inventeur de la manipulation directe Douglas Engelbart, 1964 ! ! L’inventeur de l’hypertexte (Memex) Ivan Sutherland, 1963 ! HTML, HyperCard, Powerpoint, Tcl/Tk Conception d’IU Vannevar Bush, 1945 ! Outils de prototypage interactif ! ! ! Bricolage ! ! L’IHM, un peu d’histoire L’inventeur du GUI L’IHM, un exemple Premier système Word (Engelbart, 1968) En savoir plus ! Introduction à IHM ! ! ! Dix, A., Finlay, J., Abowd, G., Beale, R. (1998) “Human-Computer Interaction”, 2 nd Ed., Prentice Hall, Europe, pp. 1-52. Preece J. et al. (1994) Human-Computer Interaction, Addison-Wesley, pp. 3-51. Carroll, J. M. (2003). HCI models, theories and frameworks: Toward a multidisciplinary science. San Francisco, CA: Morgan Kaufmann Publishers, pp. 1-9.