LifIHM Interactions Homme-Machine INFO L3 Stéphanie Jean-Daubias & Fabien Duchateau (Responsable du M1 info de Lyon 1) stephanie.jean-daubias@univ-lyon1.fr 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 date durée type sujet rendu coef ven. 27 janv. 2017 2h CM Présentation de l'ue + Introduction à l'ihm ven. 3 févr. 2017 2h CM Conception 2h TD1 Conception (papier, crayons, règle, ciseaux, post-it) fiche + vidéo 20% ven. 10 févr. 2017 2h CM Programmation pour l'ihm - interface 2h TP1 TP1 Interface - page web responsive avec formulaire site ven. 17 févr. 2017 2h CM Programmation pour l'ihm - interactions + prés projet 2h TP2 TP2 Interaction - vérification du formulaire site ven. 10 mars 2017 2h CM Ergonomie : théories générales 2h TP3 TP évaluation ergonomique d'une application rapport 5% ven. 17 mars 2017 2h CM Ergonomie : éléments d'ihm 2h TP4 TP évaluation ergonomique d'une application rapport 5% ven. 24 mars 2017 2h CM Ergonomie : critères généraux 2h TP5 TP évaluation ergonomique d'une application rapport 5% ven. 31 mars 2017 1h 1h CM CM Ergonomie : spécificités du web Ergonomie : spécificités du handicap 2h TP6 TP : évaluation ergonomique d'un site web /handicap rapport 5% ven. 7 avr. 2017 2h 2h TD2 TP7 Vidéo pédagogique TP final du projet vidéo blog + projet 10% 10% ven. 14 avr. 2017 1h exam aucun document autorisé (stylo bleu - crayon à papier ) copie 40% juin/juillet 1h exam session 2 copie 40% 3
Consignes de rendus Quand? Où? à la fin du TP Tomuss Qui? 1 étudiant(e)/binôme Comment? noms et n des 2 étudiant(e)s 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://www.luc-damas.fr/humeurs/ http://liris.cnrs.fr/stephanie.jean-daubias/enseignement/ihm/#consignes 4
Groupes Enseignants SJD : Stéphanie Jean-Daubias FD : Fabien Duchateau VT : Vinh Thai MNC : Marie-Neige Chapel Groupes indiqués sur Tomuss en fonction des contraintes L2/L3 BDW1 TP en binômes Salles (en cas d ambiguïté) groupe A1 : 1 ère salle par n ex : TP1, TP5, TP13 puis A2, B1, B2 5
Groupes de TD et TP TD TP Créneau Enseignant A vendredi Stéphanie Jean-Daubias A1 vendredi SJD A2 vendredi VT B vendredi Fabien Duchateau B1 vendredi FD B2 vendredi MNC C vendredi Vinh Thai C1 lundi (semaine suivante) SJD C2 lundi (semaine suivante) FD D jeudi (semaine suivante) 8h30 Stéphanie Jean-Daubias D1 jeudi (semaine suivante) 8h30 SJD D2 jeudi (semaine suivante) 8h30 VT E jeudi (semaine suivante) 8h30 Vinh Thai E1 jeudi (semaine suivante) 10h30 SJD E2 jeudi (semaine suivante) 10h30 VT 6
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, règle (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 7
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 8