Archive for the 'Interfaces interactives' Category
Du jeu en flash contrôlé par l’Iphone

Encore une librairie disponible sur libspark en train de devenir une petite mine d’or de projets, Iphoneas permet de connecter un jeu en flash et un Iphone. Une vidéo dénichée chez un-q.net :
The flash game is controlled with iPhone from ll_koba_ll on Vimeo.
Interface d’OS au travers les âges

A quoi ressemblait l’OS de l’Amiga, BeOS ou Gnome ? Sujet récurrent mais qui passsionne toujours : les interfaces d’OS au travers les âges en images. Vous les trouverez sur http://www.guidebookgallery.org/screenshots
La mosaique, l’image et l’information… une question d’équilibre

Je reviens encore sur cet article L’information en ligne comme une mosaique et sur celui de Cédric Deniaud Présentation des contenus sous forme de mosaique.
En 2006, j’avais écrit quelques billets en relevant ce qui se faisait au travers des mosaiques d’images (mosaique d’images en flash et exploration en mosaique. Egalement des projets très forts comme le Eyeprojet , Uniqlo pour ses créations récentes ou plus anciennes ou Oreseg plus en vidéo. Trollback l’utilise très bien pour son portfolio, et Viewzi comme moteur de recherche.

Plus récemment, grâce à un tweet de fwa, http://www.spezify.com/ qui, fort intéressant en lui même est un moteur de recherche organisant en mosaique l’actualité aussi bien textuelle que visuelle.

Sans parler également de Feedly, qui offre une surcouche de présentation à un google Reader ou un Netvibes en extension Firefox, en transformant vos flux d’informations comme un magazine. Un peu plus éloigné de la mosaique d’images mais très efficace pour l’équilibre entre un contenu textuel et visuel.
Le déplacement qui s’opère sur l’image est intéressant à plusieurs niveaux :
- L’image a été retournée, décomposée, par couleur, par formes, par pixel durant de nombreuses années, et elle vient s’insérer petit à petit dans l’information ou les moteurs de recherches pour diversifier, illustrer, souligner ou résumer même un contenu.
- Chez spezify, l’image est photo -shop-, de mode, issue de vidéos youtube ou avatar de twitter. Qu’importe. L’image en arrive au même niveau piédestal en tant qu’information que le texte pour donner à l’internaute un niveau de compréhension global. En une image, on peut avoir tout compris.
- Cette proximité avec le texte en vient à mettre l’image au même niveau que les mots. Tantôt pour faire respirer un contenu, pour lui donner une ambiance, ou pour resituer plus facilement un contenu dans son contexte (Une photo de Barack Obama dit tout…)
- Parfois, c’est le contraire : l’image reste illustration et le texte domine, parfois c’est l’inverse. Il est intéressant de voir pour quels usages et dans quels cadres cet équilibre penche d’un côté ou de l’autre. Adidas met en avant l’image, là ou le New York Times la relègue au rang d’illustration. Spezify la place au même niveau.
- L’appel visuel des mosaique d’images donne la part belle à la navigation en diagonale que l’on a de plus en plus sur internet, en survolant les contenus. Plus rapide, même si parfois on en dit moins.
C’est la vue omnipotente de l’utilisateur sur l’information
Au final, la mosaique reste pour moi la vue la plus omnipotente qui soit. Telle la mouche avec ses 3000 yeux dôtée d’une vision panoramique, chaque oeil va renvoyer une facette différente de l’information ou d’une même information (on relit parfois sur internet la même info avec plusieurs angles et sources différentes). A l’ère de la donnée exhaustive et redondante, de l’instantanéité, c’est bien représentatif aussi de l’ère de l’information dans laquelle nous sommes et que l’on regarde au travers d’un caléidoscope.
Les surfaces interactives de Digital Signage 2009


http://www.digital-signage.jp/preaward/ : à consulter sur leur site, la liste des candidats au prix Digital Signage en asie, qui rassemble bon nombre d’interfaces interactives dans la rue, les magasins car ces applications sortent toutes un peu de l’écran. Je n’ai rien de vu de réellement révolutionnaire (on trouve certaines applications même en France) mais c’est l’attractivité des gens dans la rue pour ces petits jeux visuels qui amuse beaucoup. Et cela permet de se rendre compte à quel point des interfaces utiles peuvent s’intégrer dans la vie de tous les jours.
Fourmation : de cube en relief, Ã flash en 3D…

Fourmation est un projet de jeu multiplayer en AIR, en 3D (Papervision3D), avec un tracking de sa position, en relief(avec des lunettes IR Goggles) et qui se joue à la wiimote. Issu de 5 mois de travail dans une université, le jeu consiste à se frayer un passage sur une des parois d’un cube en “empruntant” des carrés à son voisin ou en les positionnant. (Un genre de puissance 4 mais différent en somme.)
L’installation est encore au final un peu complexe avec deux serveurs à installer mais l’expérience semble assez unique, à essayer chez soi !
(Merci à Carl0s et à son tweeet!)
Arkplus : dessiner c’est naviguer

Encore un : Ark-plus.com utilise en parallèle d’un système de navigation traditionnel, celle bien connue du dessin de formes simples pour explorer leur site. Un système qui – s’il ne reste pas simple et clair au possible – peut finir par perdre l’utilisateur. Ce qui n’empêche pas d’avoir au final une appli de dessin qui permet sans relever le clic de souris de dessiner ce qui nous passe par la tête. Meoow…
Waterwall ou la vague du flash sur les murs

Waterwall est une installation artistique réalisée entièrement en Flex, et en AIR avec deux caméras, trackant le passage des visiteurs. La vague réagit aux mouvements des passants, et le mur projeté évolue en fonction de leurs mouvements. Une installation qui au final est difficile à saisir juste en vidéo, mais les interfaces murales vont bon train – elles-aussi.
Waterwall from Tony Dewan on Vimeo.
Dessiner dans l’espace à la webcam : un jeu d’enfant

Neuroproductions revient plus en forme que jamais avec cette expérimentation de dessin dans l’espace à la webcam. Pour cela, ils ont juste du convertir deux webcams en webcam à infrarouges. Easy.
Flash 3D Motion Capturing: Drawing In Space from Kris Temmerman on Vimeo.
JSARToolkit / LiveChromaKey: incrustation vidéo à la webcam

Yusuke Kawasaki vient tout juste de démarrer l’actionscript, et il a créé en deux semaines deux classes pour flash : LiveChromaKey et LivePointers. LiveChromakey permet d’incruster en vidéo des éléments en temps réel derrière une personne à l’écran, et ce, sans fond bleu. LivePointers permet de détecter le déplacement des doigts de la main grâce à des marqueurs de couleur.
C’est LiveChromaKey (explications plus en détail) sans doute le plus impressionnant : même à la webcam, le contour de la personne se dessine bien, voire parfaitement sur ses démos.
Les librairies sont désormais disponibles sur Libspark, ainsi que d’autres projets, (notamment le célèbre flartoolkit maintenant). Livepointers dispo également.
Pour tout savoir, voici l’explication en slides :
Navigation au doigt, Ã la webcam et au micro #2

http://www.andreaslutz.com/ : Tombant sur ce site via thefwa, le concept semble pourtant clair : Navigation au micro et à la webcam, parce que “cliquer, c’est tellement les années 90″ dixit la baseline du site. J’en avais déjà testé un au micro mais… Ok, on tente.
- Impossible de faire démarrer au micro l’animation.
- Je n’ai jamais réussi à réaliser quoi que ce soit avec l’application de vraiment contrôlé, mon déplacement partant dans tous les sens…
Ce qui est d’autant plus dommage que l’expérience musicale et graphique me semble intéressante, mais la détection visuelle et sonore est terriblement difficile. Et même avec la vidéo de démo, on se rend bien compte que ce n’est pas si aisé que cela.
Si quelqu’un y arrive bien, je lui envoie un Toblerone par la Poste :D

S'abonner à Hebiflux
Le Twitter Hebiflux
