Best of : Présélections online France Wif 2010
Posted on | février 15, 2010 | 10 Comments
Les présélections online pour participer à la finale du Wif 2010 à Limoges avaient lieu ce week end. 81 équipes ont rivalisé de créativité pendant 24h de 14h vendredi à 14h samedi sur le thème suivant élaboré par Etienne Mineur, Claire Corbel et Audrey Bourliataux : « A travers une interface sensible, originale et poétique, proposer une application interactive permettant de partager ses souvenirs ».
En attendant de connaître les vainqueurs de la présélection qui auront la chance de participer à la finale les 3-4-5 Juin à Limoges et peut être gagneront les 15000€, je vous propose de consulter les sites que j’ai trouvé les plus pertinents pour le sujet donné. Les travaux ne sont pas finalisés à cause de la contrainte de 24h mais tous d’une qualité remarquable.
On peut remarquer 2 choses dans les sites présentés, premièrement: 3 travaux sur les 8 présentent une piste axée sur un arbre des souvenirs, et deuxièmement la Licence pro Webdesign sensoriel est fortement représentée puisque les équipes Moustache crew et Team Tam Toum sont composées uniquement d’anciens élèves et d’élèves actuels de la licence et l’équipe Faraway possède elle un ancien élève et un enseignant de cette dernière. Il m’a été plus délicat de rassembler des informations sur les autres équipes.
Vitrola Spin :
Felipe Serafin directeur : artistique dans l’agence digitale CUB
Leonardo Cantarelli : webmaster chez CUB
Rodrigo Troitiño :directeur de création d’une agence de pub appelée StudioDesign.

