MM3B - Décrypter l'interactivité

Ce cours n’est PAS un cours de code

Vous êtes en cinéma. Vous maîtrisez After Effects, Nuke, Maya. Vous pensez en images, en montage, en narration.

Ce cours part de là.

Objectif : Comprendre l’interactivité comme langage narratif, pas comme syntaxe informatique.

Philosophie du cours

Ce que ce cours N’EST PAS

❌ Un cours de programmation JavaScript
❌ Une collection passive de références
❌ Un catalogue d’œuvres à admirer
❌ Une théorie abstraite sur l’interaction

Ce que ce cours EST

✅ Un laboratoire d’observation active
✅ Une formation du regard critique
✅ Un atelier de conception narrative
✅ Une exploration de ce que le web permet que le cinéma ne peut pas

Les 5 modalités d’interaction narrative

Toute expérience interactive utilise une ou plusieurs de ces modalités fondamentales :

👁️ L'attention

Où je porte mon attention influence ce que je vois

Exemple : Une installation où votre attention active des souvenirs

🎯 Le choix

Mes décisions changent le récit

Exemple : Rashomon interactif avec plusieurs narrateurs

🗺️ L'exploration

L’espace contient la narration

Exemple : Chambre dont chaque objet raconte une histoire

⏱️ Le rythme

Ma vitesse influence l’émotion

Exemple : Récit qui s’adapte à votre tempo de lecture

🎭 La participation

Ma présence/action modifie l’œuvre

Exemple : Installation qui se construit avec vos gestes

Structure du cours (5 séances)

Séance 1 : Les 5 modalités d’interaction

Format : Discussion collective + exploration guidée (4h)

Découvrir et tester des œuvres représentant chaque modalité. Analyser ce qui fonctionne, ce qui rate, pourquoi.

Livrable : Fiche d’analyse de 3 œuvres

Séance 2 : Storyboarder l’interactivité

Format : Atelier pratique (4h)

Apprendre à représenter visuellement une interaction. Créer le vocabulaire graphique pour concevoir sans coder.

Livrable : Storyboard interactif d’une œuvre existante

Séance 3 : Concevoir sans contraintes

Format : Idéation créative (4h)

Partir d’une émotion et imaginer comment l’interaction peut la créer. Brainstorming sans limites techniques.

Livrable : Concept d’expérience interactive

Séance 4 : Le langage de l’interaction

Format : Analyse critique (4h)

Interaction évidente vs subtile. Quand montrer, quand cacher ? Développer un regard critique sur ce qui réussit ou rate.

Livrable : Analyse critique de 2 œuvres (une réussie, une ratée)

Séance 5 : Projet final

Format : Conception et pitch (4h)

Créer le dossier de conception d’une expérience interactive narrative complète. Présenter et défendre vos choix.

Livrable : Dossier de conception + pitch oral

Évaluation

Participation active (20%)

Qualité des interventions en discussion
Engagement dans les exercices collectifs

Livrables intermédiaires (40%)

Fiche d’analyse (10%)
Storyboard (10%)
Concept d’expérience (10%)
Analyses critiques (10%)

Projet final (40%)

Qualité du storyboard (10%)
Cohérence émotion/interaction (15%)
Présentation orale (10%)
Originalité (5%)

Outils fournis

Templates de travail

Fiche d’analyse d’œuvre : grille structurée pour analyser
Storyboard interactif : symboles visuels pour représenter les interactions
Brief de conception : cadre pour structurer vos idées

Catalogue d’œuvres

Une sélection d’expériences interactives à analyser, organisée par forme et par medium.

Symboles visuels

Un jeu d’icônes pour représenter les interactions dans vos storyboards (clic, survol, scroll, drag, etc.)

Ce que vous allez apprendre

À la fin de ce cours, vous saurez :

Identifier les modalités d’interaction dans n’importe quelle œuvre
Analyser pourquoi une interaction fonctionne ou rate narrativement
Concevoir une expérience interactive cohérente
Communiquer vos idées visuellement (storyboard)
Défendre vos choix d’interaction face à une intention narrative

Sans écrire une seule ligne de code.

Complémentarité avec Sites Web Dynamiques 1

Ce cours ne remplace pas le cours technique. Il le complète :

Sites Web Dynamiques 1 : Découvrir les mécanismes techniques avec exemples de code
Décrypter l’interactivité : Développer le regard critique et l’intention narrative

Vous choisissez votre niveau d’engagement technique selon votre sensibilité.

Prêt à commencer ?

L’interactivité n’est pas réservée aux développeurs. C’est un langage narratif que tout créateur peut maîtriser.

Séance 1 : Les 5 modalités →