SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
Benjamin Hoguet

@benhoguet
LES STRUCTURES
NARRATIVES INTERACTIVES
La Narration Réinventée
Disponible sur Amazon, iBooks, Kindle…
Plus d’infos sur : http://benhoguet.com
Benjamin Hoguet
Créateur interactif
@benhoguet
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
La structure linéaire
Un début, une fin, l’utilisateur influe sur un aspect de la linéarité
Happy The Most
Northern Place
NSA Files
Decoded
Structure linéaire
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
La structure élastique
Un fil narratif principal, des décrochages pour explorer davantage
Structure élastique
A Short History
of the Highrise
Alma Prison Valley
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
La structure concentrique
Plusieurs choix initiaux conduisant vers des modules indépendants
Structure concentrique
What I Love National Parks Project Uchroniques
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
La structure parallèle
L’histoire avance en «flux» parallèles entre lesquels l’utilisateur peut naviguer
Structure parallèle
Gaza Sderot Last Hijack Wei or Die
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
La structure à embranchements
Des choix multiples conduisant à plusieurs fins différentes
The Stanley ParableJeu d’Influences The Refugee Challenge
Structure à embranchements
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
La structure en constellation
De multiples points d’entrée, des contenus distincts reliés par tags, thèmes...
Structure en constellation
Une contre-histoire
des Internets
Question BridgeImmigrant Nation
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
MERCI !
Suivez-moi sur Twitter @benhoguet
Plus de ressources sur benhoguet.com

Mais conteúdo relacionado

Mais procurados

単一物体追跡論文のサーベイ
単一物体追跡論文のサーベイ単一物体追跡論文のサーベイ
単一物体追跡論文のサーベイHitoshi Nishimura
 
20211004 XRメタバース時代における触覚の役割について
20211004 XRメタバース時代における触覚の役割について20211004 XRメタバース時代における触覚の役割について
20211004 XRメタバース時代における触覚の役割についてGREE VR Studio Lab
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
Gérer, encadrer, motiver une équipe en bibliothèque
Gérer, encadrer, motiver une équipe en bibliothèqueGérer, encadrer, motiver une équipe en bibliothèque
Gérer, encadrer, motiver une équipe en bibliothèqueJoëlle Muller
 
District 9, Genre and Representation v3
District 9, Genre and Representation v3District 9, Genre and Representation v3
District 9, Genre and Representation v3christimothy12
 
Participation en bibliothèque : dialogue avec la BM Louise Michel, Paris
Participation en bibliothèque : dialogue avec la BM Louise Michel, ParisParticipation en bibliothèque : dialogue avec la BM Louise Michel, Paris
Participation en bibliothèque : dialogue avec la BM Louise Michel, ParisKnitandb b
 
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezWireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezMightybytes
 
The Elements of Story by Robert McKee
The Elements of Story by Robert McKeeThe Elements of Story by Robert McKee
The Elements of Story by Robert McKeeRobertas Jucaitis
 
Right Way to Wireframe
Right Way to WireframeRight Way to Wireframe
Right Way to WireframeWilliam Evans
 
Real-Time Semantic Stereo Matching
Real-Time Semantic Stereo MatchingReal-Time Semantic Stereo Matching
Real-Time Semantic Stereo Matchingharmonylab
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureJoan Lumanauw
 

Mais procurados (20)

単一物体追跡論文のサーベイ
単一物体追跡論文のサーベイ単一物体追跡論文のサーベイ
単一物体追跡論文のサーベイ
 
20211004 XRメタバース時代における触覚の役割について
20211004 XRメタバース時代における触覚の役割について20211004 XRメタバース時代における触覚の役割について
20211004 XRメタバース時代における触覚の役割について
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
Gérer, encadrer, motiver une équipe en bibliothèque
Gérer, encadrer, motiver une équipe en bibliothèqueGérer, encadrer, motiver une équipe en bibliothèque
Gérer, encadrer, motiver une équipe en bibliothèque
 
District 9, Genre and Representation v3
District 9, Genre and Representation v3District 9, Genre and Representation v3
District 9, Genre and Representation v3
 
Webinar UX Writing
Webinar UX WritingWebinar UX Writing
Webinar UX Writing
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Character Design
Character DesignCharacter Design
Character Design
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 
HCIから見た漫画
HCIから見た漫画HCIから見た漫画
HCIから見た漫画
 
Participation en bibliothèque : dialogue avec la BM Louise Michel, Paris
Participation en bibliothèque : dialogue avec la BM Louise Michel, ParisParticipation en bibliothèque : dialogue avec la BM Louise Michel, Paris
Participation en bibliothèque : dialogue avec la BM Louise Michel, Paris
 
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezWireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
 
