Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES /...
Transcript of Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES /...
![Page 1: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/1.jpg)
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
![Page 2: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/2.jpg)
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
![Page 3: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/3.jpg)
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
![Page 4: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/4.jpg)
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
![Page 5: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/5.jpg)
© Uni Genève - G. Falquet, J . Guyot 5
hyper-text
project Xanadu
Augmenting the human intellect
T. Nelson
D. Engelbart
WORLD USABILITY DAY 2011
![Page 6: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/6.jpg)
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
![Page 7: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/7.jpg)
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
![Page 8: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/8.jpg)
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
![Page 9: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/9.jpg)
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
![Page 10: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/10.jpg)
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
![Page 11: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/11.jpg)
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
![Page 12: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/12.jpg)
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
![Page 13: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/13.jpg)
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
![Page 14: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/14.jpg)
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
![Page 15: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/15.jpg)
Analyse des tâches
© Uni Genève - G. Falquet, J . Guyot 15 WORLD USABILITY DAY 2011
![Page 16: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/16.jpg)
© Uni Genève - G. Falquet, J . Guyot 16
(Boddi & Shiming 2009)
WORLD USABILITY DAY 2011
![Page 17: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/17.jpg)
© Uni Genève - G. Falquet, J . Guyot 17 (Ahmeti, 2010)
WORLD USABILITY DAY 2011
![Page 18: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/18.jpg)
Prototypes papier (basse fidélité)
© Uni Genève - G. Falquet, J . Guyot 18 WORLD USABILITY DAY 2011
![Page 19: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/19.jpg)
(Ahmeti, 2010)
© Uni Genève - G. Falquet, J . Guyot 19 WORLD USABILITY DAY 2011
![Page 20: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/20.jpg)
© Uni Genève - G. Falquet, J . Guyot 20 (Escallon & Haussman, 2009) WORLD USABILITY DAY 2011
![Page 21: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/21.jpg)
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
![Page 22: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/22.jpg)
© 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
![Page 23: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/23.jpg)
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
![Page 24: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/24.jpg)
Par le mauvais exemple ...
© Uni Genève - G. Falquet, J . Guyot 24 WORLD USABILITY DAY 2011
![Page 25: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/25.jpg)
25 WORLD USABILITY DAY 2011 © Uni Genève - G. Falquet, J . Guyot
![Page 26: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/26.jpg)
26 WORLD USABILITY DAY 2011 © Uni Genève - G. Falquet, J . Guyot
![Page 27: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/27.jpg)
© Uni Genève - G. Falquet, J . Guyot 27 WORLD USABILITY DAY 2011
![Page 28: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/28.jpg)
© Uni Genève - G. Falquet, J . Guyot 28 WORLD USABILITY DAY 2011
![Page 29: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/29.jpg)
Par le bon exemple ...
© Uni Genève - G. Falquet, J . Guyot 29 WORLD USABILITY DAY 2011
![Page 30: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/30.jpg)
© Uni Genève - G. Falquet, J . Guyot 30 WORLD USABILITY DAY 2011
![Page 31: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/31.jpg)
© Uni Genève - G. Falquet, J . Guyot 31 WORLD USABILITY DAY 2011
![Page 32: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/32.jpg)
© Uni Genève - G. Falquet, J . Guyot 32 WORLD USABILITY DAY 2011
![Page 33: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/33.jpg)
PROTOTYPES INTERACTIFS
Powerpoint
Flash
Runrev
...
© Uni Genève - G. Falquet, J . Guyot 33 WORLD USABILITY DAY 2011
![Page 34: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/34.jpg)
(Ahmeti 2010)
© Uni Genève - G. Falquet, J . Guyot 34 WORLD USABILITY DAY 2011
![Page 35: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/35.jpg)
© Uni Genève - G. Falquet, J . Guyot 35 (Escallon & Haussman, 2009) WORLD USABILITY DAY 2011
![Page 36: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/36.jpg)
(Escallon & Haussman, 2009) © Uni Genève - G. Falquet, J . Guyot 36 WORLD USABILITY DAY 2011
![Page 37: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/37.jpg)
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
![Page 38: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/38.jpg)
Analyse des tests
© Uni Genève - G. Falquet, J . Guyot 38 WORLD USABILITY DAY 2011
![Page 39: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/39.jpg)
© Uni Genève - G. Falquet, J . Guyot 39
(Boddi & Shiming 2009)
WORLD USABILITY DAY 2011
![Page 40: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/40.jpg)
© Uni Genève - G. Falquet, J . Guyot 40
(Ahmeti 2010)
WORLD USABILITY DAY 2011
![Page 41: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/41.jpg)
© Uni Genève - G. Falquet, J . Guyot 41 WORLD USABILITY DAY 2011
![Page 42: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/42.jpg)
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
![Page 43: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/43.jpg)
INTEGRATION DE
LA TACHE
© Uni Genève - G. Falquet, J . Guyot 43 WORLD USABILITY DAY 2011
![Page 44: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/44.jpg)
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
![Page 45: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/45.jpg)
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
![Page 46: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/46.jpg)
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
![Page 47: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/47.jpg)
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
![Page 48: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/48.jpg)
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
![Page 49: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/49.jpg)
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
![Page 50: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/50.jpg)
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
![Page 51: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/51.jpg)
DES INTERFACES ERGONOMIQUES
© Uni Genève - G. Falquet, J . Guyot 51 WORLD USABILITY DAY 2011
![Page 52: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/52.jpg)
OU PLUS D’INTERFACES ...
© Uni Genève - G. Falquet, J . Guyot 52
... mais beaucoup de calculs
WORLD USABILITY DAY 2011
![Page 53: Enseignement de l’IHM - CUIcui.unige.ch/isi/wud2011/pdf/wud2011-unige-gf-jg.pdf · ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherche en Interfaces des système](https://reader033.fdocument.pub/reader033/viewer/2022041903/5e61b0b4473c1930f956f6d7/html5/thumbnails/53.jpg)
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