L`IHM, c`est quoi - (CUI)

Interaction Hommes Machines
[email protected]
L’IHM, pourquoi ?
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”
“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”
“Science qui détermine les causes qui permettent de rendre
l’informatique plus utilisable par des personnes”
(Hewett, 92)
(Preece, 94)
(Dix, 94)

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 Utilisateur Interaction
L’IHM, c’est qui ?
Modélisation de l'IHM (Hewett, 92)
L’IHM, c’est qui ?
Autre variante :
!L’homme
!La tâche
!La technologie
!Le contexte
Conception
Contexte
Technologie Utilisateur
Tâche
L’IHM, quel rôle ?
Les contextes :

L’IHM, pourquoi ?
!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
!Intuitif : facile à apprendre et à mémoriser
!Efficace : rapide et robuste
L’IHM, un exemple
Mobile computing (Hinckley, 2000)
L’IHM, grâce à qui ?
Disciplines liées à l’IHM
L’IHM, grâce à qui ?
!Informatique
!Psychologie et science cognitive
!Connaissance du comportement humain ainsi de son
processus mental
!Connaissance de la nature et les causes du comportement
humain dans son contexte social
!Sociologie et anthropologie
!Interactions entre la technologie, l’environnement (e.g.,
travail) et l’organisation
! Ergonomie
!Connaissance des capacités physiques d’un utilisateur
!Linguistique, intelligence artificielle, business,
designer

L’IHM, mais comment ?
Modèle de conception en cascade
L’IHM, mais comment ?
1. Identifier les besoins des utilisateurs
potentiels
2. Analyse des tâches et du contexte
d’utilisation
3. Prototypage rapide
4. Évaluation
5. Programmation
L’IHM, mais comment ?
!Cycle de conception d’une IU
Conception
Prototype
Evaluation
L’IHM, mais comment ?
!Encore mieux
Modèle de conception en étoile (Hix, 1994)

L’IHM, mais comment ?
!Prototypage rapide
!Bricolage
!Feuille de papier, Post-
it , tableau noir
!Outils de prototypage
interactif
!HTML, HyperCard,
Powerpoint, Tcl/Tk
!Conception d’IU
!VB, Java, Fusion, NeXT Canny, 2001
L’IHM, un peu d’histoire
!Vannevar Bush, 1945
!L’inventeur de l’hypertexte
(Memex)
!Ivan Sutherland, 1963
!L’inventeur de la manipulation
directe
!Douglas Engelbart, 1964
!L’inventeur de la souris
!Alan Kay, 1969
!L’inventeur du PC
!Xerox Parc, 1981
!L’inventeur du GUI
L’IHM, un peu d’histoire
L’IHM, un exemple
Premier système Word (Engelbart, 1968)