Generative AI for Reengineering Variants into Software Product Lines: An Expe...
Generative AI for Reengineering Variants into Software Product Lines: An Expe...Generative AI for Reengineering Variants into Software Product Lines: An Expe...
Generative AI for Reengineering Variants into Software Product Lines: An Expe...
 
The Elements of Story by Robert McKee
The Elements of Story by Robert McKeeThe Elements of Story by Robert McKee
The Elements of Story by Robert McKee
 
GameJamCanvas
GameJamCanvasGameJamCanvas
GameJamCanvas
 
Right Way to Wireframe
Right Way to WireframeRight Way to Wireframe
Right Way to Wireframe
 
Real-Time Semantic Stereo Matching
Real-Time Semantic Stereo MatchingReal-Time Semantic Stereo Matching
Real-Time Semantic Stereo Matching
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 

Semelhante a Les structures narratives interactives

Principes d'écriture interactive
Principes d'écriture interactivePrincipes d'écriture interactive
Principes d'écriture interactiveBenjamin Hoguet
 
La conception d'interfaces narratives
La conception d'interfaces narrativesLa conception d'interfaces narratives
La conception d'interfaces narrativesBenjamin Hoguet
 
Les nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigiqueLes nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigiqueBenjamin Hoguet
 
Ergonomie Web - Une Introduction
Ergonomie Web - Une IntroductionErgonomie Web - Une Introduction
Ergonomie Web - Une IntroductionFabien Tersoglio
 
Dessin de pages web 536
Dessin de pages web 536Dessin de pages web 536
Dessin de pages web 536quickredfox
 
Gestion de projet site web
Gestion de projet site webGestion de projet site web
Gestion de projet site webPierre Naegelen
 

Semelhante a Les structures narratives interactives (6)

Principes d'écriture interactive
Principes d'écriture interactivePrincipes d'écriture interactive
Principes d'écriture interactive
 
La conception d'interfaces narratives
La conception d'interfaces narrativesLa conception d'interfaces narratives
La conception d'interfaces narratives
 
Les nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigiqueLes nouveaux formats narratifs - Support pédagigique
Les nouveaux formats narratifs - Support pédagigique
 
Ergonomie Web - Une Introduction
Ergonomie Web - Une IntroductionErgonomie Web - Une Introduction
Ergonomie Web - Une Introduction
 
Dessin de pages web 536
Dessin de pages web 536Dessin de pages web 536
Dessin de pages web 536
 
Gestion de projet site web
Gestion de projet site webGestion de projet site web
Gestion de projet site web
 

Mais de Benjamin Hoguet

Nouvelles Narrations - La narration transmédia
Nouvelles Narrations - La narration transmédiaNouvelles Narrations - La narration transmédia
Nouvelles Narrations - La narration transmédiaBenjamin Hoguet
 
Nouvelles Narrations - La production
Nouvelles Narrations - La productionNouvelles Narrations - La production
Nouvelles Narrations - La productionBenjamin Hoguet
 
Nouvelles Narrations - Introduction
Nouvelles Narrations - IntroductionNouvelles Narrations - Introduction
Nouvelles Narrations - IntroductionBenjamin Hoguet
 
Nouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de casNouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de casBenjamin Hoguet
 
Panorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifsPanorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifsBenjamin Hoguet
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactiveBenjamin Hoguet
 
Règles de la narration et nouveaux médias
Règles de la narration et nouveaux médiasRègles de la narration et nouveaux médias
Règles de la narration et nouveaux médiasBenjamin Hoguet
 
Introduction à la création nouveaux médias
Introduction à la création nouveaux médiasIntroduction à la création nouveaux médias
Introduction à la création nouveaux médiasBenjamin Hoguet
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médiasBenjamin Hoguet
 
L'économie des projets nouveaux médias
L'économie des projets nouveaux médiasL'économie des projets nouveaux médias
L'économie des projets nouveaux médiasBenjamin Hoguet
 
Présentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médiasPrésentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médiasBenjamin Hoguet
 
Engagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écrituresEngagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écrituresBenjamin Hoguet
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactiveBenjamin Hoguet
 
L'économie de la création nouveaux médias
L'économie de la création nouveaux médiasL'économie de la création nouveaux médias
L'économie de la création nouveaux médiasBenjamin Hoguet
 
La gestion de projets interactifs
La gestion de projets interactifsLa gestion de projets interactifs
La gestion de projets interactifsBenjamin Hoguet
 
Les fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogiqueLes fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogiqueBenjamin Hoguet
 
