Download - Narrations interactives : une introduction
NARRATIONS interactives
juin 2015
tlab.mars
Annabel Roux - Design interactif
NARRATIONS interactives
?
cc by-nc-sa annabel roux @ tlab.mars
#documentaire interactif
#webdoc#fiction interactive #newsgames
#long-form#série digitale
cc by-nc-sa annabel roux @ tlab.mars
#storytelling digital
#storytelling interactif
#nouvelles écritures
#serious games#webfiction
#expérience interactive
un art du récit pour aujourd’hui
des histoires dans lesquelles je m’implique
Why so serious - campagne transmédia The Dark Knight - 2008
cc by-nc-sa annabel roux @ tlab.mars
J’influe sur le cours du récit
par mes choix et actions
Uchroniques par Henri Tripod, Patrick Mallet - documentaire interactif - 2015
cc by-nc-sa annabel roux @ tlab.mars
Le récit s’adapte
à mon profil, mes usages, mon contexte
In Limbo par Antoine Viviani - documentaire interactif - 2015
cc by-nc-sa annabel roux @ tlab.mars
je participe à la conversation
au travers de mon activité en ligne
Viol, les vois du silence- France Télévision - documentaire interactif + plateforme participative- 2013
cc by-nc-sa annabel roux @ tlab.mars
J'interagis avec les protagonistes /
les autres utilisateurssur les réseaux sociaux, dans le réel
Fais pas ci, fais pas ça - France Télévision - accompagnement transmédia de la série -
cc by-nc-sa annabel roux @ tlab.mars
Je suis le co-auteur /
co-producteurgrâce à mes contributions créatives / financières
The Johnny Cash Project - Chris Milk - 2010
cc by-nc-sa annabel roux @ tlab.mars
Je m’approprie l’univers narratif
je remixe, je créé (fan art, fan fiction)
Citizen Fan - France Télévisions Nouvelles Ecritures - documentaire interactif- 2014
#narration
#journalisme
#communication
#fiction
#documentaire
cc by-nc-sa annabel roux @ tlab.mars
#information#publicité
#sensibilisation
#data journalism
#(hyper)texte
#vidéo
#photographie#illustration
#son#animation
#BD
cc by-nc-sa annabel roux @ tlab.mars
#données
cc by-nc-sa annabel roux @ tlab.mars
#transmédia
#crossmédia
#bimédia#app mobile
#web app
#site web
#installation
#monomédia
#multi-supports
ÉCRITURES interactives
cc by-nc-sa annabel roux @ tlab.mars
#délinéarisation
#multimédia
#hypertexte
cc by-nc-sa annabel roux @ tlab.mars
#hypermédia
#feedback#agency
cc by-nc-sa annabel roux @ tlab.mars
#interactivité
#flow
En quête d’un équilibre entre narration & interaction
le paradoxe des narrations interactives
cc by-nc-sa annabel roux @ tlab.mars
entre narration & interaction structure du récit
# Linéaire # Linéaire élastique (en arrêtes de poisson) # Ramifiée (à embranchements) # Multimodale (constellation, sémantique…)
# Générative # Ouverte (monde ouvert, exploratoire)
cc by-nc-sa - annabel roux / nicolas dupont / nicolas bole @ tlab.mars / florent maurin @pixel hunt / gerald holubowicz @ chewbahat
Narration
Interaction
entre narration & interaction affaire de point de vue
# Unique : favorise l’identification # Multiple : offre des opportunités d’extension, donne
une plus grande liberté
# Subjectif / Interne : fréquemment employé pour susciter immersion et empathie
# Objectif / Externe - Omniscient / Zéro
cc by-nc-sa annabel roux / nicolas dupont / nicolas bole @ tlab.mars / florent mourin @pixel hunt / gerald holubowicz @ chewbahat
PANORAMA 2013 - 2015
cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject
Radio Canada - 2013
Émilie fiction interactive transmédia
cc by-nc-sa annabel roux @ tlab.mars
Arte / ONF - 2014
Fort Mc Money jeu documentaire + documentaire
cc by-nc-sa annabel roux @ tlab.mars
France Télévisions - 2014
Jeu d’influences documentaire + newsgame
cc by-nc-sa annabel roux @ tlab.mars
Arte / ONF - 2015
In Limbo documentaire interactif +
documentaire
cc by-nc-sa annabel roux @ tlab.mars
Upian / Arte - 2015
Do Not Track série documentaire interactive
cc by-nc-sa annabel roux @ tlab.mars
Série documentaire Linéaire Multiple Externe
Camera Lucida - 2015
The Enemy expérience documentaire en
réalité virtuelle
cc by-nc-sa annabel roux @ tlab.mars
The Mill - 2015
Help fiction interactive 360°
cc by-nc-sa annabel roux @ tlab.mars
CRÉER Les 6 étapes de la création interactive
cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject
DESIGN INTERACTIF
COMMUNITY BUILDING /
MANAGEMENT
PRODUCTION AUDIOVISUELLE
transdisciplinaire & collaboratif
cc by-nc-sa annabel roux @ tlab.mars
itératif & incrémental
cc by-nc-sa annabel roux @ tlab.mars
INTENTION
cc by-nc-sa annabel roux @ tlab.mars
QUOI ?QUOI ?
QUI ?
COMMUNITY BUILDING
DESIGNINTERACTIF
2
IDÉATION
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY BUILDING
DESIGNINTERACTIF
3
QUOI ?QUOI ?
QUI ?
CONCEPTION
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY BUILDING
DESIGNINTERACTIF
4
QUOI ?QUOI ?
QUI ?
PROTOTYPAGE
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY BUILDING
DESIGNINTERACTIF
5
QUOI ?QUOI ?
QUI ?
DÉVELOPPEMENT
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY BUILDING
DESIGNINTERACTIF
6
QUOI ?QUOI ?
QUI ?
CRÉER Acteurs de la création interactive
cc by-nc-sa annabel roux @ tlab.mars / moh kamaru @thenounproject
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission
#Ecrivain #Illustrateur
#Journaliste#Réalisateur #Photographe
#Scénariste
écrire l’histoire, créer l’univers
Ses tâches # expliciter son intention, la nature de l’expérience proposée # identifier les thèmes, motifs # définir les arches dramatiques du récit principal, des personnages # documenter l’univers narratif : monde, personnages, factions # veiller à la cohérence narrative
#Auteur
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Leur mission
#Designer d’expérience#Designer d’interfaces
#Architecte de l’information
#Ergonome
#Architecte transmédia #Webdesigner
#Designer d’interaction
concevoir des interactions et interfaces faciles à utiliser, porteuses de sens et d’émotion.
Leurs tâches # définir comment est organisé le contenu # identifier et définir les profils d’utilisateurs # définir comment les utilisateurs entrent et circulent dans le
contenu # définir quand et comment les utilisateurs agissent sur le contenu # définir la structure des écrans (navigation, hiérarchie de
l’information)
Leurs tarifs 400 à 550 €/jour
#Game designer
#Designer(s) interactif(s)
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission
#Designer d’interfaces
créer une identité visuelle cohérente et attractive
Ses tâches # définir les principes structurants l’identité visuelle # Logo / signature # Palette chromatique # Typographie # Iconographie / traitement visuel
# élaborer la charte graphique, superviser son application # créer les maquettes graphiques des écrans
Ses tarifs 400 à 500 €/jour
#Directeur artistique interactif
#Directeur artistique#Directeur de création
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission
#Designer d’interfaces
créer l’habillage graphique
Ses tâches # créer les maquettes graphiques des écrans à partir de la charte graphique et des wireframes
# créer les objets graphiques # préparer les maquettes graphiques pour les développeurs web
Ses tarifs 350 à 400 €/jour
#Web designer
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission
#Chef de projet technique
#Codeur créatif
proposer des solutions techniques pertinentes et innovantes
Ses tâches # dresser un état de l’art des technologies # identifier les technologies mobilisables # évaluer la faisabilité et la complexité # définir et spécifier l’architecture et les briques techniques # faire l’interface entre équipe créative et équipe technique # piloter les développements techniques
Ses tarifs 550 à 700 €/jour
#Creative technologist#Consultant technique
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission
#Développeur full stack
#Développeur front office / front end
programmer
Ses tâches # coder l’interface et les fonctionnalités # structurer les données # intégrer les briques de code # tester les développements # déployer les développements sur plateforme de diffusion
Ses tarifs 350 à 400 €/jour
#Développeur back office / back end
#Développeur web
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
Sa mission constituer et mobiliser une communauté autour du projet
Ses tâches # cartographier thèmes et communautés affinitaires # constituer un fichier de contacts # définir la stratégie éditoriale et la charte de community
management # dialoguer avec la communauté # animer les points de contact avec la communauté
Ses tarifs 150 à 250 €/jour
#Community manager
cc by-nc-sa annabel roux @ tlab.mars / source : designersinteractifs.org
#Tous les autres#Data scientist
#Data analyst
#Designer sonore
#Scénographe#Maker
#Chercheur
#Motion designer
FINANCER
cc by-nc-sa annabel roux @ tlab.mars / till teenck @ thenounproject
un modèle économique qui se
chercheentre pré-financement et entrepreunariat
cc by-nc-sa annabel roux @ tlab.mars / jacob walti @ unsplash
Alma Une enfant de la violence
550 K€
Documentaire + Documentaire interactif + Livres Upian / Arte
cc by-nc-sa annabel roux / nicolas bole @ tlab.mars / Upian - Arte
Arte : 210 K€ CNC : 100 K€
Tribeca New Media Fund : 50 K$
400 K€
Jeu (web, iPad / Android, Facebook) + installation Agat Films - Ex Nihilo / Arte
cc by-nc-sa annabel roux / nicolas bole @ tlab.mars / Upian - Arte
Arte : 130 K€ CNC : 120 K€
financements publics 50% du budget max.
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
# Les aides du CNC # Automatique : le Web COSIP # Sélective : les aides Nouveaux Médias
# L’aide à la production transmedia de l’INA # Les aides des Conseils Régionaux # Les aides Creative Media de l’Union Européenne
Web COSIP du CNC producteurs avec compte automatique
Sous réserve d’un pré-achat par plateforme de diffusion internet
# Apport en numéraire du diffuseur de 25% min. # Aide à la production non cumulable avec aide
sélective à la production # Cumul possible développement / production
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
aides sélectives du CNC 2 types d’aide
En fonction du modèle de diffusion
# Multi-supports # TV ou Cinéma + Internet # max. 50 K€
# Internet # web et/ou mobile # max. 20 K€
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
aides sélectives du CNC auteurs ET producteurs
En fonction de l’avancement du projet
# Ecriture et développement # Possibilité de cumul (aide ventilée) # Dispositif ouvert aux auteurs (écriture)
# Production # Avec engagement d’un diffuseur # Producteurs seuls
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
aide de l’INA production de projets transmedia
Lancée cette année. Conditionnée par pré-achat diffuseur internet.
# 2 écrans au minimum # Apport en numéraire jusqu’à 200 K€ # Apport en industrie possible
# Droits d’exploitation archives # Moyens de production, post-production
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
aides régionales
Conditionnées par les dépenses dans la région concernée. Ecriture / développement et/ou production, auteurs et/ou producteurs selon les régions.
# Nord - Pictanovo : Expériences interactives # Aquitaine # PACA # Et bien d’autres : télécharger le guide des
financements publics au transmedia et aux œuvres interactives (2012 -Media PACA)
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
financements privés 50% du budget min.
# Les apports des diffuseurs # Le crowdfunding # Le mécénat
# Fondations d’entreprises # ONG
# Le sponsoring
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
# Le Pixel Lab (Power to the Pixel, UK) # Sundance New Frontier Story Lab (Sundance
Institute, USA) # Dispositifs d’aides régionaux incluant un
accompagnement.
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
accompagnement à destination des producteurs
bourses à la création à destination des auteurs
# La SCAM (6 K€ max.) # Brouillon d’un rêve numérique (octobre) # Brouillon d’un rêve multimédia (mars)
# La SACD / Orange : formats innovants (mars, 7K€) # La Fondation Lagardère : créateur numérique
(juin, 26 K€) # Et à destination des producteurs : TFI New Media
Fund (mai, 100 K$ max.)
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
résidences d’écriture à destination des auteurs
# Écriture transmedia (Agence culturelle Alsace -février)
# Numérique et transmedia (Écla Aquitaine - été) # Laboratoire Emergence (Institut Français - The
BANFF Centre) # … : ouvrez l’œil !
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
revenus modèle entrepreneurial
# Commercialiser l’œuvre # App stores # VOD
# et ses produits dérivés # Livre / BD # Merchandising # …
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
DIFFUSER
cc by-nc-sa annabel roux @ tlab.mars
Diffuseurs TV
# France Télévisions # Arte # Canal + # Chaînes TNT
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
Médias d’information
# Le Monde # Télérama, Rue 89, Mediapart, Courrier
international, L’Équipe … # Radio France # …
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
Et aussi…
# YouTube # DailyMotion # Vimeo # Plateformes VOD # Plateformes auto-édition # …
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
Et enfin…
# Cross Vidéo Days # FIPA # Power to the Pixel # Sunny Side # IDFA # Et de plus en plus de festivals intégrant les
narrations interactives
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
LIENS
cc by-nc-sa annabel roux @ tlab.mars
# Un art du récit pour aujourd’hui # Chris Anderson, The Long Tail
(2006) # Chris Anderson, Free, why $0.00 is
the future of business (2008) # Étude The Future of Storytelling
(2013) # Citizen Fan
# J’influe sur le court du récit # Voyage au bout du charbon # Thanatorama # Jour de Vote # The end etc. # Fort McMoney # Jeu d’influences # Uchroniques
# Le récit s’adapte # In Limbo # Do Not Track
# Je participe à la conversation # The Brussel Business Online # Prison Valley # Fort McMoney # Viol, les voix du silence # Do Not Track
# Je suis co-auteur / co-producteur # Anarchy # The Johnny Cash Project
cc by-nc-sa annabel roux @ tlab.mars
# Je m’approprie l’univers # Citizen Fan
# Genres # Information
# 2014 the year in interactive storytelling - New York Times
# Snow Fall - New York Times # How to build an oscar winner -
Bloomberg # Communication
# Why so Serious ? # The Art of Heist # Sortie en Mer # Awwwards # La Vie en Sac # À l’abri de rien # Diplomates
# Médias # Texte
# The Last Hunt # Photographie
# Le Corps Incarcéré # Le Bruit des Mots # Clichés de Campagne
# Illustration # Jeu d’influences # Alma
# BD # Iranorama # Anne Frank au Pays du Manga
# Animation # Je suis Super 2.dtg # Pine Point
# Son # Serial
cc by-nc-sa annabel roux @ tlab.mars
# Données # We Feel Fine # Bear 71 # Génération Quoi # La première guerre mondiale,
histoire d’un conflit international # In Limbo
# Plateformes # Apps
# Alt-Minds # Type:rider # Corto Maltese, Secrets de Venise
# Installations # Type:rider # The Enemy # Jaurès Pas à Pas
# Bimédia / second écran # Futur par Starck # Cut
# Crossmédia # Prison Valley # Alma # In Limbo
# Transmédia # In Situ # Le Défi des Bâtisseurs
# Écritures interactives # Structure linéaire
# In Situ # The Last Hunt # World Brain # In Limbo
# Structure élastique # Prison Valley # Hollow # Do Not Track
cc by-nc-sa annabel roux @ tlab.mars
# Structure ramifiée (à embranchements) # Voyage au bout du charbon # Thanatorama # Jour de Vote
# Structure multimodale # Le Corps Incarcéré # Gaza / Sderot # Le Bruit des Mots # Un Été à Alger
# Structure ouverte (monde ouvert) # Fort McMoney # Je suis Super 2.dtg # World Brain
# Structure générative # The end etc. # Le jeu des mille histoires
cc by-nc-sa annabel roux @ tlab.mars
# Point de vue unique # Jour de vote # Bear 71
# Point de vue multiple # Gaza Sderot # Un Été à Alger
# Focalisation interne # Bear 71
MERCI !
tlab.mars @TLabMars - tlabmars.org
@annabelroux - fbrq.fr