Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
RETOUR SUR 10 ANS DE
DÉVELOPPEMENT DE
L'ENSEIGNEMENT DE L'IHM À
L'UNIVERSITÉ DE GENÈVE
Gilles Falquet
Jacques Guyot
© Uni Genève - G. Falquet, J . Guyot 1 c
Enseignants:
Gilles Falquet
Jacques Guyot
Eugène Horber
Patrick Roth
WORLD USABILITY DAY 2011
CONTENU
Origines et évolution de l'enseignement
Contenu actuel
Observations et leçons à tirer
Futur
© Uni Genève - G. Falquet, J . Guyot 2 WORLD USABILITY DAY 2011
ORIGINES / POURQUOI UN COURS IHM?
Création d'une équipe de recherche en Interfaces des système d'information
diffusion des connaissances acquises et des travaux réalisés
Généralisation de l'usage du Web, applications Web
importance du design des sites
Un problème récurrent en systèmes d'information
Des travaux d'étudiants ruinés par des interfaces déficientes
© Uni Genève - G. Falquet, J . Guyot 3 WORLD USABILITY DAY 2011
DES RÉFLEXIONS STIMULANTES
© Uni Genève - G. Falquet, J . Guyot 4
Le progrès c'est MOINS de fonctionnalités, pas plus
B. Buxton
D. Norman
WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 5
hyper-text
project Xanadu
Augmenting the human intellect
T. Nelson
D. Engelbart
WORLD USABILITY DAY 2011
OBJECTIFS INITIAUX
Sensibiliser au problème de la création d'interfaces
une interface ça se conçoit
la présentation des données n'est pas neutre
Montrer des techniques
de visualisation
d'interaction
de création d'interfaces
de connexion de composants
© Uni Genève - G. Falquet, J . Guyot 6 WORLD USABILITY DAY 2011
http://cui.unige.ch/isi/cours/interfaces/ Printemps 2001
http://web.archive.org/web/20010805002243/http://cui.unige.ch/isi/cours/interfaces/
© Uni Genève - G. Falquet, J . Guyot 7 WORLD USABILITY DAY 2011
http://web.archive.org/web/20010609161438/http://cui.unige.ch/isi/cours/interfaces/annonce.html
© Uni Genève - G. Falquet, J . Guyot 8 WORLD USABILITY DAY 2011
RÉACTIONS
pas assez de "matière dure", enseignement difficile à concrétiser
Évolution
+ prototypage – développement
+ méthodes et modèles d'analyse
+ évaluation et tests d'utilisabilité
© Uni Genève - G. Falquet, J . Guyot 9 WORLD USABILITY DAY 2011
As far as the customer is concerned,
the interface is the product
Jef Raskin
© Uni Genève - G. Falquet, J . Guyot 10 WORLD USABILITY DAY 2011
CONTENU 2011
Introduction
Analyse des utilisateurs et du
contexte
Analyse des tâches
L’humain
La machine
L’interaction
Techniques d’interaction
Le prototypage à basse résolution
Principes ergonomiques
L’évaluation heuristiques
Conception de l’interaction
Les prototypes interactifs
Les tests d’utilisabilité
Visualisation des données
© Uni Genève - G. Falquet, J . Guyot 11 WORLD USABILITY DAY 2011
WORLD USABILITY DAY 2011
Principes de visualisatio des données
Composants d'interaction
WIMP, fisheye, lifeline Hypertextes
Génération d'hypertextes/documents
pour visualiser les bases de données
Interfaces
Machine-Machine
Architecture logicielle
des interfaces (MVC)
Recommandations pour le design Modèles:
humain – machine - interaction
Techniques d'interaction
WIMP, post WIMP, hypertexte
Principes ergonomiques
Techniques de conception
des interfaces
Prototypage basse résolution
Tests heuristiques
Prototypes interactifs
Tests d'utilisabilité
Analyse contexte, utilisateur
Analyse des tâches
© Uni Genève - G. Falquet, J . Guyot 12
APPRENTISSAGE PAR PROJET
Cours organisé selon les étapes d'un méthode de conception
Les étudiants réalisent toutes les étapes d'un projet
Défi
synchronisation cours – projet
temps limité => impossible de fournir toute la théorie nécessaire avant
chaque étape
© Uni Genève - G. Falquet, J . Guyot 13 WORLD USABILITY DAY 2011
Ananlyse
Contexte - Utilisateurs
Modèle des utilisateurs
et contexte
Ananlyse
Tâches
Modèle des tâches
Prototypage BF
Proto papier
Introduction
Analyse des utilisateurs et du contexte
Analyse des tâches
L’humain
La machine
L’interaction
Techniques d’interaction
© Uni Genève - G. Falquet, J . Guyot 14 WORLD USABILITY DAY 2011
Analyse des tâches
© Uni Genève - G. Falquet, J . Guyot 15 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 16
(Boddi & Shiming 2009)
WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 17 (Ahmeti, 2010)
WORLD USABILITY DAY 2011
Prototypes papier (basse fidélité)
© Uni Genève - G. Falquet, J . Guyot 18 WORLD USABILITY DAY 2011
(Ahmeti, 2010)
© Uni Genève - G. Falquet, J . Guyot 19 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 20 (Escallon & Haussman, 2009) WORLD USABILITY DAY 2011
Proto papier
Test Rapport
Erreur
Evaluation
Heuristique
Rapport Expert
Prototypage MF
Proto interactif
«
Expert
»
« Utili-
sateur »
Proto papier' Le prototypage à basse résolution
Principes ergonomiques
L’évaluation heuristiques
Conception de l’interaction
Les prototypes interactifs
© Uni Genève - G. Falquet, J . Guyot 21
© Uni Genève - G. Falquet, J . Guyot 22
"Exécution" du prototype papier
http://www.youtube.com/watch?v=GrV2SZuRPv0
http://www.youtube.com/watch?v=w6jyg10ixHE&feature=related
http://www.youtube.com/watch?v=8PhT0U5uhSI
WORLD USABILITY DAY 2011
PRINCIPES ERGONOMIQUES
Principes de Schneiderman, Tognazzini, Nielsen, ...
consistance
minimisation des erreurs
anticipation
utilisation de la loi de Fitts
utilisation des couleurs
ergonomie du texte
simplicité & design minimaliste
…..
© Uni Genève - G. Falquet, J . Guyot 23 WORLD USABILITY DAY 2011
Par le mauvais exemple ...
© Uni Genève - G. Falquet, J . Guyot 24 WORLD USABILITY DAY 2011
25 WORLD USABILITY DAY 2011 © Uni Genève - G. Falquet, J . Guyot
26 WORLD USABILITY DAY 2011 © Uni Genève - G. Falquet, J . Guyot
© Uni Genève - G. Falquet, J . Guyot 27 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 28 WORLD USABILITY DAY 2011
Par le bon exemple ...
© Uni Genève - G. Falquet, J . Guyot 29 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 30 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 31 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 32 WORLD USABILITY DAY 2011
PROTOTYPES INTERACTIFS
Powerpoint
Flash
Runrev
...
© Uni Genève - G. Falquet, J . Guyot 33 WORLD USABILITY DAY 2011
(Ahmeti 2010)
© Uni Genève - G. Falquet, J . Guyot 34 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 35 (Escallon & Haussman, 2009) WORLD USABILITY DAY 2011
(Escallon & Haussman, 2009) © Uni Genève - G. Falquet, J . Guyot 36 WORLD USABILITY DAY 2011
Planifiaction test
Proto interactif
Utili-
sateur Utili-
sateur Utili-
sateur
Plan expérimental
Tests d'utiisabilité
Rapport efficacité Rapport satisfaction
Les tests d’utilisabilité
Prototypes à haute résolution et
développement final
© Uni Genève - G. Falquet, J . Guyot 37
Soutenance
WORLD USABILITY DAY 2011
Analyse des tests
© Uni Genève - G. Falquet, J . Guyot 38 WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 39
(Boddi & Shiming 2009)
WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 40
(Ahmeti 2010)
WORLD USABILITY DAY 2011
© Uni Genève - G. Falquet, J . Guyot 41 WORLD USABILITY DAY 2011
NOS DEVISES
Observer: Tâche – Utilisateur - Contexte
Simplifier:
Eliminer certaines étapes (Business process)
Se focaliser sur la tâche principale
Soulager l’utilisateur (par processus automatique caché)
Ecarter le superflu (les trucs sympa … que personne n’utilise)
Invention (repartir de 0 – si nécessaire – critique de Win/Mac/Web)
Cultiver l’oubli de comment on fait jusqu’à maintenant …
Dépasser les impossibles …
Mesurer & valider avec les utilisateurs
© Uni Genève - G. Falquet, J . Guyot 42 WORLD USABILITY DAY 2011
INTEGRATION DE
LA TACHE
© Uni Genève - G. Falquet, J . Guyot 43 WORLD USABILITY DAY 2011
PERFORMANCES DES ÉTUDIANTS
Analyse des utilisateurs et des tâches : difficile
Prototypage papier : très bon
Tests : bien expliquer la typologie (détection d'erreurs,
heuristiques, utilisateurs)
Manque de culture scientifique ... chez les scientifiques
justifier scientifiquement un énoncé/choix, sortir de «on a pensé que ...»
utiliser les résultats scientifiques de l'IHM – qui ne sont pas des théorèmes
© Uni Genève - G. Falquet, J . Guyot 44 WORLD USABILITY DAY 2011
ROBUSTESSE DU PROGRAMME
Changements technologiques (mobiles, tablettes)
les principes restent les mêmes
développement d'un kit proto papier pour mobiles
aucun problème pour passer aux prototypes sur téléphones et tablettes
ré-utilisation de méthodes propres aux interfaces par écrans (TRIDENT)
Type de public
étudiants BA, MA
étudiants non informaticiens
formation continue : informaticiens, non informaticiens
© Uni Genève - G. Falquet, J . Guyot 45 WORLD USABILITY DAY 2011
LIENS AVEC L'INDUSTRIE
Intégration dans la formation continue Nouvelles technologies du
Web
Cours pour praticiens (3 jours) (2010)
Demande de test d'un prototype par une entreprise
© Uni Genève - G. Falquet, J . Guyot 46
Evaluation
Heuristique
Rapport Expert
Experts
=
Étudiants
Proto interactif
WORLD USABILITY DAY 2011
COLLABORATION AVEC LA DIVISION
INFORMATIQUE DE L'UNIGE
Forte implication d'un collaborateur de la Dinf dans le cours
Projets en lien avec la Dinf
© Uni Genève - G. Falquet, J . Guyot 47 WORLD USABILITY DAY 2011
PANORAMA ROMAND
HEG - Informatique de gestion –> Ø
HEPIA - Ø
HEIVD - Informatique/Logiciel -> Infographie
HES FR – BSc info -, Interface homme-machine 1 et 2, Interfaces
Multimodales
UNIL - Ø
UNIFR – BA SI -> Ø, BSc CS -> Ø, MSc -> User Centric Design
UNINE /
EPFL – BSc , MSc Infographie, HCI, Personal interaction studio
© Uni Genève - G. Falquet, J . Guyot 48
Institution Bac. U Maitrise U
UNINE ( UNIFR)
HEIVD infographie
HES FR IHM 1
IHM 2
interfaces m. modales
UNIFR user centric design
UNIL
EPFL infographie
personal interaction studio
HCI
HEG + HEPIA
UNIGE IHM interfaces avancées
WORLD USABILITY DAY 2011
DIFFICULTÉ DE L'INTRODUCTION D'UN
COURS IHM
Poids de l'histoire dans la construction des plans d'étude
Faible connaissance et sous-estimation de l'importance du
domaine
"C'est de la cosmétique"
"Il n'y a pas de théorie consistante"
peu d'offres d'emploi explicitant cette compétence
Peu de « textbooks »
© Uni Genève - G. Falquet, J . Guyot 49 WORLD USABILITY DAY 2011
HISTOIRE
© Uni Genève - G. Falquet, J . Guyot 50
Interaction conversationnelle 1985
au mieux formulaires, touches de fonction
programmation simple
readln(x)
...
writeln(y)
Focalisation sur
algorithmes, langages de programmation
bases de données et génie logiciel
réseaux et sécurité
gestion du matériel
WORLD USABILITY DAY 2011
DES INTERFACES ERGONOMIQUES
© Uni Genève - G. Falquet, J . Guyot 51 WORLD USABILITY DAY 2011
OU PLUS D’INTERFACES ...
© Uni Genève - G. Falquet, J . Guyot 52
... mais beaucoup de calculs
WORLD USABILITY DAY 2011
RÉFÉRENCES
Escallon, D., Haussman, J. (2009) Concept d'interface pour un e-
Portfolio, Cours ISI, Université de Genève.
Ahmeti, V. (2010) Thèmes et portails institutionnels, Cours IPM,
Université de Genève.
Boddi, J., Shiming, L. (2009) Définition du contexte et de la
technologie, analyse des utilisateurs et analyse des tâches. Cours
IPM, Université de Genève.
© Uni Genève - G. Falquet, J . Guyot 53 WORLD USABILITY DAY 2011