François Chay
CRMA 2009
Sommaire
 Les composants du projet.......................................... p.3
            Un site web / une installatio...
Présentation
        Andy Goldsworthy est un artiste écossais
        travaillant quasiment uniquement avec des
        ma...
Point de vue
     Le travail d’Andy Goldsworthy aborde trois notions principales à mes yeux : le temps, l’énergie et les é...
Le projet
       Je vais présenter Andy Goldsworth autour de ces
       trois notions, chacune influençant le projet par s...
8
Les composants du projet
   Un site web                                            Une installation
                      ...
Personna
    Catherine
                Proche de la quarantaine, Catherine est prof
                d’économie dans un lyc...
1
Installation
               13
Vue en coupe de profil                                                         Vue de dessus d’un niveau
                 ...
1                                             2




                                         1 peu d’Activité   2 Activité...
Vue latérale                     2                                             Vue du dessus




                         ...
Le matériau s’érode au contact de
La disparition   l’eau. Plus le temps passe plus elle
                 se détruit.
     ...
Arborescences Web
- Navigation par caractéristique commune             FLuX                                    temps                       -...
accueil


                                                                                                                ...
Eléments de
l’interface Web
2                            1

                                              3


                                        ...
emplacement
                                    Les icônes sont réparties sur le côté
                                    ...
naVigation                           accès aux informations

          Retour à                            Biographie
    ...
Temps
                                         Flux



                                                                   ...
Flux               Temps                                    Zoom



                                                      ...
Zoom                                                                Temps
                                                ...
2   1     L’oeuvre a été ajoutée aux favoris
                  Zoom                                                       ...
faible activité                                                                                               forte activi...
?




Scénario fonctionnel

Trace des autres
visiteurs                  Les trajectoires des souris des visiteurs sont pon...
Zonings Web
              35
sculpter
                                               avec   le
                                                  temps
...
sculpter
                                      avec   le
                                         temps
                  ...
sculpter
                                                retour à LA
                                                home
...
sculpter
                                     avec   le
                                        temps
                    ...
1

                                     2




                                                                 3Chargement...
1

                                                    4
                                                    2            ...
BiogrAphie                                   Titre du média
                                     2                        ...
3


                                                                                                                      ...
i1      2                                   3




                                       le projet                aide



...
1     cLick

               Flux         Temps

                                               i
                         ...
i                                             i                                            i




                le projet...
Lieu
                                                                                              3b




     1   cLick  ...
2
          Dézoom   1   cLick



Marquer
comme                  Télécharger
favoris
                                     ...
Flux         Temps

                                               i
                                                     ...
i                                                       i                                                         i




  ...
Scenarii Installation
                        53
Action                     Arrive sur
                                                                                    ...
1




1 Lumières

  L’installation reçoit des infos sur
  l’activité du site, les lumières
  réagissent     tranquillement...
Action                      Passe juste à côté de la structure
                l’utilisateur




                         ...
1
                                                                         2




    repérAge des
1                       ...
Action                             S’approche                               Touche l’installation
                  l’util...
1                                      2




        détection des
    1                                  2 écLAirAge
    ...
Charte graphique
Charte graphique
                   Une identité organique     dans le temps sans

Identité           puisque le projet a ...
1 oeuvres

 2 interfAce fiXe
   - icônes
   - aide & explication
   - info & biographie
 3 interfAce
   mouvAnte
   - curs...
1 typo         texte courant   Antique Olive Light                    2 cAdres
                                   12px

  ...
1 typo                            2 évoLution

                     La blur
                     Neville Brody




Charte ...
1 oeuvres


  4 AmBiAnce


2 interface fixe



3 interface
  mouvante




       Charte graphique

       Différentes
    ...
matin   soir
                              heure

   Temps



Echanges



  Energie



                Approche




évoLut...
1




2




3




Charte graphique

Chargement
                   1 BiBLiothèque > omBres

                   2 temps > sA...
100%




                                      0%




Charte graphique

