You are on page 1of 53

RETOUR SUR 10 ANS DE DÉVELOPPEMENT DE L'ENSEIGNEMENT DE L'IHM À L'UNIVERSITÉ DE GENÈVE

Enseignants:

Gilles Falquet Jacques Guyot

Gilles Falquet Jacques Guyot Eugène Horber Patrick Roth

© Uni Genève - G. Falquet,cJ. Guyot

WORLD USABILITY DAY 2011

1

CONTENU
Origines et évolution de l'enseignement Contenu actuel Observations et leçons à tirer Futur

© Uni Genève - G. Falquet, J. Guyot

WORLD USABILITY DAY 2011

2

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

WORLD USABILITY DAY 2011

3

DES RÉFLEXIONS STIMULANTES

Le progrès c'est MOINS de fonctionnalités, pas plus B. Buxton

D. Norman
© Uni Genève - G. Falquet, J. Guyot WORLD USABILITY DAY 2011

4

hyper-text project Xanadu

T. Nelson

Augmenting the human intellect

D. Engelbart
© Uni Genève - G. Falquet, J. Guyot WORLD USABILITY DAY 2011

5

Guyot WORLD USABILITY DAY 2011 6 .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 . Falquet. J.G.

unige. J.G. Guyot WORLD USABILITY DAY 2011 7 .archive.ch/isi/cours/interfaces/ © Uni Genève .org/web/20010805002243/http://cui. Falquet.http://cui.unige.ch/isi/cours/interfaces/ Printemps 2001 http://web.

html © Uni Genève .unige. Guyot WORLD USABILITY DAY 2011 8 .G.archive.http://web. J.org/web/20010609161438/http://cui.ch/isi/cours/interfaces/annonce. Falquet.

Falquet. Guyot WORLD USABILITY DAY 2011 9 .G. J. enseignement difficile à concrétiser Évolution + prototypage – développement + méthodes et modèles d'analyse + évaluation et tests d'utilisabilité © Uni Genève .RÉACTIONS pas assez de "matière dure".

J.G. Guyot WORLD USABILITY DAY 2011 10 . Falquet. the interface is the product Jef Raskin © Uni Genève .As far as the customer is concerned.

G. Guyot Les prototypes interactifs Les tests d’utilisabilité Visualisation des données WORLD USABILITY DAY 2011 11 .CONTENU 2011 Introduction Analyse des utilisateurs et du contexte Analyse des tâches Conception de l’interaction Le prototypage à basse résolution Principes ergonomiques L’évaluation heuristiques L’humain La machine L’interaction Techniques d’interaction © Uni Genève . Falquet. J.

post WIMP. J. lifeline Hypertextes Génération d'hypertextes/documents pour visualiser les bases de données Architecture logicielle des interfaces (MVC) Interfaces Machine-Machine Principes ergonomiques Techniques d'interaction WIMP.G. Guyot Tests d'utilisabilité 12 .interaction Recommandations pour le design Principes de visualisatio des données Composants d'interaction WIMP.Analyse contexte. hypertexte Techniques de conception des interfaces Prototypage basse résolution Tests heuristiques Prototypes interactifs WORLD USABILITY DAY 2011 © Uni Genève . Falquet. fisheye. utilisateur Analyse des tâches Modèles: humain – machine .

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 . Guyot WORLD USABILITY DAY 2011 13 .G. J. Falquet.

Utilisateurs Modèle des utilisateurs et contexte L’humain La machine L’interaction Techniques d’interaction Ananlyse Tâches Modèle des tâches Prototypage BF Proto papier © Uni Genève . J. Falquet.Introduction Analyse des utilisateurs et du contexte Analyse des tâches Ananlyse Contexte .G. Guyot WORLD USABILITY DAY 2011 14 .

Falquet.Analyse des tâches © Uni Genève .G. Guyot WORLD USABILITY DAY 2011 15 . J.

J.G. Guyot WORLD USABILITY DAY 2011 16 . Falquet.(Boddi & Shiming 2009) © Uni Genève .

