Graphisme – piste pour l’interface du WEphone

En attendant les autres écrans (en cours de réalisation), voici déjà une version (un état) de ce qui fonctionnera sur notre WEphone. il s’agit donc de présenter le processus en cours, c’est donc des visuels qui vont être animés (mouvement de droite à gauche, plus ou moins vite en fonction de la taille des médias: plus ils sont longs, plus c’est lent; plus ils sont courts, plus c’est rapide…)

 WEphone_090409

Vue du WEphone: lors du parcours, il est possible de suivre l’évolution du processus de montage en cours. Ici un écran qui montre les thématiques présentes dans le montage (et atteignables sur le territoire); il va y avoir plusieurs présentations de champs de métadonnées qui donneront une indication sur le processus en cours, d’objectiver et d’amplifier l’expérience de la marche génératrice d’un film.
A gauche, le film marché (le passé); au centre, la tête de lecture (le présent); à droite, les médias potentiellement accessibles (le futur).

Plus de vues suivront…

UF 09.04.09

Graphisme pour l’Iphone (le WEphone)

Vincent Jacquier a travaillé sur l’interface graphique de l’Iphone dont voici quelques screenshots provisoires:

Iphone_départ    Iphone_thematics    Iphone_thematics_2    Iphone_trace_enregsitrement    Iphone_trace_couleurs     Iphone_edition_trace     Iphone_help

Le détail des fonctionnalités:

Trajet
> Nouveau trajet (on arrive sur carte avec bouton start-stop)
> Vision données du trajet actuel (vitesse, distance, temps, date)
> Edition des films marchés (donner nom perso, effacer, voir trajet sur carte)
> Avancé: uploader trajets sur serveur (si c’est pas fait automatiquement après avoir appuyé sur stop)

Carte
> Réglages carte
> nom des rues (on/off)
> Réglages métadonnées (affichage médias sur la carte)
> nom artistique des médias (on/off)
> liste des thèmes (choix sur liste déroulante)
> liste des postures (choix sur liste déroulante)
> liste des villes (choix sur liste déroulante)
> liste des tags (choix sur liste déroulante)
> Avancé: mettre à jour métadonnées avec serveur (synchro)

Information
> mode emploi rapide
> FAQ
> contact help

Réglages utilisateur
> Nom utilisateur
> Nom des films par défaut

En aparté: si on appelait notre module embarqué sous le doux nom de WEphone ? (on passe du « je » au « nous », ce qui fait sens non ?)…

Cela donne aussi d’autres combinaisons comme: MobileWE; les WEapps; les WEmovie(s)… remettre le collectif au milieu du village ? woui ?

Bon on va redevenir sérieux en 2009.

Graphisme pour l’Iphone

Vincent Jacquier a fait des premiers essais d’interfaces pour l’Iphone, voici quelques exemples:

 

Iphone menu start

 Menu de départ
4 boutons principaux:
1) enregistrement
2) réglages de la carte
3) help – informations
4) paramètres utilisateur

Iphone menu start suite

 Paramètres utilisateur
Ce profil est entré à priori au départ sur un ordinateur

Iphone avec trace

Parcours entamé avec données du parcours

 Iphone avec trace suite

  Réglage des layers (affichage des médias)
La liste des affichages est en cours.

Iphone carte

 Carte avec parcours seul et position actuelle

 La carte dans le fond est constituée de multiples images raster carrées, les ronds (layers) seront calculés en fonction des besoin et des informations dans la base de données et affichées par dessus la carte. Il sera possible prochainement de faire des tests grandeur nature.

CHARTE GRAPHIQUE: 1ers essais

Vincent Jacquier a envoyé quelques images de ses tests graphiques:

En premier, la recherche typographique. Nous nous sommes arrêtés pour le moment sur le titre du projet avec l’idée du trait (le chemin, la continuité du film) et d’une typo simple, avec en même temps des angles et des arrondis (garder le mélange géométrie <-> organique)… qu’en pensez-vous ?

Typographie

Puis, la recherche d’un logotype: garder l’amorce d’un mouvement dans ce logotype et d’une « évolution » (le dégradé de couleur). Sentir le « montage » dans le titre… personnellement, je ne suis pas convaincu par le E en biais, le t final qui se ralonge est dans l’idée mais pas encore complètement juste. Le g peut être perçu comme la tête de lecture (le promeneur dans l’espace urbain)…

Logo

Autres pistes: personnellemen, tout ce qui fait trop informatique ou « classe » – « précieux », c’est pas trop mon truc. Une chose à travailler est la légèreté: avec le trait qui souligne (mais qui me plaît conceptuellement), il y a le risque d’une surcharge et de quelque chose de mastoc…

Titre

Et quelques propositions de cartes augmentées par nos nuages…. il y a également la réflexion du chemin qui laisse voir son caractère (trait fin pour rande vitesse, trait plus appuyé pour les ralentissements voir les arrêts) – le changement de couleur doit également se comprendre, pour le moment, c’est une direction…
Cartes

nuage_couleur

Ce qui reste à voir:

– la différenciation entre la carte sur le module embarqué et le site

– la manière d’afficher le film (montage spatial) avec les fenêtres dans le cadre

– le site internet du projet public

– le site internet actuel (informations sur le projet, mais pas encore les films, cartes etc)