L

1
LIHM

• Interaction humain-machine
• Synonymes (ou presque)interaction
  homme-machine,interfaces usagers-machine,intera
  ction, interfaces humain,homme-machine,ordinat
  eur,
• En anglais Human-Computer Interaction (HCI),
  Computer-Human Interaction (CHI), Man-Machine
  Interaction (MMI),

2
LIHM

• Létude de la conception, la réalisation, et
  lévaluation des systèmes interactifs (et surtout
  informatisés) destinés à lusage 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 despace.Linteraction a lieu à
  linterface,ou à travers linterface.

3
Sujets à lintérieur de lIHM

• Méthodologies de conception
• Étant donné une tâche et une classe
  dutilisateurs, concevoir la meilleure interface,
  en respectant les contraintes, qui optimise un
  aspect de lutilisabilité (lefficience, la
  facilité dapprentissage, etc.)
• Comment réaliser des interfaces
• Algorithmes, outils de programmation,boîtes à
  outils, libraries,
• Techniques dévaluation dinterfaces
• Trouver les faiblesses dune interface,comparer
  deux interfaces, mesurer la performance,
• Développer des interfaces et destechniques
  dinteraction novatrices
• Développer des modèles et desthéories
  descriptifs et prédictifs

LOG 350 Lapplication de ces aspects dans des
contextes pratiques
LOG 745 Ces aspects, avec un accent sur les
questions de recherche et dinnovation
4
Autres domaines reliés à lIHM

• Facteurs humains, ergonomie
• Ne se limite pas juste aux interactions avec les
  ordinateurs ou les machines. Met parfois plus
  daccent sur le côte humain, et/ou sur le travail
  (et des tâches répétitives, en particulier), que
  dans lIHM.
• Sintéresse à comprendre les capacités humaines,
  et à appliquer ce savoir à la conception
  dobjets, doutils, de systèmes, de machines, de
  tâches, de services, et denvironnements destinés
  à lusage 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 davions et dautres machines, et aussi
  pour améliorer la performance des ouvriers dans
  les usines qui effectuent des tâches répétitives

5
Autres domaines reliés à lIHM (2)

• Informatique
• Psychologie
• Génie
• Infographie
• Conception graphique ( Graphic Design )
• Intelligence Artificielle
• Linguistique
• Sociologie
• Etc.
• LIHM est un domaine interdisciplinaire!

6
Pourquoi apprendre àconcevoir les interfaces?
Ne sont-t-ils pas déjà amplementconviviales et
intuitives?
7
Je nai pas de choix!
8
Quest-ce que ça veut dire dannulerune
opération déjà annulée?
9
(No Transcript)
10

• Il est facile de mal-concevoir une interface
• Même lorsquune interface est bien conçue, les
  interfaces graphiques modernes laissent encore
  beaucoup à désirer
• La souris et le clavier sont des instruments
  dexpression très limités
• Lorganisation hiérarchique des fichiers nest
  pas nécessairement idéale
• Etc (autres problèmes / défis ?)

11
Le développement delordinateur personnel
Source Michel Beaudouin-Lafon, Designing
Interaction, not Interfaces, Proceedings of AVI
2004, http//doi.acm.org/10.1145/989863.989865
12
Pourquoi est-il difficile de bien concevoir des
interfaces?

• LIHM est une  science douce 
• Lhumain est difficile à modéliser
• Il y a une grande variété dutilisateurs, de
  tâches, dapplications, et de périphériques
• Brevets
• Problèmes de compatibilité entre différents
  plateformes
• Linertie des utilisateurs/du marché les gens
  sont déjà  satisfaits  et habitués avec leurs
  interfaces actuelles

13
Les utilisateurs atypiques

• Les 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
• na pas peur des ordinateurs
• peut lire et comprendre langlais
• est familier avec les conventions des  GUIs 
  typiques
• a la motivation dapprendre à utiliser
  linterface
• a le temps nécessaire de résoudre des problèmes
  lorsquils arrivent
• Quel pourcentage de la population a toutes ces
  caractéristiques?

14
Toutefois, il existe des procédures systématiques
quon peut suivre pour concevoir les interfaces!
15
Principes de base

• Ne supposez pas que vous savez ce qui est de
  mieux pour lutilisateur
• Ne supposez pas que vous savez ce que sont les
  buts, les tâches, et les habitudes de
  lutilisateur
• Dun certain point de vu, le temps de
  lutilisateur est plus précieux que le temps du
  programmeur ou concepteur (ou, bien sûr, de
  lordinateur)

16
Le coût de changer laspécification dune
interface
coût
temps
17
Les  concepteurs purs  ne sont pas toujoursau
courant de toutes les contraintes

• Programmeur  Quest-ce que tu aimeraisque je
  change dans linterface? 
• Concepteur  Quest-ce qui est possible de
  changer? 
• P  Je peux tout changer! Cest 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 mas dit que tu pouvais tout
  changer! 

18
Quelques dimensions de lutilisabilité (selon
Nielsen)

• Lefficacité ( efficiency ) par exemple, en
  termes de vitesse
• La facilité dapprentissage ( learnability )
• La memorabilité est-ce quon se rappelle
  facilement de comment fonctionner linterface?
• Le taux derreurs et labsence derreurs
  catastrophiques
• La satisfaction
• Autres critères et termes à distinguer (ou à
  éviter?)
• flexible, puissante, intuitive, fluide,
  conviviale, ergonomique, utile

19
Je me présente

• École primaire, secondaire,et cégep à
  Chibougamau
• Bac. en génie informatique (1999) à lU de
  Waterloo (en Ontario), Maîtrise (2002) et Ph.D.
  (2007) en informatique à lU de Toronto
• Entreprises où jai travaillé CAE, SoftImage,
  Discreet Logic à Montréal Aliaswavefront, IBM,
  et Ontario Cancer Institute à Toronto

20
Mes intérêts de recherche

• Visualisation
• Interfaces utilisateurs
• Techniques dinteraction
• Infographie interactive
• Bioinformatique
• Mouvement humain

21
Et vous?

• Votre programme détudes? Avec thèse ou non?
• Combien dautres cours prenez-vous?
• Travaillez-vous en même temps?
• Avez-vous déjà travaillé sur linterface
  utilisateur dun logiciel, site web, produit,
  etc.?
• Êtes-vous à laise dans la programmation?(Quel(s)
  langage(s)?)
• Combien de vous ont pris LOG 350 avec moi?
• Combien de vous ont pris LOG 740 ?

22
(coup doeil sur le site web,plans de cours, )
23
Exemples de projets potentiels
24
SimplePaint logiciel de dessin 2D en Java
25
SimpleModeller logiciel de modélisation 3D en
Java (avec OpenGL et JOGL)
26
Vue radiale de fichiers