L'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogiqueL'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogiqueBenjamin Hoguet
 
Audiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogiqueAudiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogiqueBenjamin Hoguet
 
Introduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogiqueIntroduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogiqueBenjamin Hoguet
 
Introduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogiqueIntroduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogiqueBenjamin Hoguet
 

Mais de Benjamin Hoguet (20)

Nouvelles Narrations - La narration transmédia
Nouvelles Narrations - La narration transmédiaNouvelles Narrations - La narration transmédia
Nouvelles Narrations - La narration transmédia
 
Nouvelles Narrations - La production
Nouvelles Narrations - La productionNouvelles Narrations - La production
Nouvelles Narrations - La production
 
Nouvelles Narrations - Introduction
Nouvelles Narrations - IntroductionNouvelles Narrations - Introduction
Nouvelles Narrations - Introduction
 
Nouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de casNouvelles Narrations - Les études de cas
Nouvelles Narrations - Les études de cas
 
Panorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifsPanorama des nouveaux formats narratifs
Panorama des nouveaux formats narratifs
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactive
 
Règles de la narration et nouveaux médias
Règles de la narration et nouveaux médiasRègles de la narration et nouveaux médias
Règles de la narration et nouveaux médias
 
Introduction à la création nouveaux médias
Introduction à la création nouveaux médiasIntroduction à la création nouveaux médias
Introduction à la création nouveaux médias
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médias
 
L'économie des projets nouveaux médias
L'économie des projets nouveaux médiasL'économie des projets nouveaux médias
L'économie des projets nouveaux médias
 
Présentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médiasPrésentation et formalisation d'un projet nouveaux médias
Présentation et formalisation d'un projet nouveaux médias
 
Engagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écrituresEngagement d'audience et réseaux sociaux dans les nouvelles écritures
Engagement d'audience et réseaux sociaux dans les nouvelles écritures
 
Les outils de création interactive
Les outils de création interactiveLes outils de création interactive
Les outils de création interactive
 
L'économie de la création nouveaux médias
L'économie de la création nouveaux médiasL'économie de la création nouveaux médias
L'économie de la création nouveaux médias
 
La gestion de projets interactifs
La gestion de projets interactifsLa gestion de projets interactifs
La gestion de projets interactifs
 
Les fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogiqueLes fondamentaux de la narration - Support pédagogique
Les fondamentaux de la narration - Support pédagogique
 
L'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogiqueL'influence du jeu video sur la narration interactive - Support pédagogique
L'influence du jeu video sur la narration interactive - Support pédagogique
 
Audiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogiqueAudiences et nouveaux médias - Support pédagogique
Audiences et nouveaux médias - Support pédagogique
 
Introduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogiqueIntroduction à la narration transmedia - Support pédagogique
Introduction à la narration transmedia - Support pédagogique
 
Introduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogiqueIntroduction à l'interactivité - Support pédagogique
Introduction à l'interactivité - Support pédagogique
 

Les structures narratives interactives

  • 2. La Narration Réinventée Disponible sur Amazon, iBooks, Kindle… Plus d’infos sur : http://benhoguet.com Benjamin Hoguet Créateur interactif @benhoguet
  • 3. 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
  • 4. La structure linéaire Un début, une fin, l’utilisateur influe sur un aspect de la linéarité
  • 5. Happy The Most Northern Place NSA Files Decoded Structure linéaire
  • 6. 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
  • 7. La structure élastique Un fil narratif principal, des décrochages pour explorer davantage
  • 8. Structure élastique A Short History of the Highrise Alma Prison Valley
  • 9. 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
  • 10. La structure concentrique Plusieurs choix initiaux conduisant vers des modules indépendants
  • 11. Structure concentrique What I Love National Parks Project Uchroniques
  • 12. 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
  • 13. La structure parallèle L’histoire avance en «flux» parallèles entre lesquels l’utilisateur peut naviguer
  • 14. Structure parallèle Gaza Sderot Last Hijack Wei or Die
  • 15. 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
  • 16. La structure à embranchements Des choix multiples conduisant à plusieurs fins différentes
  • 17. The Stanley ParableJeu d’Influences The Refugee Challenge Structure à embranchements
  • 18. 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
  • 19. La structure en constellation De multiples points d’entrée, des contenus distincts reliés par tags, thèmes...
  • 20. Structure en constellation Une contre-histoire des Internets Question BridgeImmigrant Nation
  • 21. 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
  • 22. MERCI ! Suivez-moi sur Twitter @benhoguet Plus de ressources sur benhoguet.com