Les brésiliens de Vitrola Spin, finalistes du Wif 2008, ont choisi de partir sur l’axe de l’arbre de la vie. Chacun a son arbre de la vie personnel où il peut déposer différents médias, ses photos, ses vidéos, un texte… jour par jour. Cela devient alors consutable par ses amis inscrits sur le site. L’interface est assez poêtique même si son coté dessin la ferait plus tendre vers du ludique.
Fet Fisk
Rasmus: graphiste
Anton: webdesigner
Johan: webdesigner
Au travers de cette interface originale d’une finesse graphique exacerbée les suédois de Fet Fisk, vainqueurs de l’édition 2008 sous le nom de Torsk, nous en mettent plein les mirettes et nous proposent de concevoir notre jardin des souvenirs. La méthode du drag and drop est bien pensée tout comme la façon de choisir son type de souvenir (Love, Hate, Sad, Happy) qui déterminera l’objet à associer.
On regrettera cependant quelques éléments comme le fait qu’il se présente comme un outil personnel et non un outil de partage de ses souvenirs ou encore le peu d’information sur les souvenirs présentés.
Danka Studio
Martin Fernandez Lombana : Concept et développement
Guillaume Bonnecase : Concept et design
Voilà une interface extrêmement poétique, on note une fois de plus l’importance du sound design dans les créations, ce dernier nous immerge complètement dans un espace de contemplation au rythme du mouvement de flottaison des solides en apesanteur, un vrai régal pour les sens. Seul bémol, il est difficile de comprendre le code des formes. Si les couleurs sont bien explicitées et se rapportent chacune à une humeur, les formes employées elles n’ont pas l’air d’avoir une influence sur les paramètres du souvenir.
Faraway
Pierollo : Designer
Myriam Locquet : Développeur
Kevin Gallot : Chef de projet
L’équipe Faraway nous propose une application Iphone présentée au travers d’une vidéo de démonstration. On reconnait immédiatement la touche graphique du designer Pierollo qui nous propose ici de partager nos souvenirs avec pour support un arbre qui représente notre vie, la base étant la naissance. Le principe de créer une branche ascendante pour les bons souvenirs et une branche descendante pour les mauvais est à mon sens une idée remarquable dans le sens où l’aspect général de l’arbre nous permet de voir non pas l’aspect de la vie d’une personne mais la façon dont elle voit celle-ci et le type de souvenirs auxquels elle prête de l’attention.
Dans la mouvance des réseaux sociaux et de leur capacité à s’exporter dans des sites externes, Il est possible de partager différents médias issus de sites partenaires, ce qui n’est pas étonnant de la part d’une équipe disposant d’un expert des réseaux sociaux comme Kevin Gallot.
Blood bro
Aucune information sur les membres
Cette équipe de Hong-Kong met en scène une interface avec un parti prit visuel très marqué, le souvenir est connoté d’un aspect de vieillesse. On est face à une métaphore d’interface représentant un bureau, les photos accrochées avec des pinces à linge nous rappellent les chambres noires et l’ensemble est visuellement assez accrocheur cependant comme dans le cas de l’équipe Fet Fisk on a là aussi l’impression que le site n’est pas adapté au partage de souvenir mais plus à un espace de contemplation de ses propres souvenirs.
Team Tam Toum
Sabrina Bourzat : Graphiste
Sèverine Darcillon : Graphiste
Bérenger Zyla : Développeur
L’équipe Team Tam Toum nous permet de parcourir le fil de notre vie afin de revivre ces instants marqués d’une pierre blanche. Si le système de navigation est bien pensé, la fonction de tri des souvenirs est peu évidente à trouver. La qualité du travail sur les photos insiste sur le coté poétique d’une interface agréable à l’oeil. On regrettera de ne pas pouvoir créer son propre souvenir et là aussi la notion de partage de souvenir est peu évidente on retombe une fois de plus dans les travers d’un site axé sur un usage personnel.
Moustache Crew
Aurélie Lebeaupin : Graphiste
Vincent Ginet : Graphiste
Quentin Aupetit : Développeur
Les Moustache Crew jouent remarquablement avec la fluidité des formes et couleurs ainsi que le mouvement pour rendre matériel un souvenir immatériel qui devient presque palpable. Appuyé par une musique d’ambiance appaisante on a plaisir à naviguer sur ce site malgré quelques incompréhensions quand à la fonction du scroll.
ringenbach
Johnathan : chef de projet
Sébastien : graphiste
Liviu : développeur
Voilà selon moi un des projets les plus pertinents car il intègre dans sa conception la notion olfactive du souvenir. On retrouve un fonctionnement similaire à celui des équipes Faraway et Vitrola Spin avec la capacité à partager différents médias sur l’arbre cependant il met en avant les contacts et non les souvenirs ce qui à mon sens est dommage.
Vous pouvez voir l’intégralité des créations sur le site du Wif 2010
Continuity : jeu multi screens en flash
Posted on | février 7, 2010 | No Comments
Voici un petit jeu découvert sur le blog d’Etienne Mineur qui a attiré mon attention car il utilise à merveille le multi screen.
De plus il m’aura permis de réaliser mon premier screencast et de me créer un compte viméo…
A ce sujet je m’excuse pour l’absence de son (sûrement une case que je n’ai pas cochée) qui est vraiment dommage car le jeu met bien en avant l’importance du sound design pour créer une expérience utilisateur hors pair, ce qui est d’autant plus vrai dans les jeux vidéos et dans celui ci en particulier qui alterne les phases de réflexion avec une musique apaisante et les phases d’actions avec une musique plus agressive.
Continuity from Thomas Buisson on Vimeo.
Essayer du maquillage en réalité augmentée
Posted on | février 6, 2010 | No Comments
Ca se passe du coté du Japon, une machine permet d’essayer différents types de maquillage via une web cam et grâce à la réalité augmentée…
Level Head : Jeu en réalité augmentée
Posted on | février 5, 2010 | No Comments
Découvert sur le blog d’Etienne Mineur, Voici la démo d’un jeu utilisant la technique de la réalité augmentée. Il se compose de 3 cubes dont chaque face représente une pièce différente connectée par des portes aux faces des autres cubes. Le but étant de faire sortir le personnage de ce labyrinthe, c’est assez bluffant
levelHead v1.0, 3 cube speed-run (spoiler!) from Julian Oliver on Vimeo.
Ergonomie des formulaires
Posted on | janvier 21, 2010 | No Comments
Voici un pdf extrêmement complet (133 pages) paru sur le site http://www.lukew.com sur le thème de l’ergonomie des formulaires. On y découvre ou redécouvre certains conseils sur les bonnes pratiques à adopter au travers d’exemples d’interfaces concrets.
http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
The New York City Information Center
Posted on | janvier 20, 2010 | 3 Comments
Voici un lieu hors du commun, à l’architecture extrêment apaisante et tout droit sortie d’un film de Sciences fiction, qu’on peut retrouver au nord de Times Square à New York qui permet d’obtenir des informations pratiques sur la ville de New York en un rien de temps tel que « combien de temps de marche me faudra t-il pour me rendre de ce point A à ce point B? » ou encore « Que puis-je voir dans cette rue précisemment? ».
The Official New York City Information from Kalicious on Vimeo.
Razorfone : Simplifier la décision d’achat
Posted on | janvier 20, 2010 | No Comments
Cet article est partiellement traduit de la version anglaise du blog officiel de Razorfish
Les clients doivent faire face à des situations d’achat de plus en plus complexes, particulièrement en matière de technologies et services. En conséquence, la pression placée sur les employés de magasin pour fournir un service de qualité au client est accrue. L’équipe d’Emerging Expériences a utilisé cette occasion pour développer un projet visant à démontrer comment une expérience interactive immersive peut aider des clients et assister des vendeurs dans un cadre de vente au détail.
La solution Razorfone est conçue de manière à offrir au client une expérience enrichissante ou il pourra en apprendre sur les produits souhaités. Les différentes fonctions des téléphones et netbooks ainsi qu’une vue à 360° sont présentés dans un environnement interactif riche. Les produits sont présentés à l’acheteur potentiel de manière à lui offrir une possiblité d’achat. L’utilisation de la 3D permet aux clients de voir l’objet souhaité dans n’importe quelle couleur et sous n’importe quel angle, mais ne tient pas compte de la disponibilité de l’objet en magasin.
Razorfone Interactive Retail Experience from Razorfish – Emerging Experiences on Vimeo.
Portes ouvertes Licence pro webdesign sensoriel
Posted on | janvier 20, 2010 | No Comments
La licence pro webdesign sensoriel et stratégie de création en ligne est proposée par l’université de Limoges depuis maintenant 5 ans. Ayant suivi cette formation l’an passé et en étant pleinement satisfait je ne peux que venter les mérites d’une telle initiative et c’est donc avec joie que je relais l’information au sujet des portes ouvertes qui se dérouleront le samedi 23 Janvier 2010.
Le cadre de la Licence :
La Licence se déroule au sein du pôle d’excellence Elopsys qui a entre autres spécialités la communication interactive. Ceci permet d’être constamment en contact avec les professionnels du milieu.
Un enseignement complet et de qualité :
L’enseignement est dispensé par une grande majorité de professionnels en poste qui ont une réelle vision des compétences dans le secteur du web demandées sur le marché, on retrouve entre autre Etienne Mineur (Incandescence), Benoit Drouillat (Designers Interactifs), Patricia Gallot-Lavallée (Kenazart Strategy) ou encore Charles Vannier (Musa Machina) mais ce qui fait la spécialité de cette formation est l’importance accordée à la sémiologie et à la façon de conférer du sens à ses créations multimédias qui représente le plus grands nombre de cours dispensés par Nicole Pignier (Chef dedépartement de la Licence).
Infos pratiques :
- Accueil de 14h à 17h d’étudiants intéressés par la Licence Professionnelle « Webdesign Sensoriel et Stratégies de Création en Ligne » de l’Université de Limoges dans les locaux du pôle Elopsys, 26 rue Atlantis sur le Parc d’Ester à Limoges.
Programme complet sur http://www.unilim.fr/IMG/pdf/Depliant_JPO10.pdf
Misa Digital Guitar : la guitare sans cordes
Posted on | janvier 19, 2010 | 2 Comments
La société australienne Misa Sound vient de sortir une guitare entièrement digitale où les cordes sont remplacées par un clavier MIDI de 144 touches et un écran tactile de 8,4 pouces.
Des bars et tables tactiles
Posted on | janvier 19, 2010 | No Comments
Voici une application concrète des surfaces tactiles :
Un i-Bar :
Ce bar exploite la technologie des surfaces tactiles mais n’offre pas une réelle valeur ajoutée à l’utilisateur contrairement au deuxième exemple présenté qui permet de commander directement de sa table ainsi que d’autres fonctionnalités comme voir ce qu’il se passe en cuisine…
La table de l’Innamo bar :

