LOG 350

1
LOG 350 Conception et évaluation des interfaces
utilisateurs

• École de technologie supérieure, Montréal
• Hiver 2008
• Prof. Michael McGuffin

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

3
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.

4
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 novetrices
• Développer des modèles et desthéories
  descriptifs et prédictifs

LOG 350 Lapplication de ces aspects dans des
contextes pratiques
5
Autres cours reliés

• LOG 740 Systèmes interactifs multimodaux
• Version avancée de LOG 350
• Modèles et expérimentations scientifiques
• Programmation et conceptiondinterfaces pour le
  3D
• MGL 820 et 830
• Seront bientôt fusionnés (jespère)
• Couvrent lensemble de LOG 350 LOG 740,mais
  avec plus daccent sur la recherche

6
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

7
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!

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

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

13
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
14
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

15
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?

16
Toutefois, il existe des procédures systématiques
quon peut suivre pour concevoir les
interfaces!Cest un des sujets majeursde LOG
350
17
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
• Le temps de lutilisateur est plus précieux que
  le temps du programmeur ou de lordinateur

18
Le coût de changer laspécification dune
interface
coût
temps
19
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! 

20
Quelques dimensions de lutilisabilité (selon
Nielsen)

• Lefficience ( 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, utile,
  efficace

21
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

22
Mes intérêts de recherche

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

23
Mon ancien poste detravail ergonomique
24
Et vous?

• Votre programme détudes?
• Combien dautres cours prenez-vous?
• Avez-vous déjà fait un stage? Deux stages?
• Avez-vous déjà travaillé sur linterface
  utilisateur dun logiciel, site web, produit,
  etc.?
• Windows, Mac OS X, UNIX/Linux, autres ?
• C, C, Java, C, Python, autres ?

25
Site du cours

• http//profs.logti.etsmtl.ca/mjm/log350-2008h/

26
Travaux

• T1 un travail INDIVIDUEL, où létudiant(e) aura
  à modifier linterface utilisateur dun logiciel
  Java qui leur est fourni (10).
• T2 un travail en équipe (3-4 personnes), où
  chaque équipe aura à choisir une interface à
  concevoir et à prototyper. Une fois leur choix
  approuvé, léquipe aura à effectuer une analyse
  de tâche, et développer un prototype statique.
  Remettre le prototype avec rapport (15).
• T3 un travail en équipe, pour continuer T2.
  Chaque équipe aura à développer un prototype
  dynamique (logiciel), lévaluer avec des
  utilisateurs, et rédiger une liste de changements
  recommandés à linterface. Remettre le prototype
  avec rapport (20), et donner une présentation
  orale (5).

27
T1

• (démo)

28
T1
29
Ce que vous pouvez faire cette semaine

• Vérifier si vous avez un compte
• Préparez vous à faire un peu de programmation Java