WHAT IS webdoc ?

Video Design Formation - 25 juin 2018



Simon Duflo

Déroulé DE LA FORMATION


5 jours

  • Lundi Klynt prise en main, fondamentaux  
  • Mardi Klynt fonctionnalités avancées
  • Mercredi AM Klynt responsive 
  • Mercredi PM + Jeudi AM Photoshop CC bases, rappels, exports web, préparer une interface pour Klynt
  • Jeudi PM + Vendredi AM Final Cut Pro X / Premiere Pro CC bases, exports, préparer médias vidéo pour Klynt
  • Vendredi PM Klynt conclusion


Documentaire ?


Au commencement était le cinéma...

  • le geste documentaire naît avec le cinéma (ou l'inverse :)
  • 2 tendances d'emblée: naturaliste vs artifice
  • Lumière vs Méliès (cocorico!) // documentaire vs fiction
  • documentaire de création: démarche d'auteur
  • à distinguer du reportage, de l'enquête ou magazine tv
  • sur le fond (intention, écriture, art et essai)... 
  • ...comme dans la forme (traitement, liberté vs codes)
  • (souffrant heureusement quelques exceptions /-)
  • à lire: Doc/Webdoc: esquisse d'une filiation
  • background image: L'homme à la caméra, Dziga Vertov

Cinéma, cinéma, tchi-tcha!!











Les frères Lumière / Méliès

webdocumentaire ?


un film documentaire sur le web ?

Plus que ça: un film documentaire fait pour le web,

par le web et avec le web !


"par" et "avec": David Dufresne 


              "Medium is the message",               Marshall McLuhan

Cinéma > télévision > web


"Chronologie" des médias.
Après la salle de cinéma, puis la télévision, 
un nouvel "espace" de diffusion: le web.
Pas seulement un lieu...



    I. Révolution structurelle: l'interactivité


    Narrations 

    • délinéarisées
    • enrichies / augmentées 
    • participatives
    • personnalisées

    Narrations délinéarisées

    Avant le webdoc, la littérature...
     
    Rayuela, Julio Cortázar, Cent mille milliards de poèmes, Raymond Queneau, Les livres dont vous êtes le héros,

    Narrations délinéarisées


    Avant le webdoc, le CD-Rom...



    Immemory, Chris Marker 
    cinéaste libre, artiste défricheur 
    1998

    NARRATIONS DÉLINÉARISÉES


    le CD-Rom: 
    pas encore sur le web, 
    mais déjà sur ordinateur...
    amène les questions: 

    • écriture / langage multimédia 
    • design d'interface 
    • interaction design 

    nous y reviendrons...

    Narrations délinéarisées




    émergence d'une forme


    Thanatorama, Ana Maria de Jesús, 2007

    • documentaire de création  
    • matériau documentaire (photos, enquête)  
    • tonalité singulière, décalée  
    • traitement: écriture multimédia: sound design... 
    • narration: convergence avec le jeu vidéo: playercentrism,   le spectateur devient le héros de la narration (M.Reilhac) 
    • "condoléances": participation de l'internaute 2.0  

    Thanatorama




    FILM augmenté

    In Situ, Antoine Viviani, 2011

    • documentaire de création, essai
    • narration linéaire, mais...
    • le web comme espace de liberté éditoriale et formelle
    • et surtout: touches d'interactivité ludiques et poétiques ! Rare...
    • soit, un film "augmenté", enrichi
    • carte participative: complément au film

    IN SITU



    entrées multiples: 

    narration éclatée 


    La Zone, Bruno Masi et Guillaume Herbaut, 2011

    • mode de navigation: cartographique, les "zones" 
    • narration déconstruite, aléatoire, accidentelle 
    • la structure, désarçonnante, exprime le concept 
    • dimension transmédia: webdoc + livre + installation 

    la Zone



    régime participatiF


    L'interactivité

    • mais le web: aussi un moyen de communication !
    • dimension humaine, sociale primordiale
    • voire contributive: web 2.0 (condoléances, carte insitu)
    • et même "constitutive" de ( l'expérience de) l'œuvre... 

    échanges, participation,

     engagement


    Prison Valley, David Dufresne et Philippe Brault, 2010

    • étape/tournant dans le webdocumentaire 
    • discussion et conversation au cœur du webdoc: chats, forums, échanges avec les personnages du film 
    • le web: outil de communication, outil social 
    • "plus-value" au film non-linéaire 
    • échanges et débats: effet engageant et impliquant 
    • + gamification/ludification, convergence avec jeu vidéo, on y reviendra...

    Prison Valley 



    Participation: réaction


    Julien Goetz et Jean-Marc Manach, 2013

    • documentaire TV 90 min
    • dimension "webdoc": contributions et discussions web 
    • contributions en plus du film, à côté, pas constitutives  
    • un forum est-il un webdocumentaire ? 
    • mais succès: beaucoup de contributions ! 
    • surtout du texte... 
    • rien d'évident: règle de la pyramide de la participation 

    LA CONTRE-HISTOIRE...


    Pyramide de la participation 




    Changement de paradigme


    • le webdoc comme base pour appel à témoignages 
    • fonction psychologique et sociale de l'œuvre 
    • plateforme de témoignages et échanges 
    • architecture et agencement de l'information l'expriment 
    • // approche anglo-saxonne où le documentaire est souvent perçu comme devant être porteur de social change, ambition amplifiée par le support web 







    BI-MÉDIA, LIVE & PARTICIPATIF


    #24hJérusalem, Upian, 2014

    • expérience de 24 heures successives de documentaire (magazine tv plutôt...) sur Jérusalem, à l'antenne sur Arte
    • simultanément 1 site web complémentaire (2nd screen)...
    • ...enrichi en temps réel des contributions des internautes (vidéos Vine de 6 secondes sur des thèmes prédéfinis)

    #24HJÉRUSALEM


    Ma contribution Vine


    Les modérateurs ne l'ont pas publiée sur le site ! 
    Pas tant hors-sujet mais peut-être à contre-courant /-)

    BI-Média/transmédia: 

    Série DOC + expérience WEB


    Manipulations, une histoire française

    • série documentaire TV de 6 x 52 min sur les affaires...
    • meilleure investigation que j'ai vue à la TV! (emprunte les codes du thriller, suspense, musique...)
    • "transmédia": un livre aussi: la République des mallettes
    • films à voir ici...
    • ..."l'expérience web" est 

    BI-MÉDIA 

    DOC TV + JEU DE RôLES WEB 


    Jeu d'influences, Julien Goetz & Luc Hermann, 2014

    • un jeu de rôles web "dans la peau" d'un responsable qui doit faire appel à un spin doctor de la comm de crise
    • approche complémentaire ludique du doc tv didactique
    • où l'expérience web, en dépit de son réalisme, n'a plus grand-chose à voir avec le "documentaire"...

    constitutiF



    • 4 portraits documentaires (forme originale) 
    • mur d'images: contributions d'internautes sur l'insomnie 
    • œuvre collective (dans le titre) enveloppante, immersive 
    • d'autant plus que visible uniquement la nuit,
    • stratégie de distribution aussi, car mode de diff original  

    Insomnia




    "The coder is an artist"
    Dominique Willieme
    Producteur ONF Interactive, Québec / Arte, France


    jeu documentaire


    Fort McMoney, David Dufresne, 2013

    • pousser la logique de l'interaction... 
    • ...de l'internaute avec le webdoc (mécanique gaming: points, progression, tableau de bord...) 
    • ...des internautes entre eux (interaction sociale, politique)
    • MMOG (massively multiplayer online game) 
    • ludification du contenu sur un sujet politique 
    • serious game: s'informer et nourrir/participer au débat 

    En "mode" gamification


    Are Vah!, Sarah Irion et Micha Patault, 2014

    • beaucoup de similitudes avec FMM:
    • mécanique gaming: points, vote, simulation 2022...
    • ...+ qu'une véritable projection ou prospective 
    • exploration progressive environnement: investigation
    • reportage et jeu sérieux, + que documentaire de création

    De l'art de prêcher les convaincus ?





    L'opinion... est-ce le geste documentaire ?

    JEU DOCUMENTAIRE + "PUZZLE"


    Hors-jeu, David Dufresne / Upian, 2016

    • à la croisée de Manipulations, l'expérience web et FMM:
    • collectionner cartes: tisser des liens entre les contenus, créer des relations = reconstituer puzzle // pinboard Manipulations, l'expérience web, en moins graphique
    • collectionner cartes: aspect ludique, évocation enfance
    • interaction sociale poussée, encouragée: véritable plateforme web, réseau pratiquement, autant qu'idoc
    • réserves sur la fragmentation totale du contenu docu...

    Expérience personnalisée...


    The [ ] and.us, Topaz Adizes, 2014

    • "quizz" qui vous propose un contenu audiovisuel différent selon vos réponses: customized experience
    • dispositif clair: courte durée, mise en scène quasi-télévisuelle (on pense à la télé-réalité)
    • produit dérivé: jeu de cartes, l'Amérique du Nord ne perd pas le nord /-) 

    ...Avec vos données !


    In Limbo, Antoine Viviani, 2015

    • film 30 min utilisant vos données disponibles sur le web
    • réflexion sur le monde d'aujourd'hui + avec vos propres données pour que vous, spectateur, en soyez plus (directement) conscient; amplification/impact
    • Rappel: " par et avec le web" / "Medium is the message"

    ...AVEC VOS DONNÉES ! (bis)


    Do Not Track, Brett Gaylor, 2015

    • série webdocumentaire sur le tracking en ligne...
    • ...mettant aussi "en scène" vos données !
    • démarche citoyenne, politique, presque militante
    • coprod internationale Upian, Arte, ONF, ONG partenaires
    • films courts complétés d'une abondante documentation 

    ...AVEC VOS DONNÉES ! (ter)


    Digital Me, Sandra Gaudenzi and Mike Robbins, 2015

    • sur le même thème des données publiques en ligne...
    • ...comme révélateur de ce que je suis ?
    • Made in England, production BBC
    • version Beta: essayé 2 fois, ça a planté 2 fois...
    • anyway: Sandra et Mike: gens à suivre...
    • (mais au fait: est-ce encore du documentaire ??)

    "SOUnd-driven"


    Quipu Project, Rosemarie Lerner and Mike Robbins, 2015

    • des femmes et des hommes amérindiens stérilisés contre leur gré au Pérou dans les années 90
    • leurs témoignages recueillis par une ligne téléphonique...
    • ...mis en ligne dans ce webdoc... 
    • ...dont l'audio est donc le matériau principal
    • enjeu/visée sociale, politique 
    • démarche adéquate, pertinente
    • place et rôle de l'image dans ce régime/dispositif ?
    • déclinaison radio de l'œuvre ?
    • mesure de l'impact ?

    "SOUND-DRIVEN"


    After The Storm, Andrew Grace and Mike Robbins, 2015

    • une "lettre" multimédia à une personne du futur...
    • ...dont le son est le "liant" entre les moments/séquences.
    • aspect technologique et formel à la fois
    • démarche d'auteur, documentaire de création...
    • ...tout en n'étant plus une écriture (seulement) filmique
    • encore une production du formidable Helios Design Labs

    II. révolution formelle: webdesign


    Esthétique de l'interface

    • questions de navigation, d'agencement de l'information, d'écriture multimédia, de graphisme  
    • meilleurs cas: questions de mise en scène, de cinéma
    • l'esthétique est politique
    • "code is politics" / "code is poetry"

    Figure du splitscreen 1


    Gaza/Sderot , Upian, 2008

    • figure cinématographique du splitscreen 
    • splitscreen gauche ET droite  
    • splitscreen interactif, liberté de navigation 
    • ligne de séparation au potentiel métaphorique 
    • idée graphique: valeur éditoriale, sens 

    Gaza/sderot


    Architecture de l'information
    Navigation dans l'œuvre par: 

    • chronologie, comme un vidéo-blog (par défaut) 
    • personnages 
    • cartographie  
    • thèmes (mots-clefs) 


    Gaza/Sderot




    FIGURE DU SPLITSCREEN 2


    Alma, Miquel Dewever-Plana et Isabelle Fougère, 2012

    • splitscreen haut OU bas, question de cinéma 
    • questionne la nature même du montage: le choix 
    • ère tablettes: navigation tactile: glisser, toucher Alma 

              "Partie confession, partie évocation", Alexandre Brachet, producteur


    Figure du splitscreen 3


    Le Grand Incendie, Samuel Bollendorff et Olivia Colo, 2013

    • 2 récits en parallèle; 2 voix, 2 façons de traiter un phénomène, l'internaute/spectateur crée lui-même les points de montage entre ces 2 fils pour "faire" son film
    • production Honkytonk Films qui a développé Klynt ;-)

    "Less is more. Simple is hard (enough)".
    Arnaud Dressen, producteur 

    Figure du splitscreen 4


    Last Hijack, Submarine Channel, 2014

    • sur la piraterie aujourd'hui au large de la Somalie
    • 2 points de vue, 2 personnages: pirate et capitaine
    • approche bi-media: webdoc + documentaire cinéma

    questions de mise en scène,

     de montage: de cinéma


            "Interactions are the new edits",           Webdoc Manifesto 

    "Navigation is to web what editing is to cinema", Hugues Sweeney, NFB Canada 

    "The best interface is... no interface" 
    // montage "invisible", "interdit",
    idée du théoricien du cinéma André Bazin

    Tendance "scrollytelling"


    Hollow, Elaine McMillion, 2013

    • navigation scroll (ou glisse sur tablette):  
    • design d'interface + interaction design 
    • soit: forme d'écriture ! 
    • dynamique, agréable, élégant, "fresh" 
    • tendance graphique, mode ou écriture durable ? 
    • by the way, idoc à ambition social change...
    • ...sceptique 

    SCROLLYTELLING


    NSA Files: Decoded, The Guardian, 2013

    • même type de navigation, d'écriture 
    • appliqué à un travail journalistique, d'investigation, avec le web (datavisualisation interactive, live data, docs pdf) 
    • grand format reportage d'aujourd'hui // "longform"...
    • ... forme si populaire qu'elle a maintenant ses templates  

    SCROLLYTELLING !?



    • proposition originale de navigation web !
    • avancer/reculer dans la rue en vue subjective...
    • ...au scroll de la souris !
    • immersif, enrichi par un sound design 360° léché
    • eu le plaisir d'être tuteur de ce projet :)

    en "mode" gamification 2

    ReConstruire Haïti, Jean Abbiateci et Florent Maurin, 2014

    • un récit longform avec des modules gaming
    • // Are Vah!, FMM: simulation sur l'avenir: 2020...
    • ...en fonction des choix dans les modules gaming
    • hybride: récit journalistique + jeu sérieux = newsgame
    • interactivité minimale mais assez juste
    • digression: pas du tout un "documentaire"...
    • "reportage-fiction multimédia"

    USER EXPERIENCE DESIGN


    The UX Series, Sandra Gaudenzi

    • au-delà du design d'interface et de l'interaction design...
    • => globalement: le design d'expérience de l'utilisateur
    • User Xperience Design (UX)
    • un idoc n'est plus juste un film mais un product, mieux: une expérience.
    • série d'entretiens vidéo avec auteurs, designers... 


    "Design is a point of view", David Dufresne


    NOUVELLE FRONtière:

    la "web-création" ?


    (exemple: Dada-Data, Anita Hugi et David Dufresne, 2016)

    • le "webdoc" déjà caduc ? terme réducteur ? restrictif ?
    • on parle de plus en plus de "web-création"...
    • (mot plus générique tu meurs...)
    • ...face à variété et éclectisme des "nouvelles écritures"
    • il faut bien le dire: beaucoup de projets sont assez éloignés de la démarche de documentaire de création, de l'essai cinématographique...
    • en un mot: soyons LIBRES dans nos propositions !

    NOUVELLE FRONTIÈRE: "VR" 

    VIrtual reality


    • le nouveau medium, le truc du moment...
    • ...durable ? 
    • (quand) va-t-il atteindre sa masse critique ?
    • un autre langage, un nouveau langage, balbutiant
    • des technologies et dispositifs en gestation
    • des nouveaux coûts aussi, pour tous... prod et public
    • voulez-vous en être ? pourquoi ?
    • nouveau soft issu de Klynt: Wonda VR, depuis avril 2016
    • 2017: nouvelles formations VR à Video Design: 5j ou 10j

    métiers


    C'est bien beau tout ça, mais... qui le fait ?

                        DOCUMENTAIRE
                        Producteur
                        Dir. et assist. de prod
                        Auteur/Réalisateur
                        Cadreur
                        Ingé son &  Mixeur
                        Monteur & Étalonneur
                        Musique originale
                        
                        


    MÉTIERS


    C'est bien beau tout ça, mais... qui le fait ?

                        DOCUMENTAIRE                    WEB CRÉATION
                        Producteur                              Producteur
                        Dir. et assist. de prod            Chef de projet
                        Auteur/Réalisateur                Concepteur/Réal  
                        Cadreur                                    Graphiste
                        Ingé son & Mixeur                  Sound Designer
                        Monteur & Étalonneur          Développeur/Inté 
                        Musique originale                  Ergonome
                        



    BUDGET


    C'est bien beau tout ça, mais... combien ça coûte ?

    • modèles économiques et budgets en progrès (sauf 2016)
    • initiative récente PXN pour avoir un soutien + important
    • 2 types de projets: 
    • 1. budgets conséquents
    • ( Alma: 500 000 € env, Fort McMoney: 700 000 € env, 
    • Do Not Track: 640 000€ env)
    • soit: budget doc tv + budget développement web
    • 2. économie précaire: qq milliers d'euros... (bcp projets) et des échelles budgétaires très variables

    DO it yourself! #DIY


    Nouveaux outils codefree pour réalisation autonome:
    premiers pas vers l'écriture et la réalisation interactives

       
         Klynt             Racontr             Eko                    

    KLYNT


    Développé par Honkytonk Films
    The best /-)


    Financement


    Modèle économique

    • CNC Nouveaux Médias (écriture / dév / production)
    • Diffuseurs: France TV Nouvelles Écritures, Arte Web
    • part (co)producteur(s), dont aides privées, régions... 
    • soit: 1/3 CNC, 1/3 diffuseur, 1/3 producteur // doc tv
    • coproductions internationales, de plus en plus
    • crowdfunding
    • aides régions répertoriées par Le Blog Documentaire
       

    Diffusion & Communication


    Partenariats, réseaux sociaux et <iframe>

    • partenariats presse, sites de presse 
    • projets peu de moyens mais finalement bonne visibilité 
    • community management: audience vivante sur le web 
    • réseaux sociaux, recommandation, longue traîne 
    • embarquez-le ! <iframe>: intégration du programme 
    • à plus grande échelle: stratégie transmédia 360° 

    quelques liens...


    Veille / Actu

    Blogs & Références
    MIT Open Doc Lab [english]
    Inter-Doc [español]

    Quelques liens... (bis)


    Où voir de bons webdocs ?
    Docubase [english]
    IDFA Doc Lab Netherlands [english]

    Comprendre Internet...
     

    Merci !





    Webdoc Video Design 11

    By Simon Duflo

    Webdoc Video Design 11

    Formation Webdocumentaire Simon Duflo, Video Design, Paris, juin 2018.

    • 401