Narrations interactives : une introduction

3 051 vues

Publié le

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

Publié dans : Internet

Narrations interactives : une introduction

  1. 1. NARRATIONS interactives juin 2015 tlab.mars Annabel Roux - Design interactif
  2. 2. NARRATIONS interactives ? cc by-nc-sa annabel roux @ tlab.mars
  3. 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. 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. 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. 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. 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. 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. 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. 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. 11. #narration #journalisme #communication #fiction #documentaire cc by-nc-sa annabel roux @ tlab.mars #information #publicité #sensibilisation #data journalism
  12. 12. #(hyper)texte #vidéo #photographie #illustration #son #animation #BD cc by-nc-sa annabel roux @ tlab.mars #données
  13. 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. 14. ÉCRITURES interactives cc by-nc-sa annabel roux @ tlab.mars
  15. 15. #délinéarisation #multimédia #hypertexte cc by-nc-sa annabel roux @ tlab.mars #hypermédia
  16. 16. #feedback #agency cc by-nc-sa annabel roux @ tlab.mars #interactivité #flow
  17. 17. En quête d’un équilibre entre narration & interaction le paradoxe des narrations interactives cc by-nc-sa annabel roux @ tlab.mars
  18. 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. 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. 20. PANORAMA 2013 - 2015 cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject
  21. 21. Radio Canada - 2013 Émilie fiction interactive transmédia cc by-nc-sa annabel roux @ tlab.mars
  22. 22. Arte / ONF - 2014 Fort Mc Money jeu documentaire + documentaire cc by-nc-sa annabel roux @ tlab.mars
  23. 23. France Télévisions - 2014 Jeu d’influences documentaire + newsgame cc by-nc-sa annabel roux @ tlab.mars
  24. 24. Arte / ONF - 2015 In Limbo documentaire interactif + documentaire cc by-nc-sa annabel roux @ tlab.mars
  25. 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. 26. Camera Lucida - 2015 The Enemy expérience documentaire en réalité virtuelle cc by-nc-sa annabel roux @ tlab.mars
  27. 27. The Mill - 2015 Help fiction interactive 360° cc by-nc-sa annabel roux @ tlab.mars
  28. 28. CRÉER Les 6 étapes de la création interactive cc by-nc-sa annabel roux @tlab.mars / michael wohlwend @thenounproject
  29. 29. DESIGN INTERACTIF COMMUNITY BUILDING / MANAGEMENT PRODUCTION AUDIOVISUELLE transdisciplinaire & collaboratif cc by-nc-sa annabel roux @ tlab.mars
  30. 30. itératif & incrémental cc by-nc-sa annabel roux @ tlab.mars
  31. 31. INTENTION cc by-nc-sa annabel roux @ tlab.mars QUOI ?QUOI ? QUI ? COMMUNITY BUILDING DESIGN INTERACTIF 2
  32. 32. IDÉATION cc by-nc-sa annabel roux @ tlab.mars COMMUNITY BUILDING DESIGN INTERACTIF 3 QUOI ?QUOI ? QUI ?
  33. 33. CONCEPTION cc by-nc-sa annabel roux @ tlab.mars COMMUNITY BUILDING DESIGN INTERACTIF 4 QUOI ?QUOI ? QUI ?
  34. 34. PROTOTYPAGE cc by-nc-sa annabel roux @ tlab.mars COMMUNITY BUILDING DESIGN INTERACTIF 5 QUOI ?QUOI ? QUI ?
  35. 35. DÉVELOPPEMENT cc by-nc-sa annabel roux @ tlab.mars COMMUNITY BUILDING DESIGN INTERACTIF 6 QUOI ?QUOI ? QUI ?
  36. 36. CRÉER Acteurs de la création interactive cc by-nc-sa annabel roux @ tlab.mars / moh kamaru @thenounproject
  37. 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. 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. 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. 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. 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. 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. 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. 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. 45. FINANCER cc by-nc-sa annabel roux @ tlab.mars / till teenck @ thenounproject
  46. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 60. DIFFUSER cc by-nc-sa annabel roux @ tlab.mars
  61. 61. Diffuseurs TV # France Télévisions # Arte # Canal + # Chaînes TNT cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
  62. 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. 63. Et aussi… # YouTube # DailyMotion # Vimeo # Plateformes VOD # Plateformes auto-édition # … cc by-nc-sa annabel roux / nicolas dupont @ tlab.mars
  64. 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. 65. LIENS cc by-nc-sa annabel roux @ tlab.mars
  66. 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. 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. 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. 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. 70. MERCI ! tlab.mars @TLabMars - tlabmars.org @annabelroux - fbrq.fr

×