SlideShare une entreprise Scribd logo
1  sur  234
Télécharger pour lire hors ligne
LA NARRATION
INTERACTIVE
Benjamin Hoguet
http://benhoguet.com | @benhoguet
INTRODUCTION À LA
NARRATION INTERACTIVE
1
UNE BRÈVE HISTOIRE DE LA
NARRATION INTERACTIVE
UNE INTRODUCTION À LA CRÉATION INTERACTIVE
L’interactivité est ancrée dans notre ADN culturel
Il y eut d’abord les tentatives de rendre
les médias linéaires plus interactifs…
Kinoautomat
1967
… puis fut inventé un média nativement interactif
Zork
1980
… avant qu’Internet ne réinvente les
interactions sociales
Le Tunnel sous l’Atlantique
1995
Et il y a une dizaine d’années,
nous sommes entrés dans l’ère moderne
de la narration interactive
LES 3 FORMES
D’INTERACTIVITÉ
UNE INTRODUCTION À LA CRÉATION INTERACTIVE
3 FORMES D’INTERACTIVITÉ
MACHINE SOCIALE CONTRIBUTIVE
L’INTERACTIVITÉ MACHINE
Jeu d’influences
2013
Wei or Die
2015
Phallaina
2016
Lifeline
2015
Late Shift
2015
L’INTERACTIVITÉ « MACHINE »
L’interface, c’est l’expérience.
L’univers du projet est fini et clairement délimité.
Le créateur du projet est un démiurge.
L’INTERACTIVITÉ SOCIALE
Léon Vivien
2014
Star Wars: Rogue One (chatbot)
2017
Zéro Impunity
2017
L’INTERACTIVITÉ SOCIALE
L’interface est un canal de communication.
L’univers du projet se propage sur les réseaux sociaux.
Le créateur du projet est un entremetteur.
L’INTERACTIVITÉ CONTRIBUTIVE
The Johnny Cash Project
2011
Viols, les Voix du Silence
2014
Génération What ?
2013 - 2017
L’INTERACTIVITÉ CONTRIBUTIVE
L’interface est un outil.
L’univers du projet est en expansion à chaque participation.
Le créateur du projet est un leader et un modérateur.
ATELIER #1
LES TYPES D’INTERACTIVITÉ
Atelier #1
Les types d’interactivité
30’
MACHINE SOCIALE CONTRIBUTIVE
Autour du thème : la manipulation, le pouvoir, la cruauté,
imaginez trois expériences différentes, une pour chaque type d’interactivité :
Présentation en deux minutes maximum !
LES FONDAMENTAUX DE
L’ÉCRITURE INTERACTIVE
2
LES COMPOSANTES DE
TOUTE HISTOIRE
S’ADAPTER AUX NOUVEAUX USAGES
LES COMPOSANTES DE TOUTE HISTOIRE
Personnages
Conflit
Point de vue
Temps du récit
Espace du récit
On raconte l’histoire de quelqu’un,
pas de quelque chose.
Un personnage est caractérisé par :
• le but de sa quête
• son passé
• ses motivations
• ses relations
• son physique, etc.
LES PERSONNAGES
CHOISIR SON PERSONNAGE
The {} And
2015
INCARNER UN PERSONNAGE
Jeu d’Influences
2013
ÊTRE SOI-MÊME UN PERSONNAGE DU RÉCIT
Lifeline
2015
La quête des personnages est
menacée par des conflits. Leur
résolution constitue la trame du récit.
Un conflit peut être :
• ouvert ou indirect
• violent ou non
• interne ou externe
LES CONFLITS
Il n’y a pas d’histoire sans celui
qui la raconte.
La narration peut se faire à :
• la première, la seconde ou la
troisième personne
• par un narrateur unique ou alterné
• par un narrateur externe ou interne
LE POINT DE VUE
CHOISIR SON POINT DE VUE
Wei or Die
2015
OPPOSER DES POINTS DE VUES
Gaza / Sderot
2012
Le temps d’une histoire peut s’étirer, se
ralentir, s’arrêter, il peut être éludé,
remonté, déstructuré…
LE TEMPS DU RÉCIT
REPRÉSENTER VISUELLEMENT LE TEMPS
Out of Sight, Out of Mind
2012
DONNER LE CONTRÔLE DU TEMPS
Life is Strange
2015
DÉVELOPPER UN RÉCIT EN TEMPS RÉEL
Lifeline
2015
Réels ou fictifs, certains lieux peuvent
prendre autant de place dans l’histoire
que les personnages qui les habitent.
L’ESPACE DU RÉCIT
REPRÉSENTER VISUELLEMENT L’ESPACE
Riding the New Silk Road
2013
REPRÉSENTER L’ESPACE À 360°
I, Philip
2016
PROPOSER DES EXPÉRIENCES IN SITU
Cinemacity
2013
LE RÔLE DU PUBLIC DANS
UNE HISTOIRE INTERACTIVE
S’ADAPTER AUX NOUVEAUX USAGES
Écrire une histoire interactive,
c’est trouver la juste place du public
dans le récit.
L’enjeu est donc de trouver un équilibre entre
la place de l’auteur
DIRECTION
la place du public
CHOIX
Quel est le rôle du public dans l’histoire ?
DIVINITÉFANTÔME PERSONNAGE LUI-MÊME
Le public comme fantôme
est un témoin de l’action
ne prend pas de décision pour les personnages
influe sur le point de vue du récit
Wei or Die
2015
Phallaina
2016
Le public comme personnage
est placé au coeur de l’action
prend certaines décisions pour le personnage incarné
influe sur le récit et sur les autres personnages
Life is Strange
2015
Jeu d’influences
2013
Le public comme divinité
n’appartient pas au récit mais en bouleverse le fil
prend des décisions qui dépassent le rôle de témoin
ou de n’importe quel personnage
Swap Tales
2016
Fort McMoney
2013
Le public étant lui-même
n’incarne personne
prend des décisions avec ses propres motivations
est (parfois) intégré au récit avec ses données personnelles
Lifeline
2015
Star Wars: Rogue One (chatbot)
2017
Note : ce rôle du public peut être assumé
SEUL A PLUSIEURS
Choose Your Own Documentary
2015
Late Shift
2015
FAIRE FAIRE DES CHOIX
AU PUBLIC
DE L’IDÉE AU CONCEPT NARRATIF
Faire faire des choix, c’est d’abord donner
des objectifs et des informations au public.
Il utilisera les informations à sa disposition pour estimer
si tel ou tel choix le rapprochera ou l’éloignera de ses objectifs.
Sans objectif ou informations,
autant lancer un dé pour faire ses choix…
Il faut ensuite déterminer les types de choix
qui seront offerts au public.
CHOIX RATIONNELCHOIX EXPLORATOIRE
CHOIX EXPLORATOIRE
Life is Strange
2015
Life is Strange
2015
CHOIX RATIONNEL
Certaines oeuvres proposent
principalement des choix exploratoires.
Le public n’a donc qu’une très faible influence sur le
déroulé de histoire.
CHOIX EXPLORATOIRE
Hors-Jeu
2016
CHOIX EXPLORATOIRE
Wei or Die
2015
Tandis que d’autres proposent
principalement des choix rationnels.
Le public y a donc une très forte influence sur le déroulé de
histoire.
CHOIX RATIONNEL
Jeu d’Influences
2013
CHOIX RATIONNEL
Lifeline
2015
Si le spectateur fait un choix rationnel,
il va penser qu’il existe un
embranchement dans le fil du récit.
Les « faux choix » sont donc une
rupture du contrat avec le public…
Intervention
2016
Mais on ne peut pas non plus créer une
nouvelle version de l’histoire à chaque choix…
(sinon 20 choix binaires de suite = 1 048 576 fins possibles)
Plusieurs solutions pour éviter cet écueil
FAIRE CONVERGER
LE RÉCIT
PROPOSER DES
CHOIX « FORCÉS »
VARIER L’IMPORTANCE
DES CHOIX
FAIRE CONVERGER LE RÉCIT
PROPOSER DES CHOIX FORCÉS
Firewatch
2015
VARIER L’IMPORTANCE DES CHOIX
Dans le chapitre 1 de Life is Strange :
4 choix majeurs
12 choix mineurs
les autres sont des choix exploratoires…
DÉVELOPPER SES
PERSONNAGES
STRUCTURER UN UNIVERS NARRATIF INTERACTIF
Deux types de personnages
dans une histoire interactive :
NON INCARNÉINCARNÉ
Créer un personnage incarné dans une histoire
interactive, c’est imaginer un personnage
« variant » et crédible.
Début
de l’histoire
Fin de
l’histoire
Pour que le personnage incarné soit
variant et crédible, il faudra :
ne pas trop « délimiter » le personnage au début
faire évoluer son caractère et ses réactions en fonction de ses choix
faire également évoluer les réactions des autres personnages
The Walking Dead
2012
Faire incarner un personnage, c’est assumer une
contradiction : l’utilisateur a l’air « amnésique ».
Pour que le public s’attache à « son »
personnage, il faudra donc
qu’il accepte l’objectif du personnage comme le sien
qu’il comprenne ses motivations (à défaut de les partager)
qu’il puisse le façonner (en partie) à son image
Note : le public n’incarne pas toujours quelqu’un,
ou à l’inverse peut incarner plusieurs personnages
Heavy Rain
2010
DE L’INTENTION AU
CONCEPT CRÉATIF
3
L’INTENTION D’UNE L’OEUVRE INTERACTIVE
Faire déciderFaire créerFaire explorer Faire réagir
Je vous que l’utilisateur crée son propre parcours
parmi les options offertes
La délinéarisation et la personnalisation sont les
promesses fréquentes de ce type d’expériences.
Faire explorer
L’INTENTION D’UNE L’OEUVRE INTERACTIVE
Wei or Die
2015
Cinemacity
2013
Je veux que l’utilisateur participe au débat ou à la
conversation, autour ou dans une oeuvre.
Les interactions sociales peuvent se dérouler sur une
plateforme ad hoc ou directement sur les réseaux sociaux.
L’INTENTION D’UNE L’OEUVRE INTERACTIVE
Faire réagir
Léon Vivien
2014
Zéro Impunity
2017
Je veux que l’utilisateur soit le co-créateur
de l’oeuvre ou d’une partie de l’oeuvre.
La participation peut être de l’ordre d’une simple idée ou de
contenus plus ou moins complexes (texte, photo, vidéo…).
Faire créer
L’INTENTION D’UNE L’OEUVRE INTERACTIVE
Star Wars Uncut
2012 - Auj.
Viols, les Voix du Silence
2014
Je veux que l’utilisateur fasse des choix qui
transforment le cours de l’histoire.
C’est la posture du jeu et de la fiction
interactive.
Faire décider
L’INTENTION D’UNE L’OEUVRE INTERACTIVE
Late Shift
2015
Lifeline
2015
NOUS VOULONS RACONTER […]
AVEC POUR BUT DE FAIRE
[EXPLORER, RÉAGIR, CRÉER, DÉCIDER]
À UN PUBLIC DE […]
L’intention d’un projet peut se schématiser ainsi :
donner une impulsion claire au travail collectif
pouvoir y confronter les idées avancées à tout moment
mieux présenter le projet auprès de tiers
Une intention précise et partagée
par le groupe créatif permet de :
Identifier ses publics permet :
• de choisir les supports de diffusion pertinents
• d’orienter le ton et le niveau de langage
• de préparer une communication efficace
A PROPOS DU PUBLIC CIBLE
Identifier ses publics cibles ne revient pas à :
• dire aux gens ce qu’ils ont envie d’entendre
• sacrifier son intention aux impératifs du marketing
• devoir lisser son discours
A PROPOS DU PUBLIC CIBLE
Les publics cibles :
• ne sont pas forcément les gens déjà passionnés par le sujet
• ne peuvent pas être « le grand public » (car il n’existe pas)
A PROPOS DU PUBLIC CIBLE
ATELIER #2
L’INTENTION
Atelier #2
L’intention
30’
A partir d’une des trois expériences imaginées lors de l’atelier #1,
définissez plus précisément l’intention de cette histoire interactive sur le modèle de :
NOUS VOULONS RACONTER […] AVEC POUR BUT DE FAIRE […]À UN PUBLIC DE […]
Pensez vraiment à votre public (pas juste « les jeunes », « le grand public »…)
IDENTIFIER LE(S) BON(S)
SUPPORT(S) DE DIFFUSION
DE L’IDÉE AU CONCEPT INTERACTIF
Navigateur
Avantages
• accessible au plus grand nombre
• facilite la communication sur les
réseaux sociaux
• coûts de développement « faibles »
Inconvénients
• s’adapter aux différents navigateurs
• un rendu moins « maîtrisé »
• penser absolument une version
mobile
Mobile
Avantages
• utiliser les fonctionnalités
spécifiques aux mobiles
• simplicité du tactile
• environnements « contrôlé »
Inconvénients
• forte barrière à l’entrée
• nécessité de penser deux versions
(iOS et Android)
• avoir des moyens de communication
/ distribution importants
Tablette
Avantages
• support familial
• propice aux expériences de
« canapé »
• lien fort avec le mobile
Inconvénients
• forte barrière à l’entrée
• support moins démocratisé que le
mobile
Réseaux sociaux
Avantages
• coût technique (quasi) nul
• un public déjà présent
• une diversité de réseaux aux
sociologie différentes
Inconvénients
• nécessite de surnager dans un
océan de contenus
• s’adapter aux codes et usages
• passer par des influenceurs
Réalité virtuelle
Avantages
• un format innovant qui attire
l’attention
• une expérience utilisateur
radicalement différente
Inconvénients
• les coûts importants
• les usages peu clairs
• une multiplicité de supports
• un potentiel de vente limité
CHOISIR LES MODALITÉS
D’INTERACTOIN
DE L’IDÉE AU CONCEPT INTERACTIF
Navigateur
Clic
Survol
Scroll
Flèches du clavier
« Input » utilisateur
Webcam
Localisation
…
LES MODALITÉS D’INTERACTION
Mobile / Tablette
Touch
Swipe
Pinch
Géolocalisation
Caméra
« Input » utilisateur
Inclinaison
Voix
…
LES MODALITÉS D’INTERACTION
Réseaux sociaux
Publier
Commenter
Liker
Partager
Chatter / Dialoguer
+ Fonctionnalités propres
à chaque réseau
…
LES MODALITÉS D’INTERACTION
Réalité virtuelle
Voir à 360°
Déclencher au regard
« Room scale »
Fonctionnalités des
contrôleurs
…
LES MODALITÉS D’INTERACTION
ATELIER #2
LES MODES D’INTERACTION
Atelier #2
Les modes d’interaction
60’
A partir de votre concept interactif et de votre intention,
imaginez une séquence de l’histoire et détaillez la manière dont le public y interagit.
Le plus simple : faire un pas à pas
(je regarde une vidéo > la vidéo s’arrête et deux boutons apparaissent > je clique sur un bouton > etc.)
STRUCTURER UN RÉCIT
INTERACTIF
4
LES STRUCTURES
NARRATIVES INTERACTIVES
STRUCTURER UN RÉCIT INTERACTIF
LES STRUCTURES NARRATIVES INTERACTIVES
Linéaire Elastique Concentrique Parallèle Embranchements
Structure linéaire
Un début, une fin, l’utilisateur influe sur un aspect de la linéarité
Do Not Track
2015
Phallaina
2016
Avantages
• rassurant, familier pour l’utilisateur
• contrôle maximal pour l’auteur
• relativement simple à concevoir et à schématiser
Principaux défis
• éviter les interactions inutiles: cliquez pour continuer…
• une possible frustration d’un « manque d’interaction »
Structure linéaire
Structure élastique
Un fil narratif principal, des décrochages pour explorer davantage
A Short History of the Highrise
2013
Prison Valley
2009
Avantages
• familier pour l’auteur: c’est une forme innovante de « montage »
• préserve le contrôle de l’auteur sur l’histoire en proposant un arc narratif central fort
Principaux défis
• les décrochages trop fréquents peuvent rompre l’immersion dans l’histoire
• la qualité des décrochages est parfois trop faible pour motiver l’exploration
• quelle expérience si l’on interagit pas ?
Structure élastique
Structure concentrique
Plusieurs choix initiaux conduisent à des modules relativement indépendants
Uchroniques
2014
Hors-Jeu
2016
Avantages
• décompose l’expérience en section plus rapide à « consommer »
• permet à l’utilisateur d’aller vers le contenu qui l’attire davantage
Principaux défis
• l’intention d’auteur peut se diluer en se contentant de « classer » du contenu
• éviter d’avoir une qualité / quantité de contenu inégale entre les sections
• motiver le passage d’une section à l’autre
Structure concentrique
Structure parallèle
L’histoire avance en « flux » parallèles entre lesquels l’utilisateur bascule
Alma
2013
Wei or Die
2015
Avantages
• permet de confronter les points de vue, les temporalités, les espaces du récit
• donne à l’utilisateur l’opportunité de devenir le « réalisateur »
Principaux défis
• le lien entre les différents « canaux » n’est pas toujours clair
• l’expérience peut se résumer à un zapping peu éclairant
Structure parallèle
Structure à embranchements
De multiples choix tirent l’histoire dans des directions différentes
Jeu d’Influences
2013
Lifeline
2015
Avantages
• donne une grande (impression de) liberté à l’utilisateur
• l’expérience est « rejouable »
Principaux défis
• maîtriser le nombre d’embranchements
• éviter les faux choix
• proposer de réels dilemmes
• rendre chaque version de l’histoire cohérente et satisfaisante
Structure à embranchements
SCHÉMATISER UN
SCÉNARIO INTERACTIF
STRUCTURER UN RÉCIT INTERACTIF
Une visualisation indispensable
« Zoomer » sur un temps de la narration représentatif de l’expérience
Utiliser la méthode du storyboarding
REPRÉSENTER LA STRUCTURE
NARRATIVE INTERACTIVE
étude de cas
LA STRUCTURE NARRATIVE DE WEI OR DIE
étude de cas
LA STRUCTURE NARRATIVE DE WEI OR DIE
étude de cas
LA STRUCTURE NARRATIVE DE MORPHOSIS
étude de cas
LA STRUCTURE NARRATIVE DE MORPHOSIS
LES OUTILS D’ÉCRITURE
INTERACTIVE
STRUCTURER UN RÉCIT INTERACTIF
L’outil idéal pour écrire des histoires
interactives permet :
d’écrire un scénario non-linéaire
de visualiser la structure de ce scénario
d’écrire des dialogues et des conversations non-linéaires
L’outil idéal pour écrire des histoires
interactives n’existe pas.
Twine
Scénario + Structure
Ink
Dialogues + Structure
Pullstring
Dialogues + Structure
Lucidchart Diagram
Structure
Pour dépasser ces limites, il est possible de
COMBINER
PLUSIEURS OUTILS
DÉVELOPPER UN
OUTIL « MAISON »
COMBINER PLUSIEURS OUTILS
Wei or Die
Scénério + Timeline
COMBINER PLUSIEURS OUTILS
DÉVELOPPER UN OUTIL MAISON
Le mieux étant toujours de
commencer par des dessins !
ATELIER #4
STRUCTURATION
Atelier #4
Structuration
45’
A partir de votre concept interactif et de votre première séquence,
utilisez Twine pour décrire les grands mouvements de l’histoire et leur articulation.
http://twinery.org/2
Un passage est un mouvement de l’histoire
jusqu’à un embranchement
Pour faire un lien : [[titre du passage]]
Pour un lien avec un nom différent : [[Le texte
affiché pour le lien->titre du passage]]
LES BASES DE TWINE
http://twinery.org/2
LE DESIGN D’INTERFACES
NARRATIVES
5
UN PANORAMA DES
INTERFACES
NARRATIVES
CONCEVOIR UNE INTERFACE NARRATIVE
Leur intérêt
• matérialiser la liberté offerte à l’utilisateur
• marquer clairement le temps du choix (en alternance avec le temps de la consommation)
Leurs enjeux
• inscrire le choix dans une continuité narrative
• scénariser les moments de choix pour ne pas tomber dans le syndrome « menu de DVD »
• donner suffisamment d’informations pour permettre un choix satisfaisant
LES INTERFACES « POINT-AND-CLICK »
L’interface « générique » : plusieurs choix sont offerts à l’écran et
l’utilisateur doit se prononcer pour avancer.
Jeu d’influences
2013
Lifeline
2015
Leur intérêt
• permettre la « chorégraphie » linéaire de contenus pouvant être très variés
• laisser à l’utilisateur la « responsabilité » de son rythme de consommation
• faire reposer l’expérience sur un geste naturel (presque inconscient) de la navigation web
Leurs enjeux
• créer un sensation de contrôle de l’histoire chez l’utilisateur
• s’assurer de la fluidité technique du mouvement (sinon les frictions et la fatigue oculaire gâchent
l’expérience)
LES INTERFACES SCROLLABLES
L’utilisateur fait défiler une séquence d’animations et d’évènements.
L’interface combine donc linéarité et interaction.
Phallaina
2016
NSA Files: Decoded
2013
Leur intérêt
• construire un récit s’appuyant sur une chronologie précise d’évènements
• montrer des relations de causalité ou d’échelle temporelle
• donner à l’utilisateur un contrôle sur le passage du temps
Leurs enjeux
• ne pas se réduire à un simple énoncé chronologique des faits sans grande saveur
• parvenir à raconter une histoire avec de « simples dates »
• la conception linéaire du temps n’est pas universelle…
LES TIMELINES
Les mouvements de l’histoire sont proposés chronologiquement et
l’utilisateur peut ainsi naviguer dans le temps.
I Love Your Work
2014
Stainsbeaupays
2014
Leur intérêt
• matérialiser dans un même espace une opposition (de points de vue, de temporalité, de
localisation…)
• la grammaire du « split screen » est souvent familière pour l’utilisateur
Leurs enjeux
• rendre le lien entre les contenus à l’écran évident et clair pour l’utilisateur
• le fait de généralement devoir « couper » un contenu pour passer à un autre peut être
contreproductif en termes d’immersion et de compréhension
LES ÉCRANS PARTAGÉS
L’action est repartie sur plusieurs zones de l’écran que
l’utilisateur à le pouvoir « d’activer ».
Gaza / Sderot
2011
Alma
2012
Leur intérêt
• permet de subdiviser l’expérience en sous-parties, plus rapides à consommer
• stimule la sensibilité visuelle de l’utilisateur pour motiver son choix
Leurs enjeux
• éviter de simplement construire un menu un peu fade avec de grandes images
• donner suffisamment d’informations pour motiver le choix de l’utilisateur
• ne pas submerger l’utilisateur par trop de choix à la fois
LES GALERIES
L’utilisateur choisit son point d’entrée parmi un
choix d’options visuelles.
The {} And
2015
L’Atelier du Peintre
2015
Leur intérêt
• donner une grande sensation de liberté à l’utilisateur en lui donnant un rôle d’explorateur
• concrétise une vision moins dirigiste de la narration
• rapproche l’expérience de la grammaire du jeu vidéo
Leurs enjeux
• permettre à l’utilisateur de s’orienter dans un monde qu’il ne connait pas
• parvenir à conduire la narration, même quand l’utilisateur n’interagit pas comme prévu
• les enjeux techniques de modélisation et de gestion de la 3D sont nombreux
LES ENVIRONNEMENTS OUVERTS
L’utilisateur peut déambuler « librement » dans un monde virtuel
qui sert la narration.
Life is Strange
2015
Bear 71
2012
Leur intérêt
• ancrer le récit dans une dimension spatiale claire (et commune à tous)
• valoriser des contenus géolocalisés
Leurs enjeux
• sortir de l’esthétique de la carte d’école ou de Google Maps
• les cartes sont souvent des instruments « froids » qui mettent une distance entre l’utilisateur et le
sujet
• trouver la place de raconter une histoire
LES CARTES
Les cartes peuvent servir de simples repères ou de « hubs »
permettant à l’utilisateur de choisir son point d’entrée.
Riding the New Silk Road
2013
Génération What ?
2013 - 2017
Leur intérêt
• décoller l’interaction d’une prise de décision rationnelle
• se rapprocher de la grammaire du jeu vidéo
Leurs enjeux
• trouver l’interaction qui plongera l’utilisateur dans l’état émotionnel recherché
• estimer quel est le niveau de dextérité approprié
LES INTERFACES GESTUELLES
Différentes gestuelles permettent de créer une
expérience ludique et « instinctive ».
Five Minutes
2014
Sortie en Mer
2015
LES QUESTIONS À SE
POSER POUR CONCEVOIR
UNE INTERFACE
CONCEVOIR UNE INTERFACE NARRATIVE
QUEL EST LA PREMIÈRE CHOSE QUE JE VOIS ?
MON INTERFACE A-T-ELLE BESOIN D’UN TUTORIEL ?
LE SIGNAL ET LE FEEDBACK SONT-ILS EFFICACES ?
SE REPÈRE-T-ON À TOUT MOMENT ?
MON INTERFACE RESTE-T-ELLE COHÉRENTE ?
RÉALISER LES PREMIÈRES
MAQUETTES
DE L’IDÉE AU CONCEPT INTERACTIF
Réaliser des wireframes légendés et commentés
Préciser les déclinaisons de l’interfaces sur les différents supports
La compréhension de la fonction prévaut sur la beauté de l’illustration
DÉCRIRE UNE INTERFACE NARRATIVE
étude de cas
L’INTERFACE DE DO NOT TRACK
Dossier de production Résultat final
étude de cas
L’INTERFACE DE DO NOT TRACK
Dossier de production Résultat final
Dossier de production Résultat final
étude de cas
L’INTERFACE DU DERNIER GAULOIS
Dossier de production Résultat final
étude de cas
L’INTERFACE DE MORPHOSIS
LES OUTILS DE CONCEPTION
D’INTERFACES NARRATIVES
DE L’IDÉE AU CONCEPT INTERACTIF
Balsamiq Mockups
Wireframes statiques (payant)
In Vision
Wireframes interactifs (freemium)
QUELQUES OUTILS POUR
PROTOTYPER FACILEMENT
DE L’IDÉE AU CONCEPT INTERACTIF
Un prototype doit :
Lever les interrogations ou verrous technologiques majeurs
Permettre une meilleure compréhension des usages du public cible
Convaincre des partenaires et des tiers
POURQUOI PROTOTYPER ?
Racontr
Editeur interactif (freemium)
Klynt
Editeur interactif (payant)
INTÉGRATION INTERACTIVE
VIDÉO INTERACTIVE
Interlude Treehouse
Editeur vidéo interactive (gratuit)
Atavist
Long formats + publication (freemium)
Shorthand Social
Long formats (gratuit)
LONG FORMATS
Chatfuel
Chatbots (gratuit)
ROBOTS CONVERSATIONNELS
AUTRES OUTILS SPÉCIFIQUES
Storymaps JS
Cartes interactives
(open-source)
Odyssey.js
Création de carte interactives
(open-source)
Timeline JS
Création de timelines
(open-source)
ATELIER #5
MAQUETTAGE
Atelier #4
Structuration
45’
A partir de votre concept interactif et de votre première séquence,
utilisez Twine pour décrire les grands mouvements de l’histoire et leur articulation.
http://twinery.org/2
Un passage est un mouvement de l’histoire
jusqu’à un embranchement
Pour faire un lien : [[titre du passage]]
Pour un lien avec un nom différent : [[Le texte
affiché pour le lien->titre du passage]]
LES BASES DE TWINE
http://twinery.org/2
LES OUTILS DE CRÉATION
INTERACTIVE
6
LES OUTILS
POUR ÉCRIRE DES HISTOIRES NON-LINÉAIRES
Twine
Ecriture non-linéaire
Modèle économique
Open-source
Avantages
• Visualisation de la structure du
scénario interactif
• Pour réaliser prototype et/ou produits
finis
• Intégration possible de médias
• Large communauté créative
Inconvénients
• Syntaxe parfois complexe
• Pas de sauvegarde automatique
• Pas de formattage (dialogues…)
Inky
Ecriture non-linéaire
Modèle économique
Gratuit
Avantages
• Outil spécialisé
• Syntaxe (plutôt) simple
• Différents formats d’exports (web,
Json…)
Inconvénients
• Pas de visualisation globale du
scénario
• Pas d’intégration de médias
LES OUTILS
POUR CRÉER DES ROBOTS CONVERSATIONNELS
Chatfuel
Robots conversationnels
Modèle économique
Gratuit
Avantages
• Editeur visuel et simple à prendre en
main
• Mise en ligne et test immédiats
• Possibilité de développer des
fonctionnalités supplémentaires
Inconvénients
• Une IA pas si intelligente…
• Davantage pensé pour des services
que pour des histoires
LES OUTILS
POUR MAQUETTER
Balsamiq
Maquettage
Modèle économique
Payant (89$)
Avantages
• Large bibliothèque d’éléments pré-
formatés
• Prise en main rapide
• Rendu propre et cohérent
Inconvénients
• Outil non collaboratif
• Pas de visualisation « live »
InVision
Maquettage « interactif »
Modèle économique
Freemium (0 - 99$ / mois)
Avantages
• Permet la création de maquette
interactive
• Outil en ligne et collaboratif
• Rendu proche du produit fini
Inconvénients
• Prise en main un peu complexe
• Besoin d’un outil de création visuelle
en amont (Photoshop, etc.)
LES OUTILS
POUR CRÉER DES VIDÉO INTERACTIVES
Eko Studio
Vidéo interactive
Modèle économique
Gratuit
Avantages
• Prise en main rapide et simple
• Visualisation de la structure du
scénario
• Personnalisation de l’interface
• Publication simple via embed
Inconvénients
• Format unique et « indépassable »
• Temps de téléversement des vidéos
souvent très long
Verse
Vidéo interactive
Modèle économique
Gratuit
Avantages
• Versatile, permet de nombreux
formats
• Fonctionnalités inégales en terme
d’expérience utilisateur
• Publication simple via embed
Inconvénients
• Interface peu ou pas personnalisable
• Pas de visualisation de la structure de
la vidéo
LES OUTILS
POUR PUBLIER DES RÉCITS LONG FORMATS
Atavist
Publications enrichies
Modèle économique
Freemium
Avantages
• Prise en main rapide
• Nombreuses intégrations de services
tiers (réseaux sociaux,
• Responsive design
• Publication vers de nombreux formats
(web, ebook, Facebook Instants
Articles…)
• Monétisation des publications
possible
Inconvénients
• Faible personnalisation de l’interface
• Nombreuses contraintes pour l’export
en ebook
Adobe Spark
Publications enrichies
Modèle économique
Gratuit
Avantages
• Simple à prendre en main
• Entièrement mobile
• Intégration à la suite Adobe
• Facilité de publication
Inconvénients
• Personnalisation limitée
LES OUTILS
DE CRÉATION EN 360°
Oniride
Création d’images 360° via Photoshop Modèle économique
Gratuit (sur demande)
Avantages
• Création à travers un outil bien connu
• Visualisation « live »
• Export vers Facebook ou Unity
Inconvénients
• Ne permet pas d’aller plus loin (en
l’état) qu’une image à 360°
Wonda VR
MERCI !
Benjamin Hoguet
http://benhoguet.com | @benhoguet

Contenu connexe

Tendances

4. 캐릭터 애니메이션
4. 캐릭터 애니메이션4. 캐릭터 애니메이션
4. 캐릭터 애니메이션
MinGeun Park
 
ハリウッド流映画脚本講座・特別編 「ゲーム」は「キャラクター」がドライブする 〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
ハリウッド流映画脚本講座・特別編「ゲーム」は「キャラクター」がドライブする〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜ハリウッド流映画脚本講座・特別編「ゲーム」は「キャラクター」がドライブする〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
ハリウッド流映画脚本講座・特別編 「ゲーム」は「キャラクター」がドライブする 〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
小林 信行
 
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
Yoshiki Hayama
 

Tendances (20)

Transmedia
TransmediaTransmedia
Transmedia
 
Splatoonでux白書の4段階の話をする
Splatoonでux白書の4段階の話をするSplatoonでux白書の4段階の話をする
Splatoonでux白書の4段階の話をする
 
【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう!
【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう!【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう!
【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう!
 
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
 
4. 캐릭터 애니메이션
4. 캐릭터 애니메이션4. 캐릭터 애니메이션
4. 캐릭터 애니메이션
 
1.1.1. Narrativas Transmedia - U03
1.1.1. Narrativas Transmedia - U031.1.1. Narrativas Transmedia - U03
1.1.1. Narrativas Transmedia - U03
 
ハリウッド流映画脚本講座・特別編 「ゲーム」は「キャラクター」がドライブする 〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
ハリウッド流映画脚本講座・特別編「ゲーム」は「キャラクター」がドライブする〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜ハリウッド流映画脚本講座・特別編「ゲーム」は「キャラクター」がドライブする〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
ハリウッド流映画脚本講座・特別編 「ゲーム」は「キャラクター」がドライブする 〜ヒットする、原作付きキャラクターゲームシナリオの作り方〜
 
Guion televisivo
Guion televisivoGuion televisivo
Guion televisivo
 
webサービスでのUXデザイン 発表スライド
webサービスでのUXデザイン 発表スライドwebサービスでのUXデザイン 発表スライド
webサービスでのUXデザイン 発表スライド
 
Composição de Cena, Cores e Planos na Animação
Composição de Cena, Cores e Planos na AnimaçãoComposição de Cena, Cores e Planos na Animação
Composição de Cena, Cores e Planos na Animação
 
Produção Audiovisual - A função do som pdf
Produção Audiovisual - A  função do som pdfProdução Audiovisual - A  função do som pdf
Produção Audiovisual - A função do som pdf
 
Film Sound
Film SoundFilm Sound
Film Sound
 
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう! | UXデザイン基礎セミナー 第4回
 
6. Forma e narrativa
6. Forma e narrativa6. Forma e narrativa
6. Forma e narrativa
 
難易度ボラタリティグラフという分析手法
難易度ボラタリティグラフという分析手法難易度ボラタリティグラフという分析手法
難易度ボラタリティグラフという分析手法
 
2020年度 東京工業大学 大学院全学説明会
2020年度 東京工業大学 大学院全学説明会2020年度 東京工業大学 大学院全学説明会
2020年度 東京工業大学 大学院全学説明会
 
History of short films
History of short filmsHistory of short films
History of short films
 
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
 
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
 
ソフトウェア開発とパタン・ランゲージ再考
ソフトウェア開発とパタン・ランゲージ再考ソフトウェア開発とパタン・ランゲージ再考
ソフトウェア開発とパタン・ランゲージ再考
 

Similaire à Nouvelles Narrations - La narration interactive

Workshop giw storytelling par célina barahona
Workshop giw storytelling par célina barahonaWorkshop giw storytelling par célina barahona
Workshop giw storytelling par célina barahona
Girlz In Web
 
130918 les ambivertis
130918   les ambivertis130918   les ambivertis
130918 les ambivertis
Red Guy
 
"Génération Y, de A à Z" par MEC Paris
"Génération Y, de A à Z" par MEC Paris"Génération Y, de A à Z" par MEC Paris
"Génération Y, de A à Z" par MEC Paris
agenceMEC
 

Similaire à Nouvelles Narrations - La narration interactive (20)

Workshop giw storytelling par célina barahona
Workshop giw storytelling par célina barahonaWorkshop giw storytelling par célina barahona
Workshop giw storytelling par célina barahona
 
Brand stories dimensions
Brand stories dimensionsBrand stories dimensions
Brand stories dimensions
 
Engagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écrituresEngagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écritures
 
Storycode Paris - Transmedia Master Class
Storycode Paris - Transmedia Master ClassStorycode Paris - Transmedia Master Class
Storycode Paris - Transmedia Master Class
 
Storycode Paris - Transmedia Master Class
Storycode Paris - Transmedia Master ClassStorycode Paris - Transmedia Master Class
Storycode Paris - Transmedia Master Class
 
Brand stories dimensions
Brand stories dimensionsBrand stories dimensions
Brand stories dimensions
 
Storytelling ... mode d'emploi
Storytelling ... mode d'emploiStorytelling ... mode d'emploi
Storytelling ... mode d'emploi
 
OIF atelier haïti
OIF atelier haïtiOIF atelier haïti
OIF atelier haïti
 
Plan de cours Expériences Narratives
Plan de cours Expériences NarrativesPlan de cours Expériences Narratives
Plan de cours Expériences Narratives
 
Tendances Entertainment 2015
Tendances Entertainment 2015Tendances Entertainment 2015
Tendances Entertainment 2015
 
Introduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogiqueIntroduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogique
 
Les Tendances de l'Entertainment dossier de presse 2014 2015 par rouge@lepubl...
Les Tendances de l'Entertainment dossier de presse 2014 2015 par rouge@lepubl...Les Tendances de l'Entertainment dossier de presse 2014 2015 par rouge@lepubl...
Les Tendances de l'Entertainment dossier de presse 2014 2015 par rouge@lepubl...
 
130918 les ambivertis
130918   les ambivertis130918   les ambivertis
130918 les ambivertis
 
TIC CHTI 2 Identité numérique
TIC CHTI 2 Identité numériqueTIC CHTI 2 Identité numérique
TIC CHTI 2 Identité numérique
 
Transmédia Week- masterclasse
Transmédia Week- masterclasseTransmédia Week- masterclasse
Transmédia Week- masterclasse
 
Marcel OK Zoomer
Marcel OK Zoomer Marcel OK Zoomer
Marcel OK Zoomer
 
Mémoire de Mathilde Aubinaud (@MatAubinaud) : De l'audace d'entreprendre - la...
Mémoire de Mathilde Aubinaud (@MatAubinaud) : De l'audace d'entreprendre - la...Mémoire de Mathilde Aubinaud (@MatAubinaud) : De l'audace d'entreprendre - la...
Mémoire de Mathilde Aubinaud (@MatAubinaud) : De l'audace d'entreprendre - la...
 
Plus belle la marque
Plus belle la marquePlus belle la marque
Plus belle la marque
 
"Génération Y, de A à Z" par MEC Paris
"Génération Y, de A à Z" par MEC Paris"Génération Y, de A à Z" par MEC Paris
"Génération Y, de A à Z" par MEC Paris
 
Communication CASIW 2017
Communication CASIW 2017Communication CASIW 2017
Communication CASIW 2017
 

Plus de Benjamin Hoguet

Plus de Benjamin Hoguet (20)

Nouvelles Narrations - La production
Nouvelles Narrations - La productionNouvelles Narrations - La production
Nouvelles Narrations - La production
 
Nouvelles Narrations - Introduction
Nouvelles Narrations - IntroductionNouvelles Narrations - Introduction
Nouvelles Narrations - Introduction
 
Nouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de casNouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de cas
 
Panorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifsPanorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifs
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactive
 
Règles de la narration et nouveaux médias
Règles de la narration et nouveaux médiasRègles de la narration et nouveaux médias
Règles de la narration et nouveaux médias
 
Introduction à la création nouveaux médias
Introduction à la création nouveaux médiasIntroduction à la création nouveaux médias
Introduction à la création nouveaux médias
 
La conception d'interfaces narratives
La conception d'interfaces narrativesLa conception d'interfaces narratives
La conception d'interfaces narratives
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médias
 
Principes d'écriture interactive
Principes d'écriture interactivePrincipes d'écriture interactive
Principes d'écriture interactive
 
L'économie des projets nouveaux médias
L'économie des projets nouveaux médiasL'économie des projets nouveaux médias
L'économie des projets nouveaux médias
 
Présentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médiasPrésentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médias
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactive
 
L'économie de la création nouveaux médias
L'économie de la création nouveaux médiasL'économie de la création nouveaux médias
L'économie de la création nouveaux médias
 
La gestion de projets interactifs
La gestion de projets interactifsLa gestion de projets interactifs
La gestion de projets interactifs
 
Les fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogiqueLes fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogique
 
L'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogiqueL'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogique
 
Audiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogiqueAudiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogique
 
Les nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigiqueLes nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigique
 
Introduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogiqueIntroduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogique
 

Dernier

Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 

Dernier (20)

La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 
Cours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiquesCours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiques
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdfSTRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 

Nouvelles Narrations - La narration interactive