Version PDF

École de technologie supérieure

Responsable(s) de cours :

Cyrus Lognonné Khalatbari, Félix Faucher

PLAN DE COURS

Automne 2026
DSN230 : Prototypage pour le design UX (3 crédits)

Préalables
Aucun préalable requis.

Description du cours
Ce cours vise à donner à l’étudiant les moyens de concevoir différents types de prototypes en design d’expérience utilisateur et de les évaluer de façon procédurale.

Au terme de ce cours, l’étudiant sera en mesure :

d’identifier les différents types de prototypes (esquisses, diagrammes, scénarios, scénarimages, photomontages, vidéos, techniques éphémères, maquettes physiques, maquettes numériques, physical computing, etc.) et leurs caractéristiques ;
de choisir des méthodes de prototypage appropriées en fonction des questions de recherche, des phases du processus et du projet ;
de concevoir des prototypes de différents types ;
de distinguer des formes d’évaluation des prototypes (évaluation heuristique, évaluations expertes, tests utilisateurs) et leurs caractéristiques ;
de choisir des formes d’évaluation appropriées en fonction des questions de recherche, des phases du processus et du projet ;
de mener différents types d’évaluations de prototypes.

Notions d’itération rapide et de simulation.

Stratégies pédagogiques

Ce cours vise à donner à l'étudiant.e.x les moyens de concevoir des prototypes fonctionnels et interactifs en design UX et de les évaluer de façon procédurale. À travers une initiation à l'électronique et au code créatif, il s'agit de produire rapidement des artefacts permettant de tester des interactions en situation plutôt que de les décrire : capter, traiter, restituer. L'accent est mis sur l'itération rapide et la simulation — le circuit et le code sont des instruments de recherche, non des livrables finis.

Chaque séance s'ouvre par une présentation de 40 minutes donnée conjointement aux deux groupes par l'équipe enseignante du module, introduisant les notions théoriques et les références de la semaine. Le cours se poursuit ensuite jusqu’à midi par des apprentissages hands-on : manipulation des composants, écriture de code, montage et débogage de circuits. Des exemples sont faits en classe pour permettre aux étudiants(es) d'assimiler les concepts théoriques.
L'après-midi, la séance de travaux pratiques (2 heures) est réservée à des tours de table et à la révision de la matière, puis au développement du projet d'équipe, qui se déploie de la semaine 6 à la semaine 12.
Les cours et la séance de travaux pratiques peuvent être utilisés de façon interchangeable pour des capsules théoriques et des exercices pratiques selon la volonté de la Personnes enseignantes. Les périodes de travaux pratiques font donc partie intégrante du cours.
Le cours se donne exclusivement en présentiel, à moins d'avoir obtenu au préalable la permission de la Personnes enseignantes.

Utilisation d’appareils électroniques

Il est interdit de capter le cours ou des portions du cours (enregistrement vidéo, enregistrement audio, photographie, captures d’écran) en salle de classe ou en laboratoire à moins d’avoir obtenu au préalable la permission de la Personnes enseignantes.

Horaire

Groupe	Jour	Heure	Activité
01	Jeudi	09:00 - 12:00	Activité de cours
	Jeudi	13:00 - 15:00	Travaux pratiques
02	Jeudi	09:00 - 12:00	Activité de cours
	Jeudi	13:00 - 15:00	Travaux pratiques

Coordonnées du personnel enseignant le cours

Groupe	Nom	Activité	Courriel	Local	Disponibilité
01	Emmanuelle Forgues	Activité de cours	cc-Emmanuelle.Forgues@etsmtl.ca
01	Emmanuelle Forgues	Travaux pratiques	cc-Emmanuelle.Forgues@etsmtl.ca
01	Cyrus Lognonné Khalatbari	Activité de cours	Cyrus.Khalatbari@etsmtl.ca
01	Cyrus Lognonné Khalatbari	Travaux pratiques	Cyrus.Khalatbari@etsmtl.ca
01	Philippe Vandal	Activité de cours	cc-Philippe.Vandal@etsmtl.ca
01	Philippe Vandal	Travaux pratiques	cc-Philippe.Vandal@etsmtl.ca
02	Liane Décary-Chen	Activité de cours	cc-Liane.Decary-Chen@etsmtl.ca
02	Liane Décary-Chen	Travaux pratiques	cc-Liane.Decary-Chen@etsmtl.ca
02	Yasmeen Hitti	Activité de cours	cc-Yasmeen.Hitti@etsmtl.ca
02	Yasmeen Hitti	Travaux pratiques	cc-Yasmeen.Hitti@etsmtl.ca

Cours

