Grille Web et temporalité
Niveau : cours projet Web 2021-2022
Présentation du sujet - La grille, le temps et les interactions dans une page Web
Quelques exemples et références
- Hoverstates
- Martin Wecke
- All The Minutes — a Twitter clock by @studiomoniker
- Into Time - Rafaël Rozendaal
- Only suddenly - Rafaël Rozendaal
- endless horse
- Net Art Anthologie - Rhizome
- Claude Closky
- Jodi
- Forever loading website
- Andy Warhol - Sleep
- Web art directory - Tim Rodenbroeker
- The distant past
- Gossip’s Web
- hallointer.net
- loadmo.re
- Yehwan Song
- o’clock. time design, design time
- Cubic Time!
- Sans objet - Centre Pompidou
- Vers un design du temps - Emmanuel Guez
Webdesign versus temporalité - Différences et similitudes entre usages du Web et temps
(Ces exemples sont “expérimentaux” et peuvent ne pas fonctionner sur certains navigateurs ou sur mobile)
→ Lien pour voir la collection complète d’exemples
Scroll infini | boucle temporelle
Défilement infini avec marche/arrêt | contrôle du défilement
Effacer du texte en scrollant | perte de contrôle
Afficher la date et l’heure dans la page | design du temps
Une page Web “en temps réel” (des contenus en fonction de l’heure réelle) | le temps qui passe
De l’animation (des cases qui se remplissent de couleur…) | timeline
Défiler la page fait avancer une séquence d’images | contrôle de la timeline
Chargement de la page | temps d’attente
La souris est bloquée par des “murs invisibles” (parcours, labyrinthe…) | Temps d’usage
- Voir l’exemple
Une balle tombe dans une longue page Web et ricoche sur des obstacles | Observation longue
- Voir l’exemple
Des contenus textes et images en rapport avec le temps (mise en page article, littérature, poésie, chronologie…) | les références du temps
- Voir l’exemple