Notions d’I.H.M.
http://www.cineaste.com/hal9000.jpg
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

Sommaire
1. Evolution des ordinateurs
- 1945-1965 : Calculateurs
- 1965-1980 : Gestion
- 1980-1995 : Personnel et Multimédia
2. Interactions Humains Machine
- Interactions / interactif / interactivité
- Interfaces
3. Principes de la manipulation directe
4. WIMP / WYSIWYG
5. Evolutions
http://www.flickr.com/photos/skokiepl/2699491896/in/set-72157606353984777/
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
Colossus / 1942 (1)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
Colossus / 1942 (2)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
ENIAC / 1946 (1)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
ENIAC / 1946 (2)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
Whirlwind / 1952
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
PDP-1 / DEC / 1959
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / a. 1945-1965 Calculateurs
SAGE / IBM / 1963
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / b. 1965-1980 Ordinateurs de gestion
IBM / AS360 / 1965
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / b. 1965-1980 Ordinateurs de gestion
PDP-8 / DEC / 1965
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / b. 1965-1980 Ordinateurs de gestion
AS370 / IBM / 1971
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / b.1965-1980 Ordinateurs de gestion
Univac 1100 / REMINGTON / 1972
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / b.1965-1980 Ordinateurs de gestion
Iris 80 / Cii / 1972
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
Micral / R2E / 1972
http://www.feb-patrimoine.com/projet/micral/micral_1101040.jpg
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
Alto / XEROX / 1973
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
Apple 1 / APPLE / 1976
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
TRS-80 / TANDY / 1978
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / 1980-1995 Ordinateurs individuels et multimédia
ZX81 / SINCLAIR / 1981
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
Personal Computer / IBM / 1981
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / c.1980-1995 Ordinateurs personnels et multimédia
Macintosh / Apple / 1984
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

1. Evolution / d. constat
One Computer, many users
(Mainframe)
One Computer, One user
(PC)
Many Computers, One user
(Ubiquitous Computing)
http://www.flickr.com/photos/bods/972598373/
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

2. I.H.M. / a. Interaction / Interactif / Interactivité
Interaction
nf. Influence réciproque de deux phénomènes, de deux personnes
Interactif
adj. Se dit de phénomènes qui réagissent les uns sur les autres
Interactivité
nf. 1.INFORM. Qualité d’un logiciel dont l’exécution prend
constamment en compte les informations fournies par l’utilisateur.
On considèrera l’interactivité comme le degré de satisfaction
atteint par l’usager dans l’interaction vécue avec la machine
http://upload.wikimedia.org/wikipedia/en/7/7b/WishYouWereHere.jpg
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

2. I.H.M. / b. Interface
Interface
nf. (mot anglais) Limite commune à deux systèmes, deux entités
permettant des échanges entre ceux-ci. Elle permet dans le cas de
l’informatique de favoriser le dialogue (l’interaction) entre les
machines et les humains par la stimulation des sens par des
périphériques appropriés :
- Le touché : par l’intermédiaire d’un dispositif de pointage :
Souris, stylet, écran tactile ou clavier.
- La vue : par l’affichage écran, c’est ce que l’on nomme les GUI :
« Graphical User Interfaces ».
- L’ouie : par commandes vocales appelés encore VUI :
« Voice User Interface ».
- La gestuelle : par l’analyse des mouvements du corps, du visage,
d’un pointeur.
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

3. Principes de la manipulation directe
Pour Schneiderman (1982) :
une interface est dite de « manipulation directe » si elle possède
les propriétés suivantes :
- Les objets concernés ont une représentation permanente
(métaphores/icônes).
- Des actions physiques directes remplacent la saisie de
commandes textuelles.
- Le résultat des actions sur les objets est immédiatement
visible.
- Les opérations sont rapides, incrémentales et réversibles.
La manipulation directe repose sur 2 métaphores :
- La métaphore de la description
- La métaphore du monde réel
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

3. Principes de la manipulation directe
« Ligne de Commande » VS « GUI »
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. W.I.M.P.
WIMP : Windows
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. W.I.M.P.
WIMP : Icons
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. WIMP
WIMP : Menus
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. W.I.M.P.
WIMP : Pointing devices (1)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. W.I.M.P.
WIMP : Pointing devices (2)
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

4. W.Y.S.I.W.Y.G.
What You See Is What You Get
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

5. Evolutions
Gestuelle ?
Multitouch / multipoints
Physique (accéléromètres / wiimote)
Mobilité ?
Cérébrale ?
Brain Computer interface
Multimodalité
Ligne de commande ?
Ubiquity (Mozilla)
http://www.microsoft.com/presspass/presskits/surfacecomputing/images/image005.jpg
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008

Ressources
Antememoires
http://www.antememoire.org/
Ben Shneiderman
http://www.cs.umd.edu/hcil/
Human Interface Guidelines
http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/OSXHIGuidelines.pdf
Automates Intelligents : Les Interfaces cerveau/ordinateur
http://www.automatesintelligents.com/labo/2007/jan/bci.html
Library / interaction
http://library.lecolededesign.com/tags.php/interaction
Library / interfaces
http://library.lecolededesign.com/tags.php/interfaces
http://www.flickr.com/photos/lecolededesign/1917052612/
design d’interactivité – « Evolution des I.H.M. » – G. Cliquet / L. Neyssensas / 2008