Skip to content

Séance 5 - Projet final

Durée : 4h
Format : Conception et pitch
Livrable : Dossier de conception + présentation orale


À la fin de cette séance, vous aurez :

  • Créé un dossier de conception complet
  • Présenté et défendu votre projet
  • Reçu des retours constructifs du groupe
  • Finalisé votre vision d’expérience interactive

Rappel des contraintes :

  • Durée de l’expérience : 3-5 minutes
  • Une émotion claire
  • Maximum 2 formes d’interactivité
  • Cohérence intention/réalisation

Ce qui est attendu :

Dossier de conception (70% du projet final) :

  1. Storyboard interactif complet
  2. Brief de conception rempli
  3. Justification narrative (min 200 mots)

Présentation orale (30% du projet final) :

  • 5 minutes de présentation
  • 3 minutes de questions/réponses
  • Support visuel (montrer le storyboard)

Travail individuel pour finaliser le dossier.

Storyboard (60 min)

  • État initial dessiné et annoté
  • États intermédiaires identifiés
  • Symboles d’interaction placés
  • Flèches de causalité tracées
  • Embranchements narratifs représentés
  • Annotations d’émotion ajoutées
  • Compréhensible par un tiers

Brief de conception (40 min)

  • Émotion visée clairement définie
  • Synopsis en 3 phrases
  • Forme(s) d’interactivité justifiée(s)
  • Parcours utilisateur décrit
  • Moodboard/références visuelles
  • Contraintes et scope identifiés

Justification (20 min)

  • Minimum 200 mots
  • Explique pourquoi cette interaction pour cette histoire
  • Réflexion sur ce que l’interaction apporte
  • Cohérence argumentée

Circulation de l’enseignant :

  • Feedback individuel
  • Réponses aux questions
  • Vérification de la cohérence

3. Préparation de la présentation (30 min)

Section titled “3. Préparation de la présentation (30 min)”

Format de présentation :

Structure recommandée (5 min) :

  1. Hook (30s) : Quelle émotion voulez-vous créer ?
  2. Concept (1 min) : Synopsis et intention
  3. Interaction (2 min) : Comment ça fonctionne (montrer le storyboard)
  4. Justification (1 min) : Pourquoi cette interaction sert cette histoire
  5. Conclusion (30s) : Ce que vous voulez que l’utilisateur retienne

Conseils :

  • Répétez et chronométrez-vous
  • Projetez votre storyboard (photo, scan, ou fichier numérique)
  • Préparez-vous aux questions critiques
  • Soyez concis, pas besoin de tout détailler

4. Vernissage : Présentation des projets (90 min)

Section titled “4. Vernissage : Présentation des projets (90 min)”

Format galerie :

Chaque étudiant présente son projet (8 min par projet : 5 min présentation + 3 min questions).

Ordre de passage : Tirage au sort ou volontaires

Rôle de l’audience :

  • Écoute active
  • Questions constructives après chaque présentation
  • Pas de critiques destructrices, chercher à comprendre

Questions types de l’enseignant :

  • “Pourquoi avoir choisi cette forme d’interactivité ?”
  • “Que se passe-t-il si l’utilisateur fait X au lieu de Y ?”
  • “Quelle est l’émotion que vous visez exactement ?”
  • “Si vous aviez plus de temps/moyens, qu’ajouteriez-vous ?“

Retour collectif :

Ce qu’on a observé :

  • Quels projets vous ont le plus marqué ? Pourquoi ?
  • Quelles formes d’interactivité dominent ?
  • Y a-t-il des tendances (émotions récurrentes, approches similaires) ?

Leçons du parcours :

  • Qu’avez-vous appris sur l’interactivité narrative ?
  • Votre regard sur les expériences interactives a-t-il changé ?
  • Qu’est-ce que vous retenez pour vos futurs projets créatifs ?

Ouverture :

  • L’interactivité au-delà du web
  • Continuer à explorer, analyser, créer
  • L’importance du regard critique

Dossier de conception + présentation orale (40% de la note finale)

À rendre en format numérique (PDF) :

  1. Page de garde

    • Titre du projet
    • Votre nom
    • Date
  2. Storyboard interactif complet

    • Format : scan papier OU fichier numérique
    • Minimum 3-5 états
    • Symboles et annotations
  3. Brief de conception

    • Utilisez le template fourni
    • Sections principales remplies
    • Moodboard inclus
  4. Justification narrative

    • Minimum 200 mots
    • Pourquoi cette interaction pour cette histoire ?
    • Cohérence intention/réalisation
    • Originalité de la proposition

