exclu mondiale :)
formation UX design !
53h de vidéo
60 études de cas
150 livrables - 160 wireframes
places limitées

scénarisation de film interactif

icone films interactifs
écrit en 2010
et révisé en 2016 par
Julien Muckensturm
Architecte de l'information
icone linkedin
icone viadeo

Intérêt des films interactifs

Chapitrer des contenus pour film interactif

Les codes de l’écriture interactive s’imposent lorsque vos messages doivent dépasser la logique de consultation traditionnelle et prendre une forme davantage interactionnelle et visuelle : il convient d’adapter la narration, le format, la présentation et donc le traitement des contenus dans une logique animée ; nous proposons de chapitrer et d’adapter vos contenus pour vos films interactifs.

Concrètement, il s’agit de poser les premières bases de la trame animée autour des grandes séquences de contenu et des actions éventuellement proposées en complément : le travail d’affinage des contenus et des éléments multimédias à faire figurer (visuels, sonores, animations, 3D, séquence vidéo) se matérialise progressivement par itérations avec les équipes créatives.

Nous vous recommandons de réaliser un découpage des contenus en vue de la conception d’un film interactif dans les cas suivants :

  • projet de film interactif pédagogique, éducatif, ludique, corporate,
  • transposition d’un contenu print sous forme multimédia et interactive,
  • formatage des contenus inadaptés aux codes audiovisuels,
  • volonté de rythmer une narration par une séquence animée et interactive,
  • etc.

Scénariser un film interactif

matérialiser la trame, poser la séquence, sans partir en production tête baissée...

Nous pouvons réaliser les scénarios de vos films interactifs sous forme de storyboard détaillés ; cette étape est indispensable avant de passer à la réalisation des séquences vidéos et animées et permet de préfigurer la trame du film interactif.

L’objectif du scénario détaillé est de clairement préfigurer le prototype du film interactif à produire afin d’orienter et cadrer le travail de réalisation.

Il s’agit d’identifier et de scénariser : les possibilités d’actions pour les utilisateurs dans le cadre de films interactifs, les transitions, le fonctionnement de l’interface, la mise en scène des contenus et des visuels, la trame vidéo et les thématiques à illustrer, l’ambiance sonore, etc.

Exemples de films interactifs

films interactifs Total exemple de films interactifs - Total
référence ux Total exploration
2009 - esquissé par Julien MUCKENSTURM
scenarisation film interactif modele exemple de scenarisation
modèle de document
2010 - Julien MUCKENSTURM
scenarisation film interactif modele exemple de scenarisation
modèle de document
2010 - Julien MUCKENSTURM

Objectifs des films interactifs

Objectifs d'un séquençage des contenus

travailler dans l'optique "écriture interactive"...

Les objectifs prioritaires visés par une prestation d’écriture interactive :

  • rédiger un synopsis,
  • définir les conteneurs et les modalités de présentation des contenus,
  • formater et mettre aux normes les contenus en vue d’une séquence animée,
  • organiser les contenus par thématique et par chapitre,
  • synthétiser les informations clés à délivrer,
  • mettre à plat une timeline narrative,
  • clarifier les interactions visuelles, sonores, narratives et interactives,
  • définir les actions et les possibilités d’interaction sur la timeline,
  • synthétiser tous les événements sur la timeline,
  • esquisser l’interface, le lecteur et la mise en scène des actions,
  • amorcer les principes de transition.

Le travail de séquençage des contenus et d’écriture interactive est à compléter par un storyboard détaillé ou un scénario animé des éléments à faire figurer à l’écran.

Objectifs d'un scénario animé de film interactif

modéliser la trame du film interactif par le biais d'un scenario pour visualiser les étapes et enchaînements...

Sur la base du séquençage des contenus et de la validation d’une timeline, le scénario détaillé vise à :

  • préfigurer la trame du film interactif et storyboarder le déroulement,
  • identifier les sources de contenu alimentant le flux animé,
  • définir les modalités d’interaction et de fonctionnement de l’interface,
  • spécifier les comportements, les contenus sonores, visuels, animés,

Méthode pour scénariser des films interactifs

Séquencer les contenus...

établir le séquençage et l'ordonnancement des séquences...

Sur la base de votre brief, nous épluchons la documentation à disposition lorsqu’elle existe, puis nous rédigeons un premier jet de synopsis suivi par une esquisse de séquençage des contenus, par thématique…

Chaque thème fait l’objet d’un approfondissement et se matérialise par une trame de contenu, de sons, d’éléments visuels, d’animations et de vidéos ainsi que par des possibilités d’actions : le tout est formaliser sous forme de timeline.

le travail d’affinage porte sur le temps à allouer à chaque scène et les possibilités d’interaction à proposer dans chaque tableau ; l’écriture effective des contenus et / ou de la narration est réalisée de façon indépendante par nos soins ou par un expert, fonction de la problématique.

Modéliser le scénario de l'animation...

