![Page 1: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/1.jpg)
MGL 835Interaction humain-machine
2013 hiver
Prof. Michael McGuffin
![Page 2: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/2.jpg)
L’IHM
• Interaction humain-machine• Synonymes (ou presque):
interaction homme-machine,interfaces usagers-machine,{interaction, interfaces} {humain,homme}-{machine,ordinateur}, …
• En anglais: «Human-Computer Interaction» (HCI), «Computer-Human Interaction» (CHI), «Man-Machine Interaction» (MMI), …
![Page 3: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/3.jpg)
L’IHM
• L’étude de la conception, la réalisation, et l’évaluation des systèmes interactifs (et surtout informatisés) destinés à l’usage humain, et l’étude des phénomènes associés.
• NB: le mot interface signifie la surface de contact, ou la frontière, entre deux corps ou deux régions d’espace.L’interaction a lieu à l’interface,ou à travers l’interface.
![Page 4: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/4.jpg)
L’IHM• Le côté pratique :
– Comment concevoir une interface utilisateur ? Étant donné une tâche et une classe d’utilisateurs, concevoir la meilleure interface, en respectant les contraintes, qui optimise un aspect de l’utilisabilité (l’efficience, la facilité d’apprentissage, etc.)
– Comment programmer les interfaces utilisateurs. Algorithmes, outils de programmation, boîtes à outils, libraries, …
• Le côté recherche :– Développer des nouvelles et meilleures façons d’interagir. Développer
des interfaces et des techniques d’interaction novatrices.– Comment expliquer et mieux comprendre l’interaction ? Développer des
modèles et des théories descriptifs et prédictifs. Développer des nouvelles méthodologies de conception.
![Page 5: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/5.jpg)
D’autres domaines reliés à l’IHM• Facteurs humains, ergonomie
– Ne se limitent pas juste aux interactions avec les ordinateurs ou les machines. Mettent parfois plus d’accent sur le côte humain, et/ou sur le travail (et des tâches répétitives, en particulier), que dans l’IHM.
– S’intéressent à comprendre les capacités humaines, et à appliquer ce savoir à la conception d’objets, d’outils, de systèmes, de machines, de tâches, de services, et d’environnements destinés à l’usage humain
– Des sous-branches: ergonomie physique, ergonomie cognitive (« engineering psychology »)
– Quelques concepts clés: stress, perception, attention, contrôle moteur, mémoire, charge mental, faire des décisions, les erreurs, …
– Ont été beaucoup développés, par exemple, pendant la deuxième guerre mondiale pour améliorer les contrôles d’avions et d’autres machines, et aussi pour améliorer la performance des ouvriers dans les usines qui effectuent des tâches répétitives
![Page 6: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/6.jpg)
D’autres domaines reliés à l’IHM (2)• L’informatique• La psychologie• Le génie• L’infographie• Le graphisme (« Graphic Design »)• L’intelligence artificielle• La linguistique• La sociologie• etc.
• L’IHM est un domaine multidisciplinaire!
![Page 7: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/7.jpg)
Pourquoi apprendre àconcevoir les interfaces?
Ne sont-t-ils pas déjà amplementconviviales et intuitives?
![Page 8: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/8.jpg)
Je n’ai pas de choix!
![Page 9: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/9.jpg)
Qu’est-ce que ça veut dire d’annulerune opération déjà annulée?
![Page 10: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/10.jpg)
![Page 11: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/11.jpg)
Vue en 2012, pendant l’installation d’un logiciel
![Page 12: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/12.jpg)
![Page 13: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/13.jpg)
![Page 14: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/14.jpg)
• Il est facile de mal-concevoir une interface• Même lorsqu’une interface est bien conçue,
les interfaces graphiques modernes laissent encore beaucoup à désirer– La souris et le clavier sont des instruments
d’expression très limités– L’organisation hiérarchique des fichiers n’est pas
nécessairement idéale– Etc… (autres problèmes / défis ?)
![Page 15: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/15.jpg)
Le développement del’ordinateur personnel
Source: Michel Beaudouin-Lafon, Designing Interaction, not Interfaces, Proceedings of AVI 2004, http://doi.acm.org/10.1145/989863.989865
![Page 16: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/16.jpg)
Pourquoi est-il difficile de bien concevoir des interfaces?
• L’IHM est une « science douce »• L’humain est difficile à modéliser• Il y a une grande variété d’utilisateurs, de tâches,
d’applications, et de périphériques• Brevets• Problèmes de compatibilité entre différents
plateformes• L’inertie des utilisateurs/du marché: les gens sont déjà
« satisfaits » et habitués avec leurs interfaces actuelles
![Page 17: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/17.jpg)
Les utilisateurs atypiquesLes interfaces supposent souvent que leur utilisateur• a deux mains• peut voir et entendre• et a un bon contrôle moteur• est intelligent et débrouillard• n’a pas peur des ordinateurs• peut lire et comprendre l’anglais• est familier avec les conventions des « GUIs » typiques• a la motivation d’apprendre à utiliser l’interface• a le temps nécessaire de résoudre des problèmes lorsqu’ils
arriventQuel pourcentage de la population a toutes ces caractéristiques?
![Page 18: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/18.jpg)
Toutefois, il existe des procédures systématiques qu’on peut suivre
pour concevoir les interfaces!
![Page 19: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/19.jpg)
Principes de base …
• Ne supposez pas que vous savez ce qui est de mieux pour l’utilisateur
• Ne supposez pas que vous savez ce que sont les buts, les tâches, et les habitudes de l’utilisateur
• Il faut rencontrer, discuter avec, et observer de vrais utilisateurs pour comprendre leurs besoins
![Page 20: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/20.jpg)
Le coût de changer laspécification d’une interface
temps
coût
![Page 21: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/21.jpg)
Quelques dimensions de l’utilisabilité (selon Nielsen)
• L’efficacité (« efficiency ») – par exemple, en termes de vitesse
• La facilité d’apprentissage (« learnability »)• La memorabilité – est-ce qu’on se rappelle facilement de
comment fonctionner l’interface?• Le taux d’erreurs; et l’absence d’erreurs catastrophiques• La satisfactionAutres critères et termes à distinguer (ou à éviter?):• flexible, puissante, intuitive, fluide, conviviale, ergonomique,
utile
![Page 22: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/22.jpg)
Je me présente …• École primaire, secondaire,
et cégep à Chibougamau
• Bacc. en génie informatique (1999)à l’U de Waterloo (en Ontario),maîtrise (2002) et Ph.D. (2007)en informatique à l’U de Toronto
• Entreprises où j’ai travaillé: CAE, SoftImage, Discreet Logic à Montréal; Alias|wavefront, IBM, et Ontario Cancer Institute à Toronto
![Page 23: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/23.jpg)
Mes intérêts de recherche
• La visualisation• Les interfaces utilisateurs• Les techniques d’interaction• L’infographie interactive• Des outils pour la créativité
(dessin, musique, …)
![Page 24: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/24.jpg)
Et vous?• Votre programme d’études? Maîtrise avec mémoire,
sans mémoire, doctorat, D.E.S.S. ?• Travaillez-vous en même temps?• Avez-vous déjà travaillé sur l’interface utilisateur
d’un logiciel, site web, produit, etc.?• Êtes-vous à l’aise dans la programmation?
(Quel(s) langage(s)?)• Combien de vous ont pris LOG 350 avec moi?• Combien de vous ont pris LOG 740/745 ?
![Page 25: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/25.jpg)
(coup d’oeil sur le site web,plans de cours, …)
![Page 26: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/26.jpg)
Exemples de sujets pour le survol de littérature …
![Page 27: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/27.jpg)
Exemples de code source de petits logiciels événementiels …
![Page 28: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/28.jpg)
Exemples de projets de programmation potentiels …
![Page 29: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/29.jpg)
SimplePaint – logiciel de dessin 2D en Javahttp://profs.etsmtl.ca/mmcguffin/code/
![Page 30: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/30.jpg)
Visualisateur de réseau 2D (en Java)http://profs.etsmtl.ca/mmcguffin/code/
![Page 31: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/31.jpg)
SimpleModeller – logiciel de modélisation 3D en Java (avec OpenGL et JOGL)
http://profs.etsmtl.ca/mmcguffin/code/
![Page 32: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/32.jpg)
Visualisateur de volumes 3D en Java (avec OpenGL et JOGL)
http://profs.etsmtl.ca/mmcguffin/code/
![Page 33: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/33.jpg)
Vue radiale de fichiers
![Page 34: MGL 835 Interaction humain-machine 2013 hiver Prof. Michael McGuffin](https://reader031.vdocuments.pub/reader031/viewer/2022020718/56812ba3550346895d8fd4ea/html5/thumbnails/34.jpg)
À faire bientôt
• Si vous voulez faire le TP1 en équipe, trouvez un co-équipier
• Assurez vous d’avoir accès au bibliothèques en ligne à travers le proxy de l’ÉTS– Comment faire:
http://bibliotheque.etsmtl.ca/infos/proxy.html– Essayez, par exemple, d’accéder à cet article :
http://doi.acm.org/10.1145/1349026.1349034