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

Transcription

1 RETOUR SUR 10 ANS DE DÉVELOPPEMENT DE L'ENSEIGNEMENT DE L'IHM À L'UNIVERSITÉ DE GENÈVE Gilles Falquet Jacques Guyot Enseignants: Gilles Falquet Jacques Guyot Eugène Horber Patrick Roth U. Genève, GF-JG c 1

2 CONTENU Origines et évolution de l'enseignement Contenu actuel Observations et leçons à tirer Futur U. Genève, GF-JG 2

3 ORIGINES / POURQUOI UN COURS IHM? Création d'une équipe de recherhe 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 U. Genève, GF-JG 3

4 DES RÉFLEXIONS STIMULANTES B. Buxton Le progrès c'est MOINS de fonctionnalités, pas plus D. Norman U. Genève, GF-JG 4

5 hyper-text project Xanadu T. Nelson Augmenting the human intellect D. Engelbart U. Genève, GF-JG 5

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 connnexion de composants U. Genève, GF-JG 6

7 Printemps U. Genève, GF-JG 7

8 U. Genève, GF-JG 8

9 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é U. Genève, GF-JG 9

10 As far as the customer is concerned, the interface is the product Jef Raskin U. Genève, GF-JG 10

11 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 U. Genève, GF-JG 11

12 Analyse contexte, utilisateur Analyse des tâches Recommandations pour le design 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 Architecture logicielle des interfaces (MVC) Interfaces Machine-Machine Modèles: humain machine - interaction Principes ergonomiques Techniques d'interaction WIMP, post WIMP, hypertexte Techniques de conception des interfaces Prototypage basse résolution Tests heuristiques Prototypes interactifs Tests d'utilisabilité U. Genève, GF-JG 12

13 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 U. Genève, GF-JG 13

14 Introduction Analyse des utilisateurs et du contexte Analyse des tâches Ananlyse Contexte - 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 U. Genève, GF-JG 14

15 Analyse des tâches U. Genève, GF-JG 15

16 (Boddi & Shiming 2009) U. Genève, GF-JG 16

17 (Ahmeti, 2010) U. Genève, GF-JG 17

18 Prototypes papier (basse fidélité) U. Genève, GF-JG 18

19 (Ahmeti, 2010) U. Genève, GF-JG 19

20 (Escallon & Haussman, 2009) U. Genève, GF-JG 20

21 Proto papier Rapport Erreur Test «Utilisateur» Le prototypage à basse résolution Principes ergonomiques L évaluation heuristiques Conception de l interaction Les prototypes interactifs Proto papier' Evaluation Heuristique Rapport Expert Prototypage MF «Expert» Proto interactif U. Genève, GF-JG 21

22 "Exécution" du prototype papier U. Genève, GF-JG 22

23 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.. U. Genève, GF-JG 23

24 Par le mauvais exemple... U. Genève, GF-JG 24

25 U. Genève, GF-JG 25

26 U. Genève, GF-JG 26

27 U. Genève, GF-JG 27

28 U. Genève, GF-JG 28

29 Par le bon exemple... U. Genève, GF-JG 29

30 U. Genève, GF-JG 30

31 U. Genève, GF-JG 31

32 U. Genève, GF-JG 32

33 PROTOTYPES INTERACTIFS Powerpoint Flash Runrev... U. Genève, GF-JG 33

34 (Ahmeti 2010) U. Genève, GF-JG 34

35 U. Genève, GF-JG (Escallon & Haussman, 2009) 35

36 U. Genève, GF-JG (Escallon & Haussman, 2009) 36

37 Proto interactif Les tests d utilisabilité Planifiaction test Prototypes à haute résolution et développement final Plan expérimental Tests d'utiisabilité Utilisateur Utilisateur Utilisateur Rapport satisfaction Rapport efficacité Soutenance U. Genève, GF-JG 37

38 Analyse des tests U. Genève, GF-JG 38

39 (Boddi & Shiming 2009) U. Genève, GF-JG 39

40 (Ahmeti 2010) U. Genève, GF-JG 40

41 U. Genève, GF-JG 41

42 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 U. Genève, GF-JG 42

43 INTEGRATION DE LA TACHE U. Genève, GF-JG 43

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, 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 U. Genève, GF-JG 44

45 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 U. Genève, GF-JG 45

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 Evaluation Heuristique Experts = Étudiants Rapport Expert U. Genève, GF-JG 46

47 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 U. Genève, GF-JG 47

48 PANORAMA ROMAND Institution Bac. U Maitrise U HEG - Informatique de gestion > Ø UNINE HEPIA - Ø HEIVD HEIVD - Informatique/Logiciel -> Infographie HES FR BSc info -, IHM Interface 2 homme-machine 1 et 2, Interfaces Multimodales interfaces m. modales UNIL - Ø UNIFR BA SI -> Ø, BSc CS -> Ø, MSc -> User Centric Design UNINE / infographie HES FR IHM 1 UNIFR UNIL EPFL (à UNIFR) user centric design infographie personal interaction studio HCI EPFL BSc, MSc Infographie, HCI, Personal interaction studio HEG + HEPIA UNIGE IHM interfaces avancées U. Genève, GF-JG 48

49 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» U. Genève, GF-JG 49

50 HISTOIRE 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 U. Genève, GF-JG 50

51 DES INTERFACES ERGONOMIQUES U. Genève, GF-JG 51

52 OU PLUS D INTERFACES mais beaucoup de calculs U. Genève, GF-JG 52

53 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. U. Genève, GF-JG 53