Title: LOG 350
1LOG 350 Conception et évaluation des interfaces
utilisateurs
- École de technologie supérieure, Montréal
- Hiver 2008
- Prof. Michael McGuffin
2LIHM
- 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),
3LIHM
- 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.
4Sujets à 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
5Autres 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
6Autres 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
7Autres domaines reliés à lIHM (2)
- Informatique
- Psychologie
- Génie
- Infographie
- Conception graphique ( Graphic Design )
- Intelligence Artificielle
- Linguistique
- Sociologie
- Etc.
- LIHM est un domaine interdisciplinaire!
8Pourquoi apprendre àconcevoir les interfaces?
Ne sont-t-ils pas déjà amplementconviviales et
intuitives?
9Je nai pas de choix!
10Quest-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 ?)
13Le développement delordinateur personnel
Source Michel Beaudouin-Lafon, Designing
Interaction, not Interfaces, Proceedings of AVI
2004, http//doi.acm.org/10.1145/989863.989865
14Pourquoi 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
15Les 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?
16Toutefois, il existe des procédures systématiques
quon peut suivre pour concevoir les
interfaces!Cest un des sujets majeursde LOG
350
17Principes 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
18Le coût de changer laspécification dune
interface
coût
temps
19Les 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!
20Quelques 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
21Je 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
22Mes intérêts de recherche
- Visualisation
- Interfaces utilisateurs
- Techniques dinteraction
- Infographie interactive
- Bioinformatique
- Mouvement humain
23Mon ancien poste detravail ergonomique
24Et 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 ?
25Site du cours
- http//profs.logti.etsmtl.ca/mjm/log350-2008h/
26Travaux
- 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).
27T1
28T1
29Ce que vous pouvez faire cette semaine
- Vérifier si vous avez un compte
- Préparez vous à faire un peu de programmation Java