J. Falquet. 2010) © Uni Genève .G. Guyot WORLD USABILITY DAY 2011 17 .(Ahmeti.

Guyot WORLD USABILITY DAY 2011 18 . J. Falquet.Prototypes papier (basse fidélité) © Uni Genève .G.

G. Guyot WORLD USABILITY DAY 2011 19 . 2010) © Uni Genève .(Ahmeti. J. Falquet.

G. J. 2009) 20 . Falquet.© Uni Genève . Guyot WORLD USABILITY DAY 2011 (Escallon & Haussman.

J. Falquet.Proto papier Rapport Erreur Le prototypage à basse résolution Principes ergonomiques L’évaluation heuristiques Conception de l’interaction Rapport Expert Les prototypes interactifs Prototypage MF Evaluation Heuristique « Expert » « Utilisateur » Test Proto papier' © Uni Genève . Guyot Proto interactif 21 .G.

G.youtube.com/watch?v=GrV2SZuRPv0 http://www. Guyot WORLD USABILITY DAY 2011 22 ."Exécution" du prototype papier http://www.com/watch?v=8PhT0U5uhSI © Uni Genève .com/watch?v=w6jyg10ixHE&feature=related http://www.youtube.youtube. J. Falquet.

. © Uni Genève . Nielsen. . Guyot WORLD USABILITY DAY 2011 23 . Falquet. J..G..PRINCIPES ERGONOMIQUES Principes de Schneiderman. Tognazzini.  consistance  minimisation des erreurs  anticipation  utilisation de la loi de Fitts  utilisation des couleurs  ergonomie du texte  simplicité & design minimaliste  ….

G. Falquet. Guyot WORLD USABILITY DAY 2011 24 .Par le mauvais exemple ... © Uni Genève . J.

G. J. Falquet. Guyot WORLD USABILITY DAY 2011 25 .© Uni Genève .

Falquet.© Uni Genève . J.G. Guyot WORLD USABILITY DAY 2011 26 .

© Uni Genève . Guyot WORLD USABILITY DAY 2011 27 . Falquet. J.G.

J.G. Guyot WORLD USABILITY DAY 2011 28 . Falquet.© Uni Genève .

J..G. © Uni Genève .Par le bon exemple . Guyot WORLD USABILITY DAY 2011 29 . Falquet..

Falquet. J.© Uni Genève . Guyot WORLD USABILITY DAY 2011 30 .G.

J. Falquet.G. Guyot WORLD USABILITY DAY 2011 31 .© Uni Genève .

Falquet. J.G. Guyot WORLD USABILITY DAY 2011 32 .© Uni Genève .

Guyot WORLD USABILITY DAY 2011 33 ...G.PROTOTYPES INTERACTIFS  Powerpoint  Flash  Runrev  . Falquet. © Uni Genève . J.

G.(Ahmeti 2010) © Uni Genève . Falquet. J. Guyot WORLD USABILITY DAY 2011 34 .

G.© Uni Genève . Guyot (Escallon USABILITY DAY 2011 WORLD & Haussman. Falquet. 2009) 35 . J.

Falquet. Guyot (Escallon USABILITY DAY 2011 & Haussman. J.© Uni Genève .G. 2009) WORLD 36 .

Proto interactif Les tests d’utilisabilité Planifiaction test Plan expérimental Prototypes à haute résolution et développement final UtiliUtilisateur Utilisateur sateur Tests d'utiisabilité Rapport satisfaction Rapport efficacité Soutenance © Uni Genève . Falquet. J.G. Guyot WORLD USABILITY DAY 2011 37 .

J.G.Analyse des tests © Uni Genève . Falquet. Guyot WORLD USABILITY DAY 2011 38 .

(Boddi & Shiming 2009) © Uni Genève . Guyot WORLD USABILITY DAY 2011 39 . Falquet.G. J.

G. Falquet. Guyot WORLD USABILITY DAY 2011 40 . J.(Ahmeti 2010) © Uni Genève .

G. Guyot WORLD USABILITY DAY 2011 41 . Falquet.© Uni Genève . J.

J.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.NOS DEVISES  Observer: Tâche – Utilisateur . Guyot WORLD USABILITY DAY 2011 42 .

J.G.INTEGRATION DE LA TACHE © Uni Genève . Falquet. Guyot WORLD USABILITY DAY 2011 43 .

Falquet. heuristiques.. Guyot WORLD USABILITY DAY 2011 44 .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.»  utiliser les résultats scientifiques de l'IHM – qui ne sont pas des théorèmes © Uni Genève . J. chez les scientifiques  justifier scientifiquement un énoncé/choix....G. sortir de «on a pensé que . utilisateurs)  Manque de culture scientifique .

non informaticiens © Uni Genève . MA  étudiants non informaticiens  formation continue : informaticiens.G. Falquet. 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. Guyot WORLD USABILITY DAY 2011 45 . J.ROBUSTESSE DU PROGRAMME  Changements technologiques (mobiles.

Guyot WORLD USABILITY DAY 2011 46 .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 Proto interactif Experts = Étudiants Evaluation Heuristique Rapport Expert © Uni Genève . Falquet.G. J.

Falquet.G. J.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 . Guyot WORLD USABILITY DAY 2011 47 .

modales Multimodales UNIFR  UNIL . MSc -> User Centric Design  EPFL – BSc .Ø UNIL  UNIFR – BA EPFL  UNINE / 1 et 2. Interfaces user centric design SI -> Ø.IHM 2 Interface homme-machine interfaces m.PANORAMA ROMAND Institution . MSc Infographie. Guyot WORLD USABILITY DAY 2011 48 . BSc CS -> Ø.G.Ø –> Ø Maitrise U ( UNIFR) HEIVD infographie  HEIVD . Falquet. J.Informatique/Logiciel -> Infographie HES FR IHM 1  HES FR – BSc info -. Personal HEG + HEPIA UNIGE IHM infographie personal interaction studio HCI interaction studio interfaces avancées © Uni Genève .gestion  HEG de U UNINE  HEPIA . HCI.InformatiqueBac.

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 . Guyot WORLD USABILITY DAY 2011 49 .G. J. Falquet.

langages de programmation bases de données et génie logiciel réseaux et sécurité gestion du matériel © Uni Genève . J.HISTOIRE Interaction conversationnelle  1985 au mieux formulaires. Falquet. writeln(y) Focalisation sur algorithmes. touches de fonction programmation simple readln(x) .. Guyot WORLD USABILITY DAY 2011 50 .G..

DES INTERFACES ERGONOMIQUES © Uni Genève .G. Falquet. J. Guyot WORLD USABILITY DAY 2011 51 .

G.. mais beaucoup de calculs © Uni Genève .. Guyot WORLD USABILITY DAY 2011 52 .OU PLUS D’INTERFACES . Falquet. ... J.

Cours IPM. (2010) Thèmes et portails institutionnels. Cours ISI.. L. Université de Genève. Boddi. (2009) Définition du contexte et de la technologie. Guyot WORLD USABILITY DAY 2011 53 . Ahmeti. analyse des utilisateurs et analyse des tâches. J.V. Falquet.. (2009) Concept d'interface pour un ePortfolio. J.G. Shiming. © Uni Genève . Haussman. Université de Genève. Cours IPM. Université de Genève. J. D.RÉFÉRENCES Escallon.