Habiller chaque séquence autour des grandes thématiques clés à illustrer...

Suite au brief et la définition de la trame de la séquence vidéo (chapitrage, thématique, séquençage des événements sur une timeline), nous déroulons les écrans sous forme de storyboard pour les principaux tableaux de chaque trame.

Le document final peut-être matérialisée par des esquisses de storyboard, une présentation powerpoint animée ou un prototype flash de 20 à 200 diapositives…

Films interactifs, et après ?

Travaux complémentaires aux films interactifs

le travail de scénarisation s’effectue en synergie, sur base d’allers-retours, entre le séquençage des contenus, la timeline des événements et la matérialisation effective des écrans sous forme de storyboard ; en règle générale, lorsque nous scénarisons un film interactif, nous nous attachons également à réaliser le travail de séquençage des contenus et de tramage global.

Vous préférez le faire vous-même ?

Téléchargez des modèles de films interactifs

Vous souhaitez internaliser ou concevoir vous-même des films interactifs ?

IAFACTORY vous propose des modèles documentaires à télécharger permettant de travailler les dimensions de chapitrage de contenu et de traduction sous forme de timeline : ces documents sont disponibles et consultables dans notre site dédié aux modèles documentaires.

Suivez notre programme elearning IA - UX

mais oui, suivez "donc" notre programme de formation en ligne ! Vous saurez tout de l'IA - UX :).

Nous proposons également un programme elearning IA - UX (iafactory learn) en architecture de l'information et design d'expérience utilisateur super pragmatique et très complet autour de 50h de vidéos, incluant 150 modèles prêts à l'utilisation et 160 écrans de wireframes clés en main pour travailler sur vos projets !

Vous souhaitez scenariser vos projets digitaux vous-même ?

Vous avez raison, on n'est jamais mieux servi que par soi-même...
Gagnez du temps en utilisant nos modèles conçus avec amour et surtout prêt à l'utilisation !

vignette modèles livrables scenarisation des animations
format Powerpoint .PPTX compatible MAC / PC

Modèle scenarisation éditoriale A TELECHARGER

Des modèles pour scénariser les animations et les films interactifs

  • scénarisez les contenus simplement et efficacement !
  • des modèles clés en main : écriture interactive, scenario de film...
  • ces modèles sont une partie d'un pack plus complet (voir fiche produit)
  • facile à personnaliser et prêt à l'utilisation
  • rendu sobre et élégant : optimisé pour l'impression et la lecture à l'écran
72 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles livrables kit complet
format Powerpoint .PPTX compatible MAC / PC

150 modèles de livrables A TELECHARGER

Kit ultime de livrables pour documenter vos projets digitaux de A à Z !

  • 150 modèles de livrables clés en main homogènes, cohérents et prêts à l'utilisation
  • livrables souples et flexibles 100% personnalisables pour vos projets digitaux
  • formalisez et documentez toutes les étapes de vos projets efficacement et rapidement :)
  • documentez efficacement toutes les étapes de vos projets digitaux !
  • outil facile à prendre en main et rendu design
  • optimisé pour l'impression et la lecture à l'écran
378 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles wireframe iafactory shop
format Powerpoint .PPTX compatible MAC / PC

iafactory shop CENTRE DE TELECHARGEMENT

Des outils puissants prêts à l'utilisation pour vos projets digitaux

  • outils et modèles de livrables pour documenter toutes les étapes de vos projets
  • modèles de wireframes clés en main pour concevoir votre interface
  • ebook pratique pour progresser
  • outil facile à prendre en main et rendu design
  • modèles disponible à la carte ou en kit complet
30 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé

Pourquoi IAFACTORY propose des modèles ?

IAFACTORY est d’abord un cabinet de conseil en architecture de l’information. Notre métier consiste, principalement, à modéliser des solutions de conception.
Avec modestie. Avec haute précision.
Pour vous faire gagner du temps, nous avons modélisé, plus de 150 modèles prêts à l’utilisation.

Ces modèles, ce sont les outils que nous utilisons.
Pour la méthode. Et pour la rationalisation.
C’est aussi le framework qui constitue le socle de nos formations.
L’ensemble représente plusieurs années de formalisation.

Les modèles font gagner du temps à tous les acteurs du projet, parce qu’ils sont à la fois souples, pointus et diversifiés.
Nos produits sont exclusifs, faits mains, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous achetez...

Partager ces modèles est une bonne idée.
Par vos avis, l’outil peut évoluer.
Par vos achats, vous contribuez à le financer.
Au final, tout le monde est satisfait :).

Découvrez notre programme de formation vidéo en ligne

10 années de pratique condensées dans un format digeste et ludique :)
Une solution innovante à moindre coûts pour progresser et acquérir rapidement les bases et les outils !

vignette arborescence video à la demande vod Ux design
4H de vidéo format .MP4 compatible MAC / PC

Vidéo arborescence + livrables A TELECHARGER