Format : PDF unique, 5-10 pages (hors storyboard)

Deadline : [Date à définir]


Critères :

  • Clarté de la présentation
  • Capacité à défendre ses choix
  • Réponse aux questions critiques
  • Respect du temps (5 min)

Support visuel obligatoire : Storyboard projeté


CritèrePoints
Clarté et compréhensibilité4
Utilisation correcte des symboles2
Identification des embranchements2
Annotations d’émotion2

CritèrePoints
Intention narrative claire3
Synopsis concis et efficace2
Parcours utilisateur décrit2
Références pertinentes3

CritèrePoints
Cohérence intention/interaction5
Qualité de l’argumentation3
Originalité de la proposition2

CritèrePoints
Clarté de la présentation3
Capacité à défendre les choix4
Réponses aux questions2
Respect du temps1

Soyez concis

  • Qualité > quantité
  • Allez à l’essentiel
  • Évitez les répétitions

Soignez la forme

  • Document structuré et lisible
  • Images de bonne qualité
  • Pas de fautes d’orthographe

Assumez vos choix

  • Expliquez clairement pourquoi vous avez fait tel choix
  • Même si c’est simple, défendez-le

Préparez-vous

  • Répétez plusieurs fois
  • Chronométrez-vous
  • Anticipez les questions

Soyez clair

  • Parlez distinctement
  • Expliquez avec des mots simples
  • Montrez votre storyboard

Soyez honnête

  • Si vous ne savez pas répondre à une question, dites-le
  • Reconnaissez les limites de votre concept si nécessaire
  • Montrez que vous avez conscience des défis

“Pourquoi cette forme d’interactivité ?”
→ Préparez une réponse claire qui lie l’interaction à l’émotion visée

“Que se passe-t-il si l’utilisateur fait X ?”
→ Montrez que vous avez pensé aux variations de parcours

“Votre concept ressemble à [œuvre existante], quelle est la différence ?”
→ Identifiez votre apport personnel, votre variation

“Comment savez-vous que l’utilisateur va ressentir cette émotion ?”
→ Expliquez les mécanismes narratifs et psychologiques que vous utilisez


Émotion : Nostalgie
Interaction : Exploration (survol)
Concept : Une page blanche. En survolant avec la souris, des fragments de lettres d’amour apparaissent puis disparaissent. Plus vous restez sur un mot, plus il devient lisible.
Pourquoi ça fonctionne : L’interaction du survol crée la fragilité de la mémoire. L’effort de lecture reflète l’effort de se souvenir.


Émotion : Malaise
Interaction : Temps (attente)
Concept : Une conversation de couple. À chaque silence, l’utilisateur doit attendre (timer visible). Plus il y a de silences, plus l’attente devient longue et oppressante.
Pourquoi ça fonctionne : L’attente forcée crée physiquement le malaise. Le timer visible augmente l’anxiété.


Émotion : Dilemme moral
Interaction : Choix (clic)
Concept : Une série de souvenirs (texte + image). Pour chaque souvenir, l’utilisateur doit choisir : effacer ou garder. Les souvenirs gardés influencent la fin.
Pourquoi ça fonctionne : Le choix est irréversible, créant du poids. L’accumulation des choix construit une identité narrative.


Ce que vous avez appris :

  • Identifier les formes d’interactivité narrative
  • Analyser pourquoi une interaction fonctionne ou rate
  • Concevoir une expérience interactive cohérente
  • Communiquer visuellement vos idées
  • Défendre vos choix créatifs

Comment continuer :

  • Continuez à analyser les œuvres interactives que vous rencontrez
  • Expérimentez, créez, testez
  • Partagez vos créations
  • Restez curieux

Complémentarité avec Sites Web Dynamiques 1 :

  • Si vous voulez réaliser techniquement vos concepts
  • Vous avez maintenant la vision narrative, ajoutez la technique

  • Itch.io - Publiez vos créations
  • Twitter #interactivefiction #webnarrative
  • Discord de créateurs interactifs

Outils no-code pour réaliser vos concepts

Section titled “Outils no-code pour réaliser vos concepts”
  • Twine - Fiction interactive textuelle
  • Ren’Py - Visual novels
  • Bubble - Applications web sans code
  • IndieCade
  • IDFA DocLab
  • Webby Awards

Toutes les ressources théoriques complémentaires sont disponibles dans la Bibliothèque de ressources.