• Apprendre à concevoir, prototyper, programmer, et évaluer des interfaces utilisateurs en appliquant une démarche centrée sur l'utilisateur;
• Apprendre à chercher dans la littérature académique pour trouver des articles et des résultats de recherche pertinents.

• Un cours magistral par semaine;
• Discussion d'exemples et activités de conception en classe;
• Application des concepts vus en classe lors des devoirs.

1. Introduction  (3 heures)

1. Plan de cours et des travaux
2. Motivations et difficultés à concevoir les interfaces utilisateurs
3. Tendances actuelles

2. Programmation d'interfaces utilisateurs (3 heures)

1. Programmation événementielle et les composants d’interface (« widgets »)
2. Exemples de code source événementiel en Java et en JavaScript

3. Conception itérative et centrée utilisateur (4.5 heures)

1. Exemples de conception centrée sur l'utilisateur
2. Analyse des besoins, des utilisateurs, et des tâches
3. Techniques de prototypage

4. Concepts de base (1 heure)

1. Les notions de Donald Norman d'affordances, contraintes, modèles conceptuels, mappages, visibilité et retour (« feedback »)

5. Comment rédiger un survol de littérature (30 minutes)

1. Comment chercher et identifier des articles académiques
2. Comment citer des références
3. Comment éviter le plagiat

6. L’interaction (3 heures)

1. Dispositifs d'entrée: claviers, dispositifs de pointage, etc.
2. Styles d’interaction (gestuelle, etc.)
3. Modes, retour visuel, retour kinesthésique
4. « Widgets » et techniques d’interaction avancées

7. Techniques de visualisation (6 heures)

1. Techniques de visualisation pour les données multidimensionelles, les graphes, et les arbres
2. Exemples de visualisations scientifiques et de visualisations d’information, en 2D et en 3D

8. Méthodologies d’évaluation (1.5 heures)

1. Tests d’utilisabilité
2. Expérimentations contrôlées

9. Perception visuelle (2 heures)

1. Couleurs, daltonisme, perception préattentive
2. Graphisme (« graphic design »), gestalts, métaphores visuelles

10. Lois et principes psychomoteurs; modélisation prédictive (2 heures)

1. Loi de Fitts
2. Loi du mouvement canalisé d’Accot-Zhai (« Steering law »)

11. Sujets à déterminer selon les intérêts des étudiants (9 heures)

1. Exemples: interfaces multitactiles; conception d'interfaces 3D; algorithmes de reconnaissance de gestes

12. Comment préparer une bonne présentation orale (30 minutes)

1. Choses à faire et à ne pas faire

13. Présentations orales des survols (3 heures)

1. Chaque étudiant présente son survol de littérature pendant environ 10 minutes

Les travaux devront être remis par courriel (et, dans certains cas, en papier) au professeur. Une pénalité de 10 % par jour sur la note du travail sera appliquée aux travaux en retard.

Aucune documentation requise

Références optionnelles

Saul Greenberg, Sheelagh Carpendale, Nicolai Marquardt, Bill Buxton (2011), Sketching User Experiences: The Workbook.

Ben Shneiderman, Catherine Plaisant, Maxine Cohen, Steven Jacobs (2009). Designing the User Interface. 5e édition, Pearson Education / Addison Wesley.

Tamara Munzner (2014), Visualization Analysis and Design.

Jean-François Nogier (2005). Ergonomie du logiciel et design web. 3e édition, Dunod.

Douglas Crockford, JavaScript: The Good Parts, O'Reilly.

David Flanagan, Java in a Nutshell, O'Reilly.

Casey Reas, Ben Fry, Processing: A Programming Handbook for Visual Designers and Artists, 2007, MIT Press. http://processing.org/

http://www.michaelmcguffin.com/ets/mgl835-2016a/