Chronosphere

http://chronosxpress.free.fr
Chronosphere
un Blog en voie de disparition
Réflexions sur le Temps et l'interactivité
Manon Aubel - Aureline Siorak
Master 2 Ecriture Interactive - Design d'Interaction
Juillet 2009
IDENTIFICATION
Manon Aubel
Siorak Auréline
*Plan
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
01.
OBJECTIFS
1.1. Contexte
1.2. Note d'intention
1.3. Concept Créatif
1.4. Cibles
1.5. Redacteurs
02.
CONCEPTION & DESIGN
2.1. Arborescence
2.2. Charte Graphique
2.3.Charte Editoriale
2.4.Zoning
2.5.Technologie
03.
04.
CALENDRIER
REFERENCES
3.1. Alimentation
3.2. Post Mortem
4.1. Artistes
4.2. Sites web
IDENTIFICATION
*OBJECTIFS
1.1. Contexte
*CONTEXTE
Le projet de création d’un blog s’insère dans le cadre
de la formation master d’écriture interactive et design
d’interaction à l’école des Gobelins.
L’interactivité est un thème que nous apprenons à
découvrir chaque semaine à travers une approche
transdisciplinaire : (art, design, écriture, jeux
vidéos…).
L’idée d’explorer la notion de temps sur Internet nous
a semblé pertinente car il est souvent au cœur des
dispositifs interactifs réussis.
C’est-à-dire les dispositifs qui prennent en compte le
spectACTEUR.
Manon Aubel
Siorak Auréline
1.2. Note d'intention
*NOTE D’INTENTION
Nous souhaitons nous intéresser aux repères du TEMPS sur le web.
Le temps comme un critère d'ergonomie tel qu'a pu le concevoir John Maeda
dans son ouvrage "De la simplicité" (troisième loi).
En nous basant sur cet ouvrage comme base théorique, nous proposerons à
l'internaute des réflexions sur le temps à travers une sélections de sites pour
lesquels le temps est un dispositif pensé dans le processus d'interactivité.
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
Manon Aubel
Siorak Auréline
*OBJECTIFS
1.3. Concept Créa
*Explication du concept
Concept Créatif !
Notre interface a été conçue sous une forme épurée afin de ne pas surcharger le
visiteur d'informations et de lui laisser le choix d'aller vers l'essentiel. Ce parti pris zen
à l'avantage de valoriser une esthétique simple et efficace, à la manière de John
Maeda. Mais tout l'enjeu est de faire fonctionner cette interface de manière intuitive et
simple. Le risque étant de perdre l'internaute dans des considérations trop abstraites et
mal balisées. Au fur et à mesure de la rédaction, nous travaillons pour affiner ce
message de simplicité en prenant soin d'éviter tout simplisme.
Les trois rubriques symbolisent de manière abstraite l'accélération d'un pixel. Nous
Chronosphere
travaillons en ce moment sur la redéfinition des indices textuels de ces icones.
un blog en voie de disparition
Par ailleurs, notre blog va subir des modifications structurelles.
L'ensemble des pages vont se retracter jusqu'à former une tranche.
La configuration actuelle de Chronosphère est illustrée ci-contre.
Les modifications structurelles seront visibles dès la page d'accueil.
se rapporter au Post Mortem (3.2) page12 pour de plus amples
informations !
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
*OBJECTIFS
1.4. Cibles
*CIBLES
Notre blog s’adresse à tous les internautes qui souhaitent
apprivoiser les profondeurs intemporelles du Web. Notre
mission : guider ceux qui prendront quelques minutes pour
nous lire, afin qu’ils quittent notre page en n’ayant pas
l’impression d’avoir perdu leur temps.
En postant chaque semaine à heure fixe une idée sur cette
question. Les plus angoissés du cadrant seront les plus
ponctuels à réagir, les plus zens s’abonneront à nos flux
RSS.
Notre cible c'est aussi le hasard des visites et donc nous
n'avons pas particulièrement travaillé le référencement.
C'est un handiccap assumé. Si nous sommes fières du
résultats fin Juillet, nous enverrons un lien vers des cibles
choisies pour leur présenter notre travail.
Manon Aubel
Siorak Auréline
1.5. Redactrices
*REDACTRICES
Auréline Siorak et Manon Aubel, deux étudiantes d’environ un quart de
siècle, formées aux arts visuels et à la communication.
Au fil du temps, nous posterons des billets à heure fixe sur divers sujets.
Nous avons divisé le travail de veille :
Manon se connectera sur les agences de communication et les stratégies
narratives des nouveaux médias en ligne.
Auréline s’interrogera sur les créations des nouveaux artistes numériques.
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
Manon Aubel
Siorak Auréline
*CONCEPTION & DESIGN
2.1. Arborescence
Master
II | Ecriture Interactive
------------Design d'intéraction
HOME
A PROPOS
Gobelins Annecy | IMUS
CHRONOSPHERE VA MOURIR
Remarque :
MOTS CLEFS
L'appellation des rubriques est à affiner.
LIENS
Nos premiers repères - les rubriques:
ARTICLES EN VIE
* Un pixel: C'est lent... Mécanisme à déployer, à
savourer, à découvrir, à s'ennuyer? ou Réflexions
c'est lent
Ni bon, ni mal
Accélération totale
** Deux pixel: Ni bon, ni mal... Les applications
à l'oeuvre. ou Applications
*** Trois pixels: Accélération totale. Cette idée
est décoiffante. Ce concept nous dépasse.
IDENTIFICATION
Manon Aubel
Siorak Auréline
*CONCEPTION & DESIGN
2.2. Charte Graphique
Master
II | Ecriture Interactive
------------Design d'intéraction
Palette de couleurs
HOME
Typographie
Verdana
Gobelins Annecy | IMUS
Arial
POURQUOI CETTE CHARTE ??
Iconographie
Recherche en cours ...
Logo
Recherche en cours ...
couleurs
Le rose car il est signe de Vie - de Vitalité - de
Jeunesse , de Naissance. Le Noir apporte du contraste
& le Blanc permet de faire respirer Chronosphère ...
Typographie
Verdana & Arial car elles sont reconnues sur tous les
navigateurs et elles apportent un confort de lisibilité
Iconographie
Nous recherchons actuellement une barre de vie qui
pourrait montrer l'évolution de notre Blog
Quand aux signes typographiques pour les catégories, nous recherchons une entité minimale, proche du
pixel qui montrerait une progression
Logo
Ce choix temporaire de logo souligne le cycle mais
montre également plusieurs tranches qui s'enchevêtrent ou encore une boucle qui se replie sur ellemême...
IDENTIFICATION
Manon Aubel
Siorak Auréline
*CONCEPTION & DESIGN
2.3. CHARTE EDITORIALE
Bienvenue sur Chronosphere!
Le sablier vient d'être retourné.
Désormais, plus rien ne l'arrêtera, ce blog
court vers son inéluctable fin.
Oui, Chronosphère va mourir. Quelques
billets tomberont, la fenêtre d'affichage se
contractera et dans un ultime souffle,
Chronosphere disparaitra.
Le xx septembre, une erreur 404 comme
linceul...
Mais avant la fin, nous allons vous
raconter cette expérience particulière du
temps et de l'intéractivité.
Quelques jours seulement pour s'ouvrir à une
pulsation particulière, celle d'un
univers sans saisons, sans rhytme biologique,
sans finalité existentielle.
Master
II | Ecriture Interactive
-------------
La toile est profonde.
Comme dans la
vie, le quotidien de nos explorations (virtuelles)
nous satisfait plus ou moins.
Nous souhaitons valoriser les indices de
temps sur le Web et dans la conception
d'interfaces interactives.
POUR un design qui intègrerai la gestion de
l’attente, du mouvement, des contraintes
temporelles dans la découverte.
CONTRE une navigation non maîtrisée.
Et comme il s'agit bien d'intéractivité, donc
de dialogue, nous vous invitons à nous
rejoindre pour réfléchir au temps sur la toile en
partageant avec nous vos remarques et idées.
Tic, tac...
L'aventure a commencé.
Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
Manon Aubel
Siorak Auréline
*CONCEPTION & DESIGN
2.4. Zoning
Logo
Cat 1
barre de vie
Cat 2
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
3 comments
Titre du billet 1
Last Posts
*Post 1
*Post2
*Post 3
*Post4
*Post4
SEARCH
3 comments
Titre du billet 1
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
3 comments
chrono Benayoun
typesetting
indust
ry. Lo
industry. Lo re
indus
rem I
Calendrier
LIENS
RSS
Tags !
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
Design d'intéraction
Gobelins Annecy | IMUS
Cat 3
Titre du billet 1
Master
II | Ecriture Interactive
-------------
rem I
mI
try. Lo
LINKS
*emper lacus
*congue
*Lorem
*Pipsum dolo
*ipsum dolo
Remarque :
structure de page finalisée la première semaine
d'août 2009
IDENTIFICATION
*CONCEPTION & DESIGN
2.5. Technologie
Moteur de blog
: Wordpress 2.7.1
Flux RSS
Mise en place d’un fil d’info .
& Newsletter ?
Nom de domaine
chronosxpress.free.fr
Hébergement chez Free pour la gratuité
Autorisation accès FTP : Manon Aubel et
Auréline Siorak
Implémentation éventuelle d’un module de
newsletter pour tenir informé les abonnés du
passé - présent et futur de Chronosphère
(recyclage?)
Contacts :
[email protected]
[email protected]
Optimisation ?
Nous avons choisi comme nom de domaine
chronosxpress car chronosphère n'était plus
disponible.
Seulement Explorer 7.0 et Firefox 3.0 pour
l'instant
Statistiques :Marqueur Google Analytics?
Widgets supplémentaires?
contacts et archives à implanter
éventuellement sur chronosphère
Par ailleurs ce nom de domaine renforce l'idée
d'urgence dans laquelle se trouve le Blog !
Futur ??
possibilité de migration vers
http://blog404.free.fr
Manon Aubel
Siorak Auréline
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
*CALENDRIER
3.1. Alimentation
*Alimentation
Chronosphère sera alimenté une semaine chaque mois, pendant deux mois. Ce qui devrait aboutir à environ 14 billets dont les dates de post
colorieront en rouge une ligne de notre calendrier chaque mois.
Manon Aubel
Siorak Auréline
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
L'intérêt de ce rythme de travail c'est de souligner graphiquement l'utilisation particulière du temps sur notre interface. En
optimisant les contraintes graphiques de notre plateforme, le résultats d'avoir une ligne de notre calendrier en rose correspond à notre volonté de
rhytmer l'utilisation du temps sur notre interface.
C'est un peu comme si notre blog vivait une période d'activité intense chaque mois, avant de passer en stade
d'hibernation. Si nous avions voulu aller plus loin dans le processus, nous aurions pu également concevoir une phase de naissance. Par
manque de temps, celle-ci devient notre texte de présentation (A propos).
Enfin, ce rythme d'alimentation suppose aussi de préparer en avance les texte à poster. La première barre sera complétée en Juin, la seconde, fin
Juillet.
Chronosphère va bientôt mourir
IDENTIFICATION
Manon Aubel
Siorak Auréline
*CALENDRIER
3.2. Post Mortem
*Explication du concept PM
Représentation schématique du concept PM!
Notre blog expirera début septembre.
En quelques jours, le
blog périra
physiquement: la barre des rubriques se réduira, la fenêtre d'affichage
se contractera progressivement jusqu'à
un stade d'illisibilité avancé. Au cours
du processus, nous effectuerons des
capture écrans pour témoigner de la fin
de vie de notre interface.
Nous vous livrerons un rapport qui
comprendra notre bilan individualisé,
ainsi que l'intégralité de nos articles et
les différents stades de fin de vie de
notre blog.
Chronosphere
un blog en voie de disparition
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
Manon Aubel
Siorak Auréline
*REFERENCES
4.1. Artistes
*Maurice Benayoun
Maurice Benayoun est un artiste plasticien art numérique
français. Il a participé à de nombreux événements et
réalisations de scénographie intéractive.
Il participe au CITU (Création Interactive Transdisciplinaire
Universitaire) où il poursuit son activité de recherche, de
création et de réflexion sur les médias émergents.
voir :
http://www.benayoun.com/projetwords.php?id=74
*Miles Davis
« Time isn’t the main thing, it’s the only thing »
*JOHN MAEDA
John Maeda est chercheur et webdesigner américain, auteur de plusieurs
ouvrages sur le design interactif.
Dans son ouvrage « De la simplicité », il distingue les contraintes
temporelles inhérente à la nature (attente subtile) des contraintes liées à
la technologie (attente subie).
Son constat de base : En économisant du temps, on a l’impression que
tout est plus simple.
voir :
http://lawsofsimplicity.com/ &
http://www.maedastudio.com/index.php
*Ernest Hemingway
« Don’t mistake motion for action »
Master
II | Ecriture Interactive
------------Design d'intéraction
Gobelins Annecy | IMUS
IDENTIFICATION
Manon Aubel
Siorak Auréline
*REFERENCES
4.2. Liens _ Post à venir
* Everymoment Now: montrer les pulsations de l'actualité
Master
II | Ecriture Interactive
------------Design d'intéraction
* le pixel Blanc d’ Antoine Schmidt - ou la vie générée
Gobelins Annecy | IMUS
Un aspirateur de flux qui donne du sens...
http://everymomentnow.com/
Traçabilité du temps
http://www.gratin.org/as/pixel/index.html
*Le musée des barres de chargement
http://www.prettyloaded.com/
* Les voix du web - pulsation visuelle
http://www.bicyclebuiltfortwothousand.com/
a suivre ...