Chargement
Dispositif pour prise de vue
Bibliothèq...
3

                               Introduction
                                  de l’encre




                          ...
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Dossier de conception François Sculpter avec le Temps
Prochain SlideShare
Chargement dans…5
×

Dossier de conception François Sculpter avec le Temps

1 219 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 219
Sur SlideShare
0
Issues des intégrations
0
Intégrations
49
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Dossier de conception François Sculpter avec le Temps

  1. 1. François Chay CRMA 2009
  2. 2. Sommaire Les composants du projet.......................................... p.3 Un site web / une installation ................................................................................... p.3 L’installation ...................................................................................................................... p.4 Scenarii Web ................................................................. p.7 Elements généraux ........................................................................................................ p.8 Scenario documentaire................................................................................................. p.12 Scenarios conceptuels................................................................................................... p.21 Scenarii Installation ...................................................... p.27 La contemplation ........................................................................................................ p.28 Le passage ..................................................................................................................... p.30 L’action ............................................................................................................................ p.32 Planches Tendances ..................................................... p.34 Planches de styles ....................................................... p.39 3
  3. 3. Présentation Andy Goldsworthy est un artiste écossais travaillant quasiment uniquement avec des matériaux naturels. Il considère ses travaux comme des oeuvres éphémères. Selon les matériaux utilisés et les évènements ses oeuvres peuvent durer entre quelques heures et plusieurs années. Il ne souhaite pas marquer la nature mais plus chercher une relation harmonieuse avec elle, même courte. La seule trace qui reste sont les photos et les films réalisés à l’occasion. Pitch A travers deux supports intimement liés, ce projet vise à adapter au multimédia ce qui fait vivre l’oeuvre d’Andy Goldsworthy : l’évolution naturelle découlant de l’environnement et des interactions. Recréer une vie naturelle. 5
  4. 4. Point de vue Le travail d’Andy Goldsworthy aborde trois notions principales à mes yeux : le temps, l’énergie et les échanges. Le temps Toutes ses oeuvres sont au bord de “La véritable l’effondrement. Placées dans la nature, de oeuvre est le nombreux facteurs aléatoires influent sur leur changement” évolution et elles finissent par disparaitre pour retourner à la nature. Les échanges Goldsworthy s’investit physiquement pour “Ce qui donne créer ses oeuvres. Il est au contact direct de vie à mes la Nature, hors du cocon de la civilisation. oeuvre, cause L’art est une forme de nourriture par lequel il leurs pertes” cherche à comprendre l’énergie de la Terre, la croissance et la disparition. Ses oeuvres sont en mouvement, dans l’espace ou dans le temps. L’énergie Ou l’absence d’échange. Goldsworthy “Lorsqu’un aime être seul et communiquer avec les travail devient éléments. Les gens le fatigue. Pour lui tous vivant, c’est les éléments sont reliés par des flux qui pour cela que peuvent être composés de n’importe quoi je vis” (un troupeau de mouton, une rivière, de 6 l’énergie ...).
  5. 5. Le projet Je vais présenter Andy Goldsworth autour de ces trois notions, chacune influençant le projet par son essence. Le projet mettra en place deux supports, un site web et une installation. Le site web permettra de découvrir l’artiste et son oeuvre alors que l’installation sera une oeuvre en elle même. Mon travail évoluera donc dans le temps et son affichage même prendra en compte le temps. Il évoluera, vivra; en fonction de l’énergie, de l’investissement des ses utilisateurs. L’installation devra disparaitre du fait des actions des utilisateurs. Enfin les deux supports et leurs évolutions propres s’influenceront l’un l’autre, le projet dans son entier étant pris dans un seul et même flux. L’expérience utilisateur L’utilisateur sera mis en situation d’agir sur le projet, volontairement ou non, pour utiliser et vivre les concepts abordés par Andy Goldsworthy 7
  6. 6. 8
  7. 7. Les composants du projet Un site web Une installation Chacun influe l’autre Influencé par : Influencé par : - le nombre de visiteurs présents sur le site - le nombre de visiteurs présents sur le site - les mouvements de souris des visiteurs - le niveau d’activité des personnes sur le site présents sur le site. - le mouvement autour de l’installation - le temps sur l’installation - le son autour de l’installation - le mouvement autour de l’installation - le son autour de l’installation 9
  8. 8. Personna Catherine Proche de la quarantaine, Catherine est prof d’économie dans un lycée parisien. Même si elle vit à paris elle à su rester calme et elle sait prendre son temps et apprécier les choses simples. Elle n’utilise pas intensivement les nouvelles Valeurs technologies mais est quand même familière curiosité avec internet. Elle l’utilise régulièrement pour se simplicité renseigner sur les expos qu’elle ira voir avec son zen concubain et pour approfondir certains aspects de ce qu’elle voit. Elle est curieuse, autonome et vive. attentes découverte Elle a une bonne culture générale et s’intéresse beauté particulièrement à l’Art. Elle aime être touchée par surprise une oeuvre plus que par la réflexion derrière celle-ci. 0 1
  9. 9. 1
  10. 10. Installation 13
  11. 11. Vue en coupe de profil Vue de dessus d’un niveau de l’installation 2 3 1 Vue en coupe de profil Dispositif LA fontAine & L’érosion 1 LA forme 2 de LA structure 3 écLAirAge L’installation reprend la forme Un jet d’eau en son centre agit Des ampoules postées dans la Passage d’un mode à l’autre d’une graine, symbole de la vie qui sur l’intérieur de la graine alors structures l’éclaire de l’intérieur et nait, de l’évolution à venir. qu’une petite coupole sur le réagissent selon les interactions Elle est composée de bloc de dessus permet à l‘eau de avec son environnement. matière facilement érodable (type ruisseler le long de l’installation. argile). Elle agit ainsi des deux côtés et permer également à l’utilisateur d’avoir un contact physique plus 14 14 surprenant.
  12. 12. 1 2 1 peu d’Activité 2 Activité importAnte Eclairage Selon l’intensité de l’activité autour de l’installation et sur le site web, les lumières changent de couleur et d’intensité. 15 15
  13. 13. Vue latérale 2 Vue du dessus 2 1 1 Vue en coupe de profil Dispositif 1 détection LArge 2 détection proche La détection de l’activité La caméra latérale a un champ plus La caméraplacée au dessus a un akentour large lui permettant de saisir plus champ plus étroit et centré sur d’activité alentour (passants etc la structure. Elle capte ainsi les ...). gens s’approchant au plus près de l’installation. Ce sont à priori les personnes plus interessées, donc l’activité sera interpretée comme plus 16 16 importante.
  14. 14. Le matériau s’érode au contact de La disparition l’eau. Plus le temps passe plus elle se détruit. Plus les utilisateurs intéragissent, plus le jet d’eau est fort, plus la structure s’érode vite. 17 17
  15. 15. Arborescences Web
  16. 16. - Navigation par caractéristique commune FLuX temps - Navigation linéaire, affichage limité dans le - Ambiance chaleureuse et dynamique temps 2 2 - Ambiance zen, fluide - Navigation influencée par le niveau énergie BiBLiothèque - Navigation par zoom pour permettre un d’activité de l’utilisateur accès rapide et aisé aux oeuvres recherchées - Ambiance chaleureuse et dynamique 2 oeuvre 1 - Ambiance calme, “cocon” contenu compLet Arborescence Web Principe 1 contenu 4 Approches Approche 1 documentAire Approches 2 conceptueLLes Chaque oeuvre peut être abordée La bibliothèque vise à offrir les L’énergie, les flux et le temps sont sous 4 approches différentes. moyens de trouvers des infos et des concepts sur lesquels travaille L’affichage et la navigation changent médias rapidement. Goldsworthy. Ces approches mettent 20 20 selon l’approche choisie. en scène ces concepts.
  17. 17. accueil i Vue de l’installation ? Temps Echanges Bibliothèque Energie Temps Energie Echanges Bibliothèque i toutes les ? i oeuVres Temps Echanges Bibliothèque Energie i oeuVre ? i Arborescence Web nAvigAtion Actions infos sur Le trAvAiL Arborescence Energie Echanges Temps Bibliothèque Utilisation du menu radial Zoom / Dézoom i Biographie fonctionnelle Informations sur une oeuvre Favoris Changement d’approche infos sur Le projet Télécharger i Explication 21 ? 21 Aide
  18. 18. Eléments de l’interface Web
  19. 19. 2 1 3 4 5 zonings zonings Gabarit Bibliothèque 1 fond 1 BiogrAphie 2 mosAïque indicAtions reLAtives 3 AuX oeuvres 3 menu Aide & informAtions 5 sur Le projet Bibliographie de la structure générale du Présentation Le idellariam Rompotebus, Nicauctu fond est constitué la plupart Nicauctu idellariam Rompotebus, - Information sur l’oeuvre affichée Nicauctu idellariam Rompotebus, - Aide : Explication des icônes site. nem ni conihi, te, Ti.une image en plein du temps par Serum prae, Biographie nem ni-conihi, te, Ti. Serum prae, te, Ti. Serum prae, nem ni conihi, Explication de la navigation Nicauctu idellariam Rompotebus, nem écran que fachilis Maedo, que publibus que fachilis Maedo, que publibus que fachilis Maedo, que publibus ni conihi, te, Ti. Serum prae, que fachilis - Informations : verte consum periam ditem int. verte consum periam ditem int. verte consum periam ditem int. Maedo, que publibus verte consum Vidéo de présentation du 2 Castiam uniquo tem Agilis, retour à LA home 4 Castiam uniquo tem Agilis, fonctionnALités Agilis, Castiam uniquo tem projet. periam ditem int. conSoluderedis cortemo vermihica conSoluderedis cortemo conSoluderedis cortemo Agilis, Castiam uniquo tem Serfex serorum publin terriss - Favoris vermihica Serfex serorum publin vermihica Serfex serorum publin conSoluderedis cortemo vermihica. iconderio, - Recherche terriss iconderio, terriss iconderio, 25
  20. 20. emplacement Les icônes sont réparties sur le côté 1 gauche de l’écran et regroupées par types : 2 1. navigation 2. fonctionnalités 3 3. infos etats communs à toutes les icones Désactivé Active Message Feedback pour l’utilisateur. Scénario fonctionnel Les icônes Les icônes permettent d’avoir un aperçu rapide de l’état du site (approche), d’accéder rapidement aux infos et aux 26 26 Principe fonctionnalités.
  21. 21. naVigation accès aux informations Retour à Biographie l’installation Informations sur l’oeuvre i approches fonctionnalités Temps Favoris 1 Energie 2 L’oeuvre a été ajoutée Echanges Bibliothèque Recherche ok Les différentes icones 27
  22. 22. Temps Flux Bibliothèque Energie 1 Scénario fonctionnel Menu 1 cLick AvAntAges Principe Le menu apparait au click gauche. - Chaque item est à égale distance - Les mesures scientifiques montre Il se place autour curseur. du curseur une adaptation rapide et une - On peut agrandir la zone sans vitesse d’utilisation plus élevée. jouer sur la distance à la cible. - la forme circulaire renvoie au - Il n’apparait qu’au click, libérant travail de Goldsworthy où le de l’espace d’affichage. cercle, la révolution, le cycle est omniprésent. 28
  23. 23. Flux Temps Zoom Marquer Energie Bibliothèque 1 comme 2 Télécharger favoris Changer d’approche 1 cLick sur LA scène 2 cLick sur une oeuvre 2 contextes d’utilisation Le click sur la scène permet de changer à Au click sur l’oeuvre le menu propose les tout moment l’approche souhaitée actions possibles sur cette oeuvre. Selon l’élément cliqué, le menu affiche des éléments différents. 29
  24. 24. Zoom Temps Flux Marquer Bibliothèque Energie 1 cLick comme Télécharger 3 favoris Actions possibles Changer d’approche 4 cLick 2 cLick Scénario fonctionnel Menu 1 cLick sur une oeuvre 2 chAnger d’Approche 3 AnimAtion Passage d’un mode à l’autre Au click sur l’oeuvre, le PieMenu Cependant on peut toujours Le menu tourne sur lui même et s’adapte et propose trois actions accéder au menu de choix prend l’autre disposition. possibles sur l’oeuvre : d’approche. - zoomer dessus - la mettre dans ses favoris 4 Action possiBLes - la télécharger De même, on peut retourner aux actions possible lorsqu’on est sur 30 le menu de choix d’approche.
  25. 25. 2 1 L’oeuvre a été ajoutée aux favoris Zoom Zoom Marquer Enlever comme Télécharger des Télécharger favoris favoris 1 cLick 3 cLick Changer d’approche Changer d’approche Zoom Zoom 1280x960 Marquer Marquer comme Télécharger comme Télécharger 1024x768 favoris favoris 800x600 4 survoL 5 cLick Changer d’approche Changer d’approche mArquer comme L’icone AppArAit et 1 fAvori 2 informe de L’Ajout 3 enLever des fAvoris Favoris & Télécharger Chaque oeuvre peut être marquée comme favori. 4 téLéchArger 5 choisir LA tAiLLe Elle sera alors affichée différement sur la mosaïque et accessible de partout depuis l’icone Favoris. 31
  26. 26. faible activité forte activité Scénario fonctionnel Curseur Le curseur, indique en permanence au Il fonctionne à la fois sur la forme et Principe visiteur son niveau d’activité. Il fonctionne la couleur pour être accessible à tous, comme un indicateur permettant d’avoir même aux personnes souffrant d’une conscience de sa propre influence. vision altérée (1 personne sur 10). 32 32
  27. 27. ? Scénario fonctionnel Trace des autres visiteurs Les trajectoires des souris des visiteurs sont ponctuellement enregistrées pour former une bibliothèque de trajectoire. 33 elles sont ensutie utilisées pour introduire des changement Principe discret dans les fonds des pages. 33
  28. 28. Zonings Web 35
  29. 29. sculpter avec le temps le projet i 1 2 i Entrer 3 le projet aide zonings Home vidéo de 1 présentAtion 2 teXte de présentAtion 3 fond Présentation Courte vidéo présentant Reprend synthétiquement la Pour le moment abstrait, il reflète rapidement le projet (ses deux vidéo pour offrir un aperçu rapide l’heure sur le lieu de l’installation Un écran accueille le visiteur et lui composants et leurs interactions). du projet. (matin, jour, crépuscule, nuit ...). présente rapidement le projet dans son ensemble. 36
  30. 30. sculpter avec le temps 1 i Cliquer et rester appuyé pour accéder au menu 2 3 hh:mm jj-mm-aaaaz 4 le projet aide zonings Home Aide à 1 L’ApprentissAge 2 fond 3 repère temporeL La box d’accueil se range en Tant que l’utilisateur n’a pas activer Le fond affiche une vue de Le site étant international, l’heure bas permettant à l’utilisateur de au moins une fois le menu, un l’installation. du visiteur peut-être différente de comprendre qu’il pourra y accéder à message lui explique comment y celle de la structure. n’importe quel moment. accéder. Ensuite il se cache. On accède ensuite à la home en elle 4 Le projet -même. La box d’accueil s’est rangée en bas. 37
  31. 31. sculpter retour à LA home avec le temps Approche choiX d’une Approche fAvoris recherche infos i conteXtueLLes BiogrAphie 1 2 32 le projet aide zonings Home 1 eXpLicAtions 2 Approches 3 menu Aide une boite transparente couvrant Explication des différentes Explication de l’utilisation du tout l’espace apparait. Elle contient approches et des icônes menu. Au clic sur le bouton aide, les les explications de chaque élément correspondantes. explications viennent s’appliquer de l’interface. directement à côté de l’élément qu’elle concerne. 38
  32. 32. sculpter avec le temps i Temps Flux Bibliothèque Energie 1 le projet aide zonings Choix d’une 1 pie-menu approche Au clic, le menu se déroule autour du point de click. Cela permet d’avoir un minimum Au clic et tant que le bouton est de distance à parcourir et donc enfoncé, le menu apparaît. une utilisabilité améliorée. 39
  33. 33. 1 2 3Chargement 64% le projet aide zonings Chargement retour à 1 L’instALLAtion 3 chArgement ... Selon l’approche choisie, l’écran de 2 mosAïque Approche choisie Elément utilisé Son joué chargement utilise un élément différent Temps sable 0:18:00 pour écrire le mot chargement. Une citation audio de Goldsworthy en Energie feu 0:18:30 L’icône représentant l’approche lien avec l’approche est joué. choisie apparait. Echanges eau 1:05:00 Bibliothèque ombres 0:40:00 40
  34. 34. 1 4 2 5 i 3 le projet le projet aide aide zonings zonings Bibliothèque Bibliothèque 1 BiogrAphie 1 mosAïque 2 mosAïque 2 BiogrAphie 3 menu 3 recherche L’écran ne contient qu’un nombre Une nouvelle icône apparait Une nouvelle icône apparait Bibliographie Mosaïque Nicauctu idellariam Rompotebus, sont limité de vignettes. Celles-ci Nicauctu idellariam Rompotebus, à la permettant d’accéder permettant d’accéder au module Nicauctu idellariam Rompotebus, nem niplacées dans un ordre aléatoire. conihi, te, Ti. Serum prae, nem nibiographie.Ti. Serum prae, conihi, te, de recherche. nem ni conihi, te, Ti. Serum prae, Nicauctu le visiteur a fait le choix d’approcher Si idellariam Rompotebus, nem que fachilis Maedo, quela souris sur un Quand on place publibus que fachilis Maedo, que publibus que fachilis Maedo, que publibus ni conihi, te, Ti. par la bibliothèque, les oeuvres l’oeuvre Serum prae, que fachilis verte consum periam ditem int. mosaïque bord, on se déplace sur la verte consum periam ditem int. verte consum periam ditem int. sont publibus en mosaïque Maedo, quedisposées verte consum reprenant Castiam explorant ainsi Agilis, vers ce bord, uniquo tem toute 4 Castiam Agilis, fAvoris uniquo tem 5 Agilis,oeuvres mArquées Castiam uniquo tem periaml’organisation qu’utilise Goldsworthy ditem int. la mosaïque. conSoluderedis cortemo vermihica conSoluderedis cortemo conSoluderedis cortemo Une nouvelle icône apparait Les oeuvres marquées comme Agilis, Castiam uniquo tem pour classer ses photos. Serfex serorum publin terriss vermihica Serfex le nombrepublin serorum de favoris et indiquant vermihica Serfex serorum publin favorites sont différenciées. conSoluderedis cortemo vermihica. iconderio, terriss iconderio, d’y accéder. permettant terriss iconderio, 42
  35. 35. BiogrAphie Titre du média 2 3 i 1 survoL Informations relative au media le projet le projet aide aide zonings Bibliothèque 1 AppArition Au survoL 2 BiogrAphie 3 mediAs Biographie Au survol de l’icone et après un Texte comprenant des liens vers Affichage des vidéos, photos et très court délai, la biographie des images et des interviews players de son. apparait au premier plan. audio et vidéo. 43 43
  36. 36. 3 3 Zoom1 cLick Marquer comme Télécharger favoris i 2 Changer d’approche 3 3 le projet aide zonings Bibliothèque 1 Accès grâce Au menu 2 informAtions se dépLAcer sur LA 3 mosAïque Affichage d’une oeuvre Au click sur zoom, on zoom sur Une nouvelle icône apparait Les oeuvres attenantes sont l’oeuvre en question. permettant d’accéder aux partiellement visibles. informations sur l’oeuvre. Un click dessus et la mosaïque se déplace pour se centrer sur elle. 44
  37. 37. i1 2 3 le projet aide zonings Bibliothèque 1 AppArition Au survoL 2 teXte d’informAtion 3 mediA Informations Au survol de l’icone et après un Les oeuvres d’Andy Goldsworthy Si l’oeuvre est reliée à une vidéo très court délai, les informations ne sont pas titrées mais sont ou à un son de Goldsworthy apparaissent au premier plan. identifiées par de petits textes parlant d’elle, ce cadre apparait. explicant : - le lieu - le moyen d’obtention 45
  38. 38. 1 cLick Flux Temps i 2 Energie Bibliothèque Actions possibles le projet aide zonings Le temps 1 Accès pAr Le menu 2 oeuvre en pLein ecrAn Affichage d’une oeuvre L’oeuvre occupe la totalité de l’écran pour encourager une immersion. 46
  39. 39. i i i le projet aide le projet aide le projet aide zonings Le temps Disparition Les oeuvres ne sont affichables qu’un Le temps de disparition dépend de l’oeuvre temps limité. Au fur et à mesure afin de laisser le temps de percevoir de l’épuisement de ce temps, elles l’oeuvre dans son ensemble (notamment disparaissent créant une tension pour pour les vidéos). le visiteur qui est confronté à cette avancée du temps, il visualise le caractère inexorable et desctructeur du temps. 47
  40. 40. Lieu 3b 1 cLick M at Temps ièr Flux e 3a i 2 Energie Bibliothèque e vi de e 3c ré Du Actions possibles le projet aide zonings Les échanges 1 Accès pAr Le menu 3 Lien Affichage d’une oeuvre Les liens renvoient vers une autre oeuvre relié par un critère Chaque oeuvre a trois caractéristiques a. Matière (matière, lieu, durée de vie). Cette approche 2 oeuvre en pLein ecrAn b. Lieu permet de naviguer par type d’oeuvre. L’oeuvre occupe la totalité de c. Durée de vie l’écran pour encourager une 48 immersion.
  41. 41. 2 Dézoom 1 cLick Marquer comme Télécharger favoris 3 Changer d’approche le projet aide zonings Les échanges 1 Accès pAr Le menu 2 Liens 3 fAvoris Affichage global Chaque type de lien a une couleur, Les oeuvres marquées comme montrant ainsi ce qui relie les favorrites bénéficie dans cette oeuvres en entre elles. approche égaelement d’un affichage différent. Le lien sert également de guide de mouvement lors des transitions entre oeuvres. 49
  42. 42. Flux Temps i 2 Energie Bibliothèque 1 cLick Actions possibles le projet aide zonings L’énergie 1 Accès pAr Le menu 2 oeuvre en pLein ecrAn Affichage d’une oeuvre L’oeuvre occupe la totalité de l’écran pour encourager une immersion. 50
  43. 43. i i i le projet aide le projet aide le projet aide Plus le visiteur est actif, moins l’affichage dure longtemps. zonings L’énergie Disparition Plus l’e visiteur est actif plus la disparition est rapide et énergique. La disparition agit comme une métaphore accélérée de ce qui arrive à l’installation. 51
  44. 44. Scenarii Installation 53
  45. 45. Action Arrive sur S’arrête et s’assoit l’utilisateur place Changement L’installation Réaction Captation du son d’intensité des lumières n’enregistre plus Les lumières et le jet sont influencés par l’activité sur le site l’installation et du jet d’activité dans son web. d’eau environnement. Teinte : jaune, vert, bleu Activité : lente Scénario utilisateur La contemplation L’oeuvre parait vivre d’elle- même. Même si personne ne bouge autour, cell-ci continue d’évoluer seule grâce aux interactions occurant sur le site web. 54 54
  46. 46. 1 1 Lumières L’installation reçoit des infos sur l’activité du site, les lumières réagissent tranquillement en fonction. 55 55
  47. 47. Action Passe juste à côté de la structure l’utilisateur Captation du son Réaction Changement d’intensité des l’installation lumières et du jet d’eau Détection du niveau de mouvement Teinte : vert, orange Activité : moyenne Scénario utilisateur Le passage Même inconsciamment les gens ont impact sur la structure. 56 56
  48. 48. 1 2 repérAge des 1 2 écLAirAge mouvements ALentours La caméra latérale avec un En fonction du niveau champ plus large que la d’activité, les lumières et le supérieure capte plus de jet d’eau sont plus ou moins mouvements autour de la actifs. structure. 57 57
  49. 49. Action S’approche Touche l’installation l’utilisateur Captation du son Changement Réaction Détection du niveau d’intensité des Détection de l’entrée dans la zone par la Changement d’intensité du jet l’installation lumières et du jet d’eau des lumières de mouvement caméra. d’eau Teinte : orange, rouge Activité : forte Scénario utilisateur L’action La structure s’abîme d’autant plus qu’on intéragit avec. 58
  50. 50. 1 2 détection des 1 2 écLAirAge mouvements proches La caméra supérieure Quand une personne rentre détecte les changements dans le champ, la structure dans son champ qui est s’anime plus rapidement, les beaucoup plus recentré sur couleurs sont plus vives. la structure que celui de la caméra latérale. 59
  51. 51. Charte graphique
  52. 52. Charte graphique Une identité organique dans le temps sans Identité puisque le projet a sa propre vie. Reprenant la forme de la structure définir d’étapes précises. Les évolutions se superposent et visuelle mais la manipulant, évoquant une évolution s’additionne pour créer l’identité.
  53. 53. 1 oeuvres 2 interfAce fiXe - icônes - aide & explication - info & biographie 3 interfAce mouvAnte - curseur - menu - trace des autres visiteurs Charte graphique interfAce Une interface 1 oeuvres 2 interfAce fiXe 3 mouvAnte Cette couche contient l’aide Cette couche contient les à 2 niveaux et la navigation et tous les éléments permettant de éléments contextuels. C’est une partie plus vivante. connaitre l’état du site. Elle se démarque de la Elle doit être claire et couche précédente par un explicite. traitement plus organique.
  54. 54. 1 typo texte courant Antique Olive Light 2 cAdres 12px Pero commy nosto commodignis ecte do odolesecte magnim venit alit, sequis erat wisim quam in exeriuscilit at. Cum volendiamet titrage Antique Olive Light Roman 14px Ceci est un titre Charte graphique Interface fixe 1 typo 2 cAdres L’Antique Olive d’Excoffon Les cadres sont rectilignes a une largeur de lettre pour exprimer leur rôle particulièrement importante fonctionnel. qui donne un aspect très Ils apparaissent en rond à ses caractères. Elle est transparence pour évoquer donc à la fois légère et lisible l’idée de couches chère à mais renvoie également au Goldsworthy. cycle.
  55. 55. 1 typo 2 évoLution La blur Neville Brody Charte graphique Interface 1 typo La blur semble non-définie 2 évoLution La structure de la typographie mouvante alors que tous ces bords sont parfaitement lisses. Elles peut être légère ou permet de jouer avec ses limites avec des animations la faisant évoluer comme forte tout en gardant un une ombre projetée par une aspect immatériel évoquant flamme vacillante. l’immatérialité, les jeux de lumière etc ...
  56. 56. 1 oeuvres 4 AmBiAnce 2 interface fixe 3 interface mouvante Charte graphique Différentes 4 couche AmBiAnce ambiances La couche d’ambiance Intercalée entre la couche évolue en fonction de présentant le travail et deux caractéristiques : les couches d’interface - l’heure sur la structure elle peut ainsi altérer la - l’approche choisie première sans changer les autres.
  57. 57. matin soir heure Temps Echanges Energie Approche évoLution de L’AppArence En fonction de l’heure sur la structure et de l’approche, l’affichage est influencé.
  58. 58. 1 2 3 Charte graphique Chargement 1 BiBLiothèque > omBres 2 temps > sABLe 3 echAnges > eAu 4 énergie > feu
  59. 59. 100% 0% Charte graphique Chargement Dispositif pour prise de vue Bibliothèque > Ombres
  60. 60. 3 Introduction de l’encre 2 1 Charte graphique Chargement 1 etAt initiAL 2 méLAnge 3 etAt finAL Dispositif pour prise de vue Les lettres sont creusées On introduit de l’encre qui Les lettres sont clairement Echanges > eau dans un bloc et remplis va se mélanger à l’eau et définies. d’eau. créer les lettres.

×