les structures narratives interactives
TRANSCRIPT
![Page 1: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/1.jpg)
Benjamin Hoguet@benhoguet
LES STRUCTURES NARRATIVES INTERACTIVES
![Page 2: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/2.jpg)
La Narration Réinventée Disponible sur Amazon, iBooks, Kindle…
Plus d’infos sur : http://benhoguet.com
Benjamin Hoguet Créateur interactif
@benhoguet
![Page 3: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/3.jpg)
TYPOLOGIE DES STRUCTURES NARRATIVES INTERACTIVES
Linéaire Elastique Concentrique Embranchements Constellation
L’auteur garde davantage le contrôle Le public acquiert davantage de contrôle
Parallèle
![Page 4: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/4.jpg)
La structure linéaireUn début, une fin, l’utilisateur influe sur un aspect de la linéarité
![Page 5: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/5.jpg)
Happy The Most Northern Place
NSA Files Decoded
Structure linéaire
![Page 6: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/6.jpg)
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: « cliquer pour continuer »… • ne pas permettre le retour en ne gardant pas en mémoire
l’avancée d’un utilisateur
Caractéristiques / Interactions récurrentes• chapitrage / possibilité de faire des sauts en avant en en arrière • prédominance d’un « média » (vidéo, son, texte…)
Structure linéaire
![Page 7: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/7.jpg)
La structure élastiqueUn fil narratif principal, des décrochages pour explorer davantage
![Page 8: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/8.jpg)
Structure élastique
A Short History of the Highrise
Alma Prison Valley
![Page 9: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/9.jpg)
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
Risques / Erreurs à éviter• les décrochages peuvent rompre l’immersion dans l’histoire • qualité des décrochages trop faible pour motiver l’exploration • contenu des décrochages peu clair pour l’utilisateur
Caractéristiques / Interactions récurrentes• boutons / calls to action qui proposent le décrochage, et le retour • possibilité de consulter une oeuvre linéaire si refus de faire des choix
Structure élastique
![Page 10: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/10.jpg)
La structure concentriquePlusieurs choix initiaux conduisant vers des modules indépendants
![Page 11: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/11.jpg)
Structure concentrique
What I Love National Parks Project Uchroniques
![Page 12: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/12.jpg)
Avantages• décompose l’expérience en section plus rapide à « consommer » • permet à l’utilisateur d’aller vers le contenu qui l’attire le plus
Risques / Erreurs à éviter• l’intention d’auteur peut se diluer en se contentant de « classer »
du contenu • qualité / quantité de contenu inégale entre les sections
Caractéristiques / Interactions récurrentes• interface de la homepage propose des choix (carte, galleries, thèmes…) • boutons qui appellent l’utilisateur à explorer les sections suivantes • jauge de progression (contenu restant à explorer)
Structure concentrique
![Page 13: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/13.jpg)
La structure parallèleL’histoire avance en «flux» parallèles entre lesquels l’utilisateur peut naviguer
![Page 14: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/14.jpg)
Structure parallèle
Gaza Sderot Last Hijack Wei or Die
![Page 15: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/15.jpg)
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 »
Risques / Erreurs à éviter• le lien entre les différents « canaux » n’est pas toujours clair • l’expérience peut se résumer à un zapping qui n’est finalement
pas très éclairant pour l’utilisateur
Caractéristiques / Interactions récurrentes• écrans partagés • timelines interactives
Structure parallèle
![Page 16: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/16.jpg)
La structure à embranchementsDes choix multiples conduisant à plusieurs fins différentes
![Page 17: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/17.jpg)
The Stanley ParableJeu d’Influences The Refugee Challenge
Structure à embranchements
![Page 18: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/18.jpg)
Avantages• donne une grande (impression de) liberté à l’utilisateur • l’auteur reste en contrôle d’un univers fini • expérience « rejouable » pour l’utilisateur
Risques / Erreurs à éviter• trop de chemins et envol des coûts de production • existence évidente de « bons » et « mauvais » chemins • pas assez d’informations donnée pour aider à choisir
Caractéristiques / Interactions récurrentes• boutons offrant des choix souvent binaires • les choix influent sur des variables (visibles ou non sur l’interface) • incitation à rejouer
Structure à embranchements
![Page 19: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/19.jpg)
La structure en constellationDe multiples points d’entrée, des contenus distincts reliés par tags, thèmes...
![Page 20: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/20.jpg)
Structure en constellation
Une contre-histoire des Internets Question BridgeImmigrant Nation
![Page 21: Les structures narratives interactives](https://reader034.vdocuments.site/reader034/viewer/2022042722/5889154d1a28ab4a5c8b64a1/html5/thumbnails/21.jpg)
Avantages• permet de collecter et référencer un grand nombre de contenus • permet la co-création et la contribution des utilisateurs • « univers » en expansion (potentiellement) permanente
Risques / Erreurs à éviter• qualité inégale entre les contenus • risque de perte totale de l’intention d’auteur • incapacité à modérer / articuler les différents contenus
Caractéristiques / Interactions récurrentes• tri des contenus et navigation par tags, thèmes • valorisation des contributeurs (profils personnels, pseudo apparents…) • ressemblance avec des plateformes vidéos ou des sites de presse
Structure en constellation