Tout ce qu'il faut savoir pour structurer les contenus.

  • 1 vidéo "Structuration et segmentation des contenus" - 91 minutes
  • 1 vidéo "Structuration et architecture éditoriale" - 63 minutes
  • 1 vidéo "Le métier d'architecte de l'information" - 60 minutes
  • 9 cas d'étude illustrés
  • + 30 modèles inclus pour organiser les contenus
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette conception interaction video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframes + livrables A TELECHARGER

Tout ce qu'il faut savoir sur la conception et le design d'interaction.

  • 1 vidéo "Scénaristion des interactions" - 92 minutes
  • 1 vidéo "Modélisation du zoning" - 84 minutes
  • 1 vidéo "Conception des écrans, wireframing" - 154 minutes
  • 26 cas d'étude illustrés
  • + 30 modèles inclus pour concevoir des wireframes
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette prototypage avec axure video à la demande vod Ux design
3H de vidéo format .MP4 compatible MAC / PC

Vidéo prototypage avec Axure A TELECHARGER

Tout ce qu'il faut savoir pour réaliser un prototype avec Axure.

  • 1 vidéo "Prototypage, concevoir avec Axure" - 151 minutes
  • Des explications précises
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 1 exercice à réaliser pour apprendre rapidement
120 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette concevoir wireframing avec Powerpoint video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframing + livrables A TELECHARGER

Tout ce qu'il faut savoir pour réaliser des wireframes avec PowerPoint.

  • 1 vidéo "Concevoir des wireframes avec PowerPoint" - 141 minutes
  • 1 vidéo "Concevoir un storyboard animé avec PowerPoint " - 157 minutes
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 2 exercices à réaliser pour apprendre rapidement
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette formation video UX
53H de vidéo + 150 livrables + 160 wireframes !

Formation elearning IA-UX design ACCES 1AN

Programme vidéo complet de 53H d'auto-formation en UX design.

  • découvrez iafactory learn : 50 vidéos soit plus de 53h de vidéo en streaming illimité
  • 150 modèles de livrables prêts à l'utilisation et 160 wireframes pour vos projets
  • formation illustrée par 60 exemples de projets UX
  • 7 exercices pratiques, 1 étude de cas UX à réaliser
  • support de formation inclus de 1350 pages
720 euros

accès immédiat via iafactory learn / on croit en nos formations : satisfait ou remboursé

Pourquoi IAFACTORY propose des formations ?

D’abord nous aimons notre métier.
Pour être à la pointe, nous faisons tout pour progresser.
Naturellement, nous avons aussi envie de partager...

Ces formations représentent un important travail de capitlisation.
Mais aussi de formalisation.
Depuis plusieurs années, nous les améliorons.
En vidéo nous les mettons à votre disposition.

2 formules au choix pour progresser.
Formule VOD pour les plus pressés...
Formule ELEARNING pour un programme complet...

Nous réalisons parallèlement des formations professionnelles en design d’expérience utilisateur et architecture de l’information.
D’ailleurs, auprès de la région Alsace, IAFACTORY est déclaré comme organisme de formation.
Nous sommes également partenaire de l’université de Strasbourg et intervenons auprès d’étudiants en voie de professionnalisation.

Les formations sont conçues pour vous faire progresser. Nous fournissons le matériel adéquat pour vous y coller...
Nos formations sont originales, artisanales, humaines, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous essayez...

Partager ces formations est, nous en sommes convaincus, une bonne idée.
Par vos avis, les formations peuvent évoluer.
Par vos achats, vous contribuez à la financer.

Vous avez un projet en tête ?

nous concevons vos films interactifs dans une logique d'ensemble,
et nous porte grande attention, en toute logique, à l'ensemble des détails !

Scénarisation interactive : références

Films interactifs : la prestation IAFACTORY

Concrètement ce que nous faisons

Notre prestation en matière de scénarisation de film interactifs :

  • rédaction d’un synopsis,
  • séquençage des contenus et de la timeline des événements,
  • définition des ambiances, narratives, visuelles, sonores, interactives,
  • scénario de la trame du film et storyboard détaillé des principaux tableaux,
  • spécification des éléments constitutifs de la séquence (son, contenu, etc.),
  • itérations avec les équipes créatives de production.

Nous scénarisons toutes vos séquences animées, de l'animation jusqu'au moyen métrage.

Vos séquences interactives scénarisées par un artisan.

Avec amour, précision, originalité.
Pas de sous-traitance.

Objectif : visualisation !
Si vous souhaitez vous faire accompagner en phase de conception

A partir de là, les internautes lisent aussi

CADRAGE FONCTIONNEL
Résumé synthétique des intentions du dispositif digital et des parcours des utilisateurs.
synopsis
CONCEPTION D'INTERFACE
Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing
CONCEPTION D'INTERFACE
Storyboard des écrans : approche scénarisée de l'enchainement des écrans illustrant un parcours.
prototypage