Une introduction aux narrations interactives : formes, démarche projet, financement, diffusion, illustrée par pas mal d'exemples.

1. NARRATIONS
interactives
juin 2015
tlab.mars
Annabel Roux - Design interactif

2. NARRATIONS
interactives
?
cc by-nc-sa annabel roux @ tlab.mars

3. #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

4. 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

5. 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

6. 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

7. 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

8. J'interagis
avec les protagonistes /
les autres utilisateurs
sur 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

9. Je suis le
co-auteur /
co-producteur
grâce à mes contributions créatives / financières
The Johnny Cash Project - Chris Milk - 2010
cc by-nc-sa annabel roux @ tlab.mars

10. 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

11. #narration
#journalisme
#communication
#fiction
#documentaire
cc by-nc-sa annabel roux @ tlab.mars
#information
#publicité
#sensibilisation
#data journalism

12. #(hyper)texte
#vidéo
#photographie
#illustration
#son
#animation
#BD
cc by-nc-sa annabel roux @ tlab.mars
#données

13. 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

14. ÉCRITURES
interactives
cc by-nc-sa annabel roux @ tlab.mars

15. #délinéarisation
#multimédia
#hypertexte
cc by-nc-sa annabel roux @ tlab.mars
#hypermédia

16. #feedback
#agency
cc by-nc-sa annabel roux @ tlab.mars
#interactivité
#flow

17. En quête d’un équilibre entre
narration & interaction
le paradoxe des narrations interactives
cc by-nc-sa annabel roux @ tlab.mars

18. 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

19. 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

20. PANORAMA
2013 - 2015
cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject

21. Radio Canada - 2013
Émilie
fiction interactive transmédia
cc by-nc-sa annabel roux @ tlab.mars

22. Arte / ONF - 2014
Fort Mc Money
jeu documentaire + documentaire
cc by-nc-sa annabel roux @ tlab.mars

23. France Télévisions - 2014
Jeu d’influences
documentaire + newsgame
cc by-nc-sa annabel roux @ tlab.mars

24. Arte / ONF - 2015
In Limbo
documentaire interactif +
documentaire
cc by-nc-sa annabel roux @ tlab.mars

25. 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

26. Camera Lucida - 2015
The Enemy
expérience documentaire en
réalité virtuelle
cc by-nc-sa annabel roux @ tlab.mars

27. The Mill - 2015
Help
fiction interactive 360°
cc by-nc-sa annabel roux @ tlab.mars

28. CRÉER
Les 6 étapes de la création interactive
cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject

29. DESIGN
INTERACTIF
COMMUNITY
BUILDING /
MANAGEMENT
PRODUCTION
AUDIOVISUELLE
transdisciplinaire
& collaboratif
cc by-nc-sa annabel roux @ tlab.mars

30. itératif
& incrémental
cc by-nc-sa annabel roux @ tlab.mars

31. INTENTION
cc by-nc-sa annabel roux @ tlab.mars
QUOI ?QUOI ?
QUI ?
COMMUNITY
BUILDING
DESIGN
INTERACTIF
2

32. IDÉATION
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY
BUILDING
DESIGN
INTERACTIF
3
QUOI ?QUOI ?
QUI ?

33. CONCEPTION
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY
BUILDING
DESIGN
INTERACTIF
4
QUOI ?QUOI ?
QUI ?

34. PROTOTYPAGE
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY
BUILDING
DESIGN
INTERACTIF
5
QUOI ?QUOI ?
QUI ?

35. DÉVELOPPEMENT
cc by-nc-sa annabel roux @ tlab.mars
COMMUNITY
BUILDING
DESIGN
INTERACTIF
6
QUOI ?QUOI ?
QUI ?

36. CRÉER
Acteurs de la création interactive
cc by-nc-sa annabel roux @ tlab.mars / moh kamaru @thenounproject

37. 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

38. 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)

39. 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

40. 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

41. 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

42. 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

43. 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

44. 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

45. FINANCER
cc by-nc-sa annabel roux @ tlab.mars / till teenck @ thenounproject

46. un modèle
économique qui se
cherche
entre pré-financement et entrepreunariat
cc by-nc-sa annabel roux @ tlab.mars / jacob walti @ unsplash

47. 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$

48. 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€

49. 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

50. 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

51. 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

52. 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

53. 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

54. 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

55. 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

56. # 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

57. 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

58. 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

59. 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

60. DIFFUSER
cc by-nc-sa annabel roux @ tlab.mars

61. Diffuseurs TV
# France Télévisions
# Arte
# Canal +
# Chaînes TNT
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars

62. 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

63. Et aussi…
# YouTube
# DailyMotion
# Vimeo
# Plateformes VOD
# Plateformes auto-édition
# …
cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars

64. 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

65. LIENS
cc by-nc-sa annabel roux @ tlab.mars

66. # 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

67. # 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

68. # 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

69. # 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

70. MERCI !
tlab.mars
@TLabMars - tlabmars.org
@annabelroux - fbrq.fr