Skip to content

Les 5 territoires créatifs

Vous venez de voir la richesse du web créatif dans le panorama des 8 domaines. Ce cours structure cette exploration autour de 5 territoires qui guident votre apprentissage et votre projet personnel.

Les frontières entre territoires sont poreuses — votre projet peut mélanger plusieurs territoires.


Concept : Le numérique enrichit et augmente l’expérience de lieux physiques.

Caractéristiques :

  • Géolocalisation et navigation dans l’espace réel
  • Audio spatial et ambiance immersive
  • QR codes, NFC, codes 2D narratifs
  • Visite guidée interactive augmentée
  • Documentation de lieux, d’architectures, d’histoires

Exemples de formes d’interactivité :

  • Machine : capteurs GPS déclenché des contenus
  • Sociale : visites en groupe avec partage
  • Contributive : accumulation de témoignages des visiteurs

Quand ça fonctionne :

  • L’interaction renforce la connexion au lieu
  • L’histoire locale prend sens
  • La technologie s’efface au profit de l’expérience

Concept : Une application numérique assiste une expérience de jeu physique sans la dominer.

Caractéristiques :

  • Application compagnon pour jeu de plateau
  • Gestion des règles et du temps
  • Création de contenu (cartes, événements) générés dynamiquement
  • Score et progression synchronisés
  • Interface épurée et rapide (on ne veut pas quitter la table)

Exemples de formes d’interactivité :

  • Machine : gestion d’aléatoire et de règles
  • Sociale : coordination de joueurs via l’app
  • Contributive : customisation des règles et de l’expérience

Quand ça fonctionne :

  • La technologie sert le jeu, ne le paralyse pas
  • L’app est plus rapide que du papier
  • L’expérience reste humaine (jeu de table sans écrans omniprésents)

Concept : Raconter des histoires avec non-linéarité, scrollytelling, hyperliens narratifs et fictions à embranchements.

Caractéristiques :

  • Narrations non-linéaires (le lecteur choisit son chemin)
  • Scrollytelling (animations synchronisées au scroll)
  • Hypertexte et lectures multidimensionnelles
  • Fictions interactives et ARG (Alternate Reality Games)
  • Mise en page expérimentale et typographique

Exemples de formes d’interactivité :

  • Machine : choix qui changent le récit
  • Sociale : jeux collaboratifs et résolution collective
  • Contributive : fictions écrites collectivement

Quand ça fonctionne :

  • La non-linéarité révèle des profondeurs du récit
  • Le scroll devient rythme narratif
  • Chaque lecteur vit une histoire légèrement différente

Concept : Réinventer les gestes et les interactions. Challenger les conventions des interfaces.

Caractéristiques :

  • Détournement des interfaces standards
  • Gestes inhabituels deviennent logiques
  • Surprise et délice comme moteurs
  • Exploration pour découvrir les possibilités
  • Interfaces minimalistes ou maximales selon l’intention

Exemples de formes d’interactivité :

  • Machine : capteurs et entrées créatives (accélération, microphone, temps)
  • Sociale : interfaces qui invitent à jouer ensemble
  • Contributive : interfaces qui se construisent avec les utilisateurs

Quand ça fonctionne :

  • L’utilisateur découvre naturellement les gestes
  • Le plaisir du geste prime sur l’efficacité
  • L’interface raconte quelque chose sur le monde

Concept : Créer des instruments numériques qui deviennent des outils créatifs. Générer du contenu (visuels, sons, textes) de manière procédurale ou assistée.

Caractéristiques :

  • Synthèse générative (images, musique, texte)
  • Création sans compétences techniques préalables
  • Instruments visuels et sonores
  • Jeux génératifs infinis
  • Co-création humain/machine

Exemples de formes d’interactivité :

  • Machine : algorithmes génératifs et IA créative
  • Sociale : création partagée et remix
  • Contributive : outils qui s’améliorent avec les contributions

Quand ça fonctionne :

  • L’outil est plus amusant qu’une tâche de production
  • Les résultats sont surprenants et variés
  • Même les non-créatifs se sentent créatifs

Cadre d’analyse : 3 dimensions pour concevoir

Section titled “Cadre d’analyse : 3 dimensions pour concevoir”

Pour concevoir une expérience dans l’un de ces territoires, analysez ces trois dimensions :

Avec qui/quoi interagit l’utilisateur ?

  • Machine : Algorithmes, capteurs, données → expérience prévisible mais complexe
  • Sociale : Autres humains → expérience imprévisible et émotionnelle
  • Contributive : L’utilisateur crée/modifie le contenu → narration collaborative

→ Lire en détail les 3 formes d’interactivité


Quel rôle joue l’utilisateur dans la narration ?

  • Fantôme : Observateur invisible (documentaire)
  • Personnage : Acteur avec agentivité (jeu de rôle)
  • Divinité : Contrôleur omniscient (dieu du jeu)
  • Lui-même : Acteur authentique (autobiographie numérique)

→ Lire en détail les rôles du public


Comment l’interactivité structure l’histoire ?

  • Linéaire : Un seul chemin (même si non-linéaire en surface)
  • Élastique : Détours mais retour au chemin principal
  • Concentrique : Points de vue multiples sur le même événement
  • Parallèle : Plusieurs histoires qui ne se rencontrent pas
  • Embranchements : Choix significatifs qui créent des chemins divergents
  • Constellation : Fragments sans connexion linéaire (puzzle narratif)

→ Lire en détail les structures narratives


Les 5 sections ci-dessus présentent chaque territoire. Pour choisir le vôtre :

  1. Lisez les descriptions de chaque territoire
  2. Identifiez celui qui vous parle (intention créative, types de projets)
  3. Explorez des exemples dans chaque territoire
  4. Utilisez les 3 dimensions (formes, rôles, structures) pour l’analyser

Pages détaillées : Les pages complètes avec 5-8 exemples analysés seront bientôt disponibles. Pour l’instant, utilisez les ressources de ce document et la galerie d’exploration.


Intégration avec les fondamentaux techniques

Section titled “Intégration avec les fondamentaux techniques”

Une fois votre territoire identifié, vous apprendrez les techniques Svelte spécifiques à ce territoire :

  • Muséal → Géolocalisation, Web API, animations avec scroll
  • Hybride → État complexe, gestion de règles, synchronisation
  • Lecture → Scrollytelling, non-linéarité, hypertexte
  • Interface → Gestes, entrées créatives, micro-interactions
  • Outil → Algorithmes, génération, paramètres créatifs

→ Retour à la cartographie

ou

→ Passer aux fondamentaux techniques