Date	Semaine	Groupe 1 – La verrière	Groupe 2 – Le garage
Jeudi 3 sept.	1	Groupes 1 et 2 — Personne enseignante : Cyrus Lognonné Khalatbari Introduction au cours Présentation du plan de cours ; Installation de GitHub.
Jeudi 10 sept.	—	Pas de cours (« initiations »)
Jeudi 17 sept.	2	Personne enseignante : Liane Décary-Chen	Personne enseignante : Yasmeen Hitti
Jeudi 17 sept.	2	Séance 1 – Introduction Théorie Présentation de la série de quatre séances ; Exemples de réalisations électroniques : art, science, pratiques amateures ; Démonstration MakeyMakey : des cartes les plus simples aux plus complexes. Pratique Électricité et circuits : tension, courant, polarité, courts-circuits ; Introduction aux cartes, à l'interface Arduino et à GitHub Desktop ; Exercice de démonstration avec code préchargé (séquence de DEL).
Jeudi 24 sept.	3	Personne enseignante : Liane Décary-Chen	Personne enseignante : Yasmeen Hitti
Jeudi 24 sept.	3	Séance 2 – Capteurs et code Théorie Retour sur la séance 1 ; Sujets à confirmer. Pratique La carte en profondeur : broches numériques et analogiques, communication i2c, capteurs disponibles ; Écrire et téléverser leur propre code de capteur (IDE Arduino, GitHub) ; Lecture des valeurs : booléen ou plage, plage de sensibilité.
Jeudi 1^er oct.	4	Personne enseignante : Liane Décary-Chen	Personne enseignante : Yasmeen Hitti
Jeudi 1^er oct.	4	Séance 3 Théorie Histoire de l'informatique : textiles et travail féminisé ; Interactivité : faire le plus avec le moins ; Les petites cartes sans mémoire vive comme outils du quotidien. Pratique E-textiles : nœuds, points, modularité, fixation, rupture ; Montage en série ou en parallèle, ajout de DEL au-delà de la carte ; Capter l'environnement et générer une réaction ; début du projet.
Jeudi 8 oct.	5	Personne enseignante : Liane Décary-Chen	Personne enseignante : Yasmeen Hitti
Jeudi 8 oct.	5	Séance 4 Théorie Logiciel libre et open source ; Lenteur, décroissance, solutions localisées ; Incarnation, somatique et affects. Pratique Travail sur le projet ; Démonstration et présentation, même si le prototype ne fonctionne pas.
Jeudi 15 oct.	6	Personne enseignante : Emmanuelle Forgues	Personne enseignante : Philippe Vandal
Jeudi 15 oct.	6	Séance 1 – Objets et systèmes techniques Théorie Design critique et spéculatif, recherche-création et approches critiques de la technologie ; Microcontrôleurs et électronique, en particulier l'ESP32 ; Le système interactif : entrée ? traitement ? sortie. Pratique Établir une communication sérielle entre l'Arduino Circuit Playground (ACP) et l'ESP32 ; Lire et interpréter les données des capteurs de l'ACP ; Commencer le diagramme du système interactif du projet final.
Jeudi 22 oct.	7	Personne enseignante : Emmanuelle Forgues	Personne enseignante : Philippe Vandal
Jeudi 22 oct.	7	Séance 2 – Perception et actionnement Théorie Art interactif et numérique ; Relations humain–matériau–machine ; Déformation de surface : papier mâché, feuille d'aluminium, cellophane. Pratique Contrôler des servomoteurs à partir des données des capteurs/ACP ; Créer des surfaces et mécanismes déformables (papier, aluminium, cellophane, carton, tissu) ; Explorer la transformation du mouvement par la géométrie et le matériau ; poursuivre le diagramme du projet final.
Jeudi 29 oct.	8	Personne enseignante : Emmanuelle Forgues	Personne enseignante : Philippe Vandal
Jeudi 29 oct.	8	Séance 3 – Souplesse et agentivité matérielle Théorie Robotique souple et actionneurs pneumatiques ; Agentivité matérielle : les propriétés physiques comme participantes du comportement du système ; Fabrication d'un actionneur pneumatique en polyéthylène thermosoudable. Pratique Concevoir et fabriquer en équipe un petit robot souple produisant un mouvement intentionnel ; Construire le circuit ESP32 + driver + pompe + valve ; Programmer le rythme et la vitesse d'inflation (PWM) et explorer comment la géométrie et le matériau « programment » le mouvement.
Jeudi 5 nov.	9	Personne enseignante : Emmanuelle Forgues	Personne enseignante : Philippe Vandal
Jeudi 5 nov.	9	Séance 4 – Systèmes ouverts et données externes Théorie Les API et la communication sans fil OSC ; Art, science, environnement et matérialisation des données ; Sources externes : météo, séismes, position de l'ISS, données NASA, qualité de l'air. Pratique Effectuer et interpréter un appel API ; Transmettre des données entre un ordinateur et/ou un ESP32 avec OSC ; Transformer une donnée distante en entrée active du système et l'intégrer au prototype du projet final.
Jeudi 12 nov.	10	Personne enseignante : à confirmer	Personne enseignante : à confirmer
Jeudi 12 nov.	10	Séance 1 – Le navigateur comme espace de prototypage Théorie Bases du web : structure d'une page, HTML, CSS et JavaScript ; Le navigateur comme support d'œuvre : art web, formes situées et éphémères ; Introduction à p5.js : canevas, boucle de dessin, système de coordonnées. Pratique Monter une page HTML minimale et y intégrer un croquis p5.js ; Dessin génératif : formes, couleurs, animation, interaction souris et clavier ; Publier le croquis en ligne à partir du dépôt GitHub.
Jeudi 19 nov.	11	Personne enseignante : à confirmer	Personne enseignante : à confirmer
Jeudi 19 nov.	11	Séance 2 – Entrées, sorties et dialogue avec le monde physique Théorie Entrées du navigateur : souris, clavier, son, caméra ; permissions et vie privée ; Le modèle entrée ? traitement ? sortie appliqué au web ; Protocoles de liaison : WebSerial, WebSockets et OSC. Pratique Relier l'ESP32 des semaines précédentes à un croquis p5.js ; Piloter un paramètre visuel par un capteur, et un actionneur par un événement du navigateur ; Mettre à jour le diagramme du système interactif du projet final.
Jeudi 26 nov.	12	Personne enseignante : à confirmer	Personne enseignante : à confirmer
Jeudi 26 nov.	12	Séance 3 – Apprentissage machine et interfaces incarnées (ml5.js) Théorie Introduction à ml5.js : modèles pré-entraînés et inférence dans le navigateur ; Reconnaissance de gestes, de postures, de sons et d'images ; Enjeux critiques : biais des jeux de données, surveillance, consentement. Pratique Détection de posture ou de main pour contrôler un croquis p5.js ; Classification sonore ou visuelle entraînée avec Teachable Machine ; Relier une détection à une sortie physique : servomoteur, DEL, pompe.
Jeudi 3 déc.	13	Personne enseignante : à confirmer	Personne enseignante : à confirmer
Jeudi 3 déc.	13	Séance 4 – Bibliothèques de game design et intégration Théorie Bibliothèques de jeu (p5.play, Matter.js, Phaser) : boucle de jeu, sprites, collisions, physique ; Notions de game feel : règles, rétroaction, échec, rythme ; Le jeu comme méthode de prototypage et d'évaluation en design UX. Pratique Prototyper une mécanique simple avec p5.play ou Matter.js ; Brancher un contrôleur physique (capteurs, robot souple) sur cette mécanique ; Démonstration finale et évaluation croisée des prototypes.

Laboratoires et travaux pratiques

Ces périodes sont consacrées à deux volets :

La révision de la matière enseignée pendant la période du matin ;
Le suivi de l’avancement des projets, qui se déploient de la semaine 6 à la semaine 12.

Tous les cours sont d’une durée de 3 heures par semaine (incluant une pause de 15 minutes) ; toutes les séances de travaux pratiques sont d’une durée de 2 heures par semaine (incluant une pause de 10 minutes).

Utilisation d'outils d'ingénierie

Non applicable.

Évaluation

Informations additionnelles :

Informations additionnelles

Pondération des activités

Activité	Pondération
Participation active — Module 1 (semaines 2 à 5)	13,3 %
Participation active — Module 2 (semaines 6 à 9)	13,3 %
Participation active — Module 3 (semaines 10 à 13)	13,4 %
Projet d'équipe — Diagramme du système interactif (semaine 8)	10 %
Projet d'équipe — Présentation d'étape (semaine 10)	15 %
Projet d'équipe — Prototype final et démonstration (semaine 13)	25 %
Projet d'équipe — Documentation et journal de bord	10 %
Total	100 %

Critères d'évaluation

Les critères d'évaluation seront présentés lors de la présentation de chacun des projets.

Barème de notation

Appréciation	Lettre	Valeur numérique	Pourcentage
Excellent	A+	4,3	90 / 100 %
	A	4,0	85 / 89,9 %
	A-	3,7	80 / 84,9 %
Très bon	B+	3,3	77 / 79,9 %
	B	3,0	73 / 76,9 %
	B-	2,7	70 / 72,9 %
Bon	C+	2,3	65 / 69,9 %
	C	2,0	60 / 64,9 %
	C- (échec)	1,7	57 / 59,9 %
Passable	D+	1,3	54 / 56,9 %
Passable	D	1,0	50 / 53,9 %
Faible	E	0,5	35 / 49,9 %
Nul	F	0	0 / 34,9 %

À noter : une moyenne inférieure à 60 % dans les évaluations individuelles entraîne automatiquement un échec au cours. Ceci est une condition nécessaire mais non suffisante pour réussir ce cours.

Politique de retard des travaux
Conformément au Règlement des études de premier cycle (article 7.5.6) et au Règlement des études de cycles supérieurs (article 6.5.6), tout travail (devoir pratique, rapport de laboratoire, rapport de projet, etc.) remis en retard sans motif valable, c’est-à-dire autre que ceux mentionnés à l’article 7.5.5.1 dans le Règlement des études de premier cycle et l’article 6.5.2 dans le Règlement des études de cycles supérieurs, se verra attribuer la note zéro, à moins que d’autres dispositions soient communiquées par écrit par la personne enseignante dans les consignes de chaque travail à remettre ou dans le plan de cours pour l’ensemble des travaux.

Dispositions additionnelles

Tout travail (devoir pratique, rapport de laboratoire, rapport de projet, etc.) remis en retard sans motif valable, c’est-à-dire autre que ceux mentionnés dans le Règlement des études (1er cycle, article 7.2.5 / cycles supérieurs, article 6.5.2) se verra attribuer la note zéro, à moins que d’autres dispositions ne soient communiquées par écrit par l’enseignante ou l’enseignant dans les consignes de chaque travail à remettre ou dans le plan de cours pour l’ensemble des travaux.

Absence à une évaluation

Afin de faire valider une absence à une évaluation en vue d’obtenir un examen de compensation, l’étudiante ou l’étudiant doit utiliser le formulaire prévu à cet effet dans son portail MonÉTS pour un examen final qui se déroule durant la période des examens finaux ou pour tout autre élément d’évaluation surveillé de 15% et plus durant la session. Si l’absence concerne un élément d’évaluation de moins de 15% durant la session, l’étudiant ou l’étudiante doit soumettre une demande par écrit à son enseignante ou enseignant.

Toute demande de validation d’absence doit se faire dans les cinq (5) jours ouvrables suivant la tenue de l’évaluation, sauf dans les cas d’une absence pour participation à une activité prévue aux règlements des études où la demande doit être soumise dans les cinq (5) jours ouvrables avant le jour de départ de l’ÉTS pour se rendre à l’activité.

Toute absence non justifiée par un motif majeur (voir articles 7.2.6.1 du RÉPC et 6.5.2 du RÉCS) entraînera l’attribution de la note zéro (0).

Infractions de nature académique
Les clauses du « Règlement sur les infractions de nature académique de l’ÉTS » s’appliquent dans ce cours ainsi que dans tous les cours du département. Les étudiantes et les étudiants doivent consulter le Règlement sur les infractions de nature académique (www.etsmtl.ca/a-propos/gouvernance/secretariat-general/cadre-reglementaire/reglement-sur-les-infractions-de-nature-academique) pour identifier les actes considérés comme étant des infractions de nature académique ainsi que prendre connaissance des sanctions prévues à cet effet. À l’ÉTS, le respect de la propriété intellectuelle est une valeur essentielle et tous les membres de la communauté étudiante sont invités à consulter la page Citer, pas plagier ! (www.etsmtl.ca/Etudiants-actuels/Baccalaureat/Citer-pas-plagier).

Systèmes d’intelligence artificielle générative (SIAG)
L’utilisation des systèmes d’intelligence artificielle générative (SIAG) dans les activités d’évaluation constitue une infraction de nature académique au sens du Règlement sur les infractions de nature académique, sauf si elle est explicitement autorisée par la personne enseignante du cours ou la personne coordonnatrice dans le cas des stages.

Documentation obligatoire

Ouvrages de références

Couche, G., R. Shackleton et S. Illiffe (2024). Interface Design: Creating interactions that drive successful product adoption. BIS Publishers.

Levin, G. et T. Brain (2021). Code as Creative Medium : A Handbook for Computational Art and Design. The MIT Press. https://mitpress.mit.edu/9780262542043/code-as-creative-medium/

Une liste de références mise à jour sera fournie sur le site Moodle du cours tout au long de la session.

Adresse internet du site de cours et autres liens utiles

Dépôt GitHub du cours : https://github.com/ETS-Design-MTL/DSN320_2026_PrototypageUX

Autres informations

Systèmes d’intelligence artificielle générative (SIAG)

L’utilisation des systèmes d’intelligence artificielle générative (SIAG) dans les activités d’évaluation constitue une infraction de nature académique au sens du Règlement sur les infractions de nature académique, sauf si elle est explicitement autorisée par l’enseignante ou l’enseignant du cours.