Iuyu

RETOUR SUR 10 ANS DE DVELOPPEMENT DE L'ENSEIGNEMENT DE L'IHM L'UNIVERSIT DE GENVE
Enseignants:
Gilles Falquet Jacques Guyot
Gilles Falquet Jacques Guyot Eugne Horber Patrick Roth
Uni Genve - G. Falquet,cJ. Guyot
WORLD USABILITY DAY 2011
CONTENU
Origines et volution de l'enseignement Contenu actuel Observations et leons tirer Futur
Uni Genve - G. Falquet, J. Guyot
ORIGINES / POURQUOI UN COURS IHM?

Cration d'une quipe de recherche en Interfaces des systme d'information
diffusion des connaissances acquises et des travaux raliss
Gnralisation de l'usage du Web, applications Web

importance du design des sites
Un problme rcurrent en systmes d'information

Des travaux d'tudiants ruins par des interfaces dficientes
DES RFLEXIONS STIMULANTES
Le progrs c'est MOINS de fonctionnalits, pas plus B. Buxton
D. Norman
Uni Genve - G. Falquet, J. Guyot WORLD USABILITY DAY 2011
hyper-text project Xanadu
T. Nelson
Augmenting the human intellect
D. Engelbart
OBJECTIFS INITIAUX
Sensibiliser au problme de la cration d'interfaces
une interface a se conoit la prsentation des donnes n'est pas neutre
Montrer des techniques

de visualisation d'interaction de cration d'interfaces de connexion de composants
http://cui.unige.ch/isi/cours/interfaces/ Printemps 2001

http://web.archive.org/web/20010805002243/http://cui.unige.ch/isi/cours/interfaces/
http://web.archive.org/web/20010609161438/http://cui.unige.ch/isi/cours/interfaces/annonce.html Uni Genve - G. Falquet, J. Guyot WORLD USABILITY DAY 2011
RACTIONS
pas assez de "matire dure", enseignement difficile concrtiser volution + prototypage dveloppement + mthodes et modles d'analyse + valuation et tests d'utilisabilit
As far as the customer is concerned, the interface is the product

Jef Raskin
10
CONTENU 2011
Introduction Analyse des utilisateurs et du contexte Analyse des tches
Conception de linteraction Le prototypage basse rsolution Principes ergonomiques Lvaluation heuristiques
Lhumain
La machine Linteraction Techniques dinteraction
Les prototypes interactifs Les tests dutilisabilit Visualisation des donnes
11
Analyse contexte, utilisateur Analyse des tches

Modles: humain machine - interaction
Recommandations pour le design Principes de visualisatio des donnes Composants d'interaction WIMP, fisheye, lifeline Hypertextes Gnration d'hypertextes/documents pour visualiser les bases de donnes Architecture logicielle des interfaces (MVC) Interfaces Machine-Machine
Principes ergonomiques Techniques d'interaction WIMP, post WIMP, hypertexte Techniques de conception des interfaces Prototypage basse rsolution Tests heuristiques Prototypes interactifs
Tests d'utilisabilit
12
APPRENTISSAGE PAR PROJET

Cours organis selon les tapes d'un mthode de conception Les tudiants ralisent toutes les tapes d'un projet Dfi
synchronisation cours projet temps limit => impossible de fournir toute la thorie ncessaire avant
chaque tape
13
Introduction Analyse des utilisateurs et du contexte Analyse des tches
Ananlyse Contexte - Utilisateurs

Modle des utilisateurs et contexte
Lhumain La machine Linteraction Techniques dinteraction
Ananlyse Tches
Modle des tches
Prototypage BF
Proto papier
14
Analyse des tches
15
(Boddi & Shiming 2009)

16
(Ahmeti, 2010)
17
Prototypes papier (basse fidlit)
18
(Ahmeti, 2010)
19
(Escallon & Haussman, 2009)
20
Proto papier Rapport Erreur Le prototypage basse rsolution Principes ergonomiques Lvaluation heuristiques Conception de linteraction Rapport Expert Les prototypes interactifs Prototypage MF Evaluation Heuristique Expert Utilisateur
Test
Proto papier'
Proto interactif
21
"Excution" 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
22
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 ..
23
Par le mauvais exemple ...
24
25
26
27
28
Par le bon exemple ...
29
30
31
32
PROTOTYPES INTERACTIFS
Powerpoint Flash Runrev ...
33
(Ahmeti 2010)
34
(Escallon USABILITY DAY 2011 WORLD & Haussman, 2009)
35
(Escallon USABILITY DAY 2011 & Haussman, 2009) WORLD
36
Proto interactif
Les tests dutilisabilit
Planifiaction test
Plan exprimental Prototypes haute rsolution et dveloppement final UtiliUtilisateur Utilisateur sateur
Tests d'utiisabilit
Rapport satisfaction
Rapport efficacit
Soutenance
37
Analyse des tests
38
(Boddi & Shiming 2009)

39
(Ahmeti 2010)
40
41
NOS DEVISES
Observer: Tche Utilisateur - Contexte Simplifier:
Eliminer certaines tapes (Business process) Se focaliser sur la tche principale Soulager lutilisateur (par processus automatique cach) Ecarter le superflu (les trucs sympa que personne nutilise)
Invention (repartir de 0 si ncessaire critique de Win/Mac/Web)

Cultiver loubli de comment on fait jusqu maintenant Dpasser les impossibles
Mesurer & valider avec les utilisateurs
42
INTEGRATION DE LA TACHE
43
PERFORMANCES DES TUDIANTS

Analyse des utilisateurs et des tches : difficile Prototypage papier : trs bon Tests : bien expliquer la typologie (dtection d'erreurs,
heuristiques, utilisateurs)
Manque de culture scientifique ... chez les scientifiques

justifier scientifiquement un nonc/choix, sortir de on a pens que ... utiliser les rsultats scientifiques de l'IHM qui ne sont pas des thormes
44
ROBUSTESSE DU PROGRAMME
Changements technologiques (mobiles, tablettes)
les principes restent les mmes dveloppement d'un kit proto papier pour mobiles aucun problme pour passer aux prototypes sur tlphones et tablettes r-utilisation de mthodes propres aux interfaces par crans (TRIDENT)
Type de public
tudiants BA, MA tudiants non informaticiens formation continue : informaticiens, non informaticiens
45
LIENS AVEC L'INDUSTRIE

Intgration dans la formation continue Nouvelles technologies du
Web
Cours pour praticiens (3 jours) (2010) Demande de test d'un prototype par une entreprise
Proto interactif Experts = tudiants
Evaluation Heuristique
Rapport Expert
46
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
47
PANORAMA ROMAND
Institution - InformatiqueBac.gestion HEG de U UNINE HEPIA -
>
Maitrise U ( UNIFR)
HEIVD infographie HEIVD - Informatique/Logiciel -> Infographie HES FR IHM 1 HES FR BSc info -,IHM 2 Interface homme-machine interfaces m. modales Multimodales UNIFR UNIL - UNIL UNIFR BA EPFL UNINE /
1 et 2, Interfaces
user centric design
SI -> , BSc CS -> , MSc -> User Centric Design
EPFL BSc , MSc Infographie, HCI, Personal HEG + HEPIA

UNIGE IHM
infographie personal interaction studio HCI interaction studio interfaces avances
48
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 cosmtique" "Il n'y a pas de thorie consistante" peu d'offres d'emploi explicitant cette comptence
Peu de textbooks
49
HISTOIRE
Interaction conversationnelle 1985 au mieux formulaires, touches de fonction programmation simple readln(x) ... writeln(y)
Focalisation sur algorithmes, langages de programmation bases de donnes et gnie logiciel rseaux et scurit gestion du matriel
50
DES INTERFACES ERGONOMIQUES
51
OU PLUS DINTERFACES ...
... mais beaucoup de calculs

52
RFRENCES
Escallon, D., Haussman, J. (2009) Concept d'interface pour un ePortfolio, Cours ISI, Universit de Genve. Ahmeti,V. (2010) Thmes et portails institutionnels, Cours IPM, Universit de Genve. Boddi, J., Shiming, L. (2009) Dfinition du contexte et de la technologie, analyse des utilisateurs et analyse des tches. Cours IPM, Universit de Genve.
53

Iuyu

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Iuyu

Transféré par

Droits d'auteur :

Formats disponibles

RETOUR SUR 10 ANS DE DVELOPPEMENT DE L'ENSEIGNEMENT DE L'IHM L'UNIVERSIT DE GENVE

Gilles Falquet Jacques Guyot

Gilles Falquet Jacques Guyot Eugne Horber Patrick Roth

Uni Genve - G. Falquet,cJ. Guyot

WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

ORIGINES / POURQUOI UN COURS IHM?

Gnralisation de l'usage du Web, applications Web

Un problme rcurrent en systmes d'information

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

DES RFLEXIONS STIMULANTES

Le progrs c'est MOINS de fonctionnalits, pas plus B. Buxton

hyper-text project Xanadu

Augmenting the human intellect

Montrer des techniques

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

http://cui.unige.ch/isi/cours/interfaces/ Printemps 2001

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

http://web.archive.org/web/20010609161438/http://cui.unige.ch/isi/cours/interfaces/annonce.html Uni Genve - G. Falquet, J. Guyot WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

As far as the customer is concerned, the interface is the product

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Les prototypes interactifs Les tests dutilisabilit Visualisation des donnes

WORLD USABILITY DAY 2011

Analyse contexte, utilisateur Analyse des tches

Uni Genve - G. Falquet, J. Guyot

APPRENTISSAGE PAR PROJET

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Introduction Analyse des utilisateurs et du contexte Analyse des tches

Ananlyse Contexte - Utilisateurs

Lhumain La machine Linteraction Techniques dinteraction

Modle des tches

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Analyse des tches

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

(Boddi & Shiming 2009)

Prototypes papier (basse fidlit)

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

(Escallon & Haussman, 2009)

Uni Genve - G. Falquet, J. Guyot

"Excution" 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

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Par le mauvais exemple ...

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

Uni Genve - G. Falquet, J. Guyot