LifIHM

Interactions Homme-Machine

INFO Le Vinh Thai

Stéphanie Jean-Daubias & Fabien Duchateau
(Responsable du M1 info de Lyon 1)
stephanie.jean-daubias@univ-lyon1.fr
L3
http://liris.cnrs.fr/stephanie.jean-daubias/

Intervenant(e)s
Stéphanie Jean-Daubias
Fabien Duchateau
Vinh Thai
Marie-Neige Chapel
LifIHM

 Objectifs de l’enseignement
 sensibilisation aux questions d’interface / d’interaction
 bases, points de repères, outils pour éviter les plus grosses erreurs
 Ce que vous saurez / saurez faire
 évaluer l'interface d'un logiciel, d’un site web
 la corriger pour qu'elle soit ergonomiquement valide
 construire une application correcte ergonomiquement
 compétences encore trop rares chez les informaticien(ne)s
 à développer et à valoriser dans vos CV
 mais aussi…
 travailler en groupe
 communiquer via une vidéo (capture, montage)
 communiquer via un blog
 avoir une démarche professionnelle en respectant les contraintes

2
 Organisation de l’UE LifIHM
type sujet rendu

CM Conception
TD Conception Oui

CM Programmation pour l’IHM -interface

TP TP1 interface Oui

CM Programmation pour l’IHM -interaction

TP TP1 interaction Oui

CM Ergonomie : théories générales

TP TP évaluation ergonomique d’une application Oui

CM Ergonomie : éléments d’IHM

TP TP évaluation ergonomique d’une application Oui

CM Ergonomie : critères généraux

TP TP évaluation ergonomique d’une application Oui

CM Ergonomie : spécificités du web + du handicap

TP TP évaluation ergonomique d’un site Oui

Finalisation de TP7 et TD2 Oui

3
Consignes de rendus

 Où ?
 Moodle
 Qui ?
 1 étudiant(e)/binôme ou /groupe
 Comment ?
 n° des 2 étudiant(e)s, séparé par « _ »
 1 fichier unique (pdf ou zip).
 respecter le nombre de pages max
 respecter le modèle donné
 application exécutable de manière autonome
 http://liris.cnrs.fr/stephanie.jean-daubias/enseignement/IHM/#consignes

4
Se préparer…

 TD1 : conception d’une application (la semaine prochaine)

 travail en groupes de 5 (mêmes groupes pour TD1 et TD2)
 productions à rendre (pas de dev)
 fiche à remplir collectivement
 vidéo à filmer/capturer, monter collectivement
 matériel (si possible 1 / groupe)
 ordinateur portable (pour maquettage et capture vidéo / montage)
 smartphone (pour filmer)
 papier, crayons de plusieurs couleurs, post-its (pour faire des maquettes)
 TD2 : vidéo pédagogique (à la fin)
 TP7 : blog pédagogique (à la fin)
 penser à trouver des exemples d’erreurs ergonomiques au fil de l’UE
 Projet longitudinal
 application web avec BootStrap

5
Si l’IHM vous passionne

 Pour aller plus loin

 stages IHM
 masters d’informatique (avec une composante / centrés IHM)
 AFIHM (Association Francophone d'Interaction Homme-Machine)
 Bibliographie
 à la BU
 Donald Norman, The Design of Everyday Things, Basic Books, 2013
 Ben Shneiderman, Designing the User Interface: Strategies for Effective
Human Computer Interaction, Pearson, 2009
 Jean-François Nogier, Ergonomie du logiciel et design web, Dunod, 2008
 Amélie Boucher, Ergonomie web, 3ème édition, Eyrolles, 2011
 …