log 350 – conception et évaluation des interfaces utilisateurs prof. michael mcguffin
TRANSCRIPT
![Page 1: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/1.jpg)
LOG 350 – Conception et évaluation des interfaces utilisateurs
Prof. Michael McGuffin
![Page 2: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/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: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/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.
![Page 4: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/4.jpg)
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
![Page 5: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/5.jpg)
Autres cours reliés• LOG 745 «Interfaces utilisateurs avancées»
– Version avancée de LOG 350– Modèles et expérimentations scientifiques– Programmation et conception
d’interfaces pour le 3D
• MGL 835– Couvrent l’ensemble de LOG 350 + LOG 740,
mais avec plus d’accent sur la recherche
![Page 6: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/6.jpg)
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
![Page 7: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/7.jpg)
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!
![Page 8: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/8.jpg)
Pourquoi apprendre àconcevoir les interfaces?
Ne sont-t-ils pas déjà amplementconviviales et intuitives?
![Page 9: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/9.jpg)
Je n’ai pas de choix!
![Page 10: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/10.jpg)
Qu’est-ce que ça veut dire d’annulerune opération déjà annulée?
![Page 11: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/11.jpg)
![Page 12: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/12.jpg)
D’autres exemples
• Tablettes et téléphones intelligents:– Clavier physique vs clavier virtuel
• Fonctionnalitées cachées– iPod touch / iPhone: secouer pour faire undo dans
l’application de bloc notes
![Page 13: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/13.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 14: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/14.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 15: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/15.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
![Page 16: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/16.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 17: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/17.jpg)
Heureusement, il existe des procédures systématiques qu’on
peut suivre pour concevoir les interfaces!
C’est un des sujets majeursde LOG 350
![Page 18: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/18.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
• Le temps de l’utilisateur est plus précieux que le temps du programmeur ou de l’ordinateur
![Page 19: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/19.jpg)
Le coût de changer laspécification d’une interface
temps
coût
![Page 20: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/20.jpg)
Quelques dimensions de l’utilisabilité (selon Nielsen)
• L’efficience (« 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, utile, efficace, convivial
![Page 21: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/21.jpg)
Site du cours
http://profs.etsmtl.ca/mmcguffin/log350-2012e/
![Page 22: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/22.jpg)
Plan du cours …
![Page 23: LOG 350 – Conception et évaluation des interfaces utilisateurs Prof. Michael McGuffin](https://reader036.vdocuments.us/reader036/viewer/2022081516/551d9dc3497959293b8e1a57/html5/thumbnails/23.jpg)
TP1