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), …

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.

Sujets à l’intérieur de l’IHM• Méthodologies de conception

– É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 réaliser des interfaces– Algorithmes, outils de programmation,

boîtes à outils, libraries, …• Techniques d’évaluation d’interfaces

– Trouver les faiblesses d’une interface,comparer deux interfaces, mesurer la performance, …

• Développer des interfaces et destechniques d’interaction novatrices

• Développer des modèles et desthéories descriptifs et prédictifs

LOG 350: L’application de ces aspects dans des contextes pratiques

LOG 745: Ces aspects, avec un accent sur les questions de recherche et d’innovation

Autres domaines reliés à l’IHM• Facteurs humains, ergonomie

– Ne se limite pas juste aux interactions avec les ordinateurs ou les machines. Met 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éresse à 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, …

– A été beaucoup développé, 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

Autres domaines reliés à l’IHM (2)• Informatique• Psychologie• Génie• Infographie• Conception graphique (« Graphic Design »)• Intelligence Artificielle• Linguistique• Sociologie• Etc.

• L’IHM est un domaine interdisciplinaire!

Pourquoi apprendre àconcevoir les interfaces?

Ne sont-t-ils pas déjà amplementconviviales et intuitives?

Je n’ai pas de choix!

Qu’est-ce que ça veut dire d’annulerune opération déjà annulée?

• 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 ?)

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

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

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?

Toutefois, il existe des procédures systématiques qu’on peut suivre

pour concevoir les interfaces!

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

• D’un certain point de vu, le temps de l’utilisateur est plus précieux que le temps du programmeur ou concepteur (ou, bien sûr, de l’ordinateur)

Le coût de changer laspécification d’une interface

temps

coût

Les « concepteurs purs » ne sont pas toujoursau courant de toutes les contraintes

• Programmeur: « Qu’est-ce que tu aimeraisque je change dans l’interface? »

• Concepteur: « Qu’est-ce qui est possible de changer? »• P: « Je peux tout changer! C’est un logiciel, après tout. »• C: « Peux-tu mettre une police plus grosse? »• P: « Bon, en fait, je ne peux pas changer ça … »• C: « Mais tu m’as dit que tu pouvais tout changer! »

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

Je me présente …• École primaire, secondaire,

et cégep à Chibougamau

• Bac. 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

Mes intérêts de recherche

• Visualisation• Interfaces utilisateurs• Techniques d’interaction• Infographie interactive• Bioinformatique• Mouvement humain

Et vous?• Votre programme d’études? Avec thèse ou non?• Combien d’autres cours prenez-vous?• 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 ?

(coup d’oeil sur le site web,plans de cours, …)

Exemples de projets potentiels …

SimplePaint – logiciel de dessin 2D en Javahttp://profs.etsmtl.ca/mmcguffin/code/

Visualisateur de réseau 2D (en Java)http://profs.etsmtl.ca/mmcguffin/code/

SimpleModeller – logiciel de modélisation 3D en Java (avec OpenGL et JOGL)

http://profs.etsmtl.ca/mmcguffin/code/

Visualisateur de volumes 3D en Java (avec OpenGL et JOGL)

http://profs.etsmtl.ca/mmcguffin/code/

Vue radiale de fichiers