Archive for the 'Interfaces interactives' Category

Portfolio à découpage gestuel

gestuel

C’est la semaine officielle du dessin à l’écran : Magnetic North utilise le découpage au tracé de souris pour vous faire découvrir leur portfolio. Une utilisation inventive de la souris après la navigation ou le configurateur qui ouvre un menu d’options.


Wiispray, pour tagger des murs virtuels

wiispray

Encore un projet à base de Wiiflash (wiimote + flash) sur une surface imposante : Wiispray, qui permet de tagguer sur des murs virtuels. Sans doute la solution la plus écologique qui soit… Chouette travail de fin d’études en tout cas !

WiiSpray Teaser from Martin Lihs on Vimeo.


Qbic : interface neuronale + E-commerce

scroll

Coup de coeur du mois : www.qbic-ec.com

Après une intro très soignée en vidéo : une interface de e-commerce qui allie plaisir de l’interface et efficacité : rajouter des noeuds pour affiner votre recherche, sélectionnez vos critères et voyez les résultats que l’on peut ajouter au panier.

Ce genre d’interface ne peut pas forcément s’appliquer à tous les domaines, et le tutorial de début n’est pas de trop mais c’est… superbe.


Contrôler le jeu par la pensée… ou presque

jeudi

Cela devrait plaire fortement à Renaud qui est passionné par ce sujet et m’avait prédit l’arrivée de jeux contrôlés par la pensée cette année.

C’est chose faite (ou presque) : Square Enix et NeuroSky vient de montrer à la Game Developper Conference une démonstration de “Jubecca”, un système permettant de contrôler des objets par la pensée. Le petit appareil se place derrière la tête et recoit les impulsions qu’il traduit ensuite en actions simples. Un peu plus tard dans l’année, sortira un jeu de “Jedi” qui permettra de s’entrainer à sentir la force (au prix modique de 130$).

Image et source ici : www.extremetech.com

Bon apparemment, l’annonce avait été faite en Octobre dernier, et je suis tombé sur une vidéo de démonstration ici : console-life.com/ si cela vous intéresse.

A quand pour naviguer sur internet, ou taper ses mails ?


Des animations chromées chez Google

chrome

http://www.chromeexperiments.com est le lieu d’expérimentations et de démo technique utilisant le moteur de rendu Javascript du navigateur de Google. Au menu : de la physique impressionnante, des animations, des rendus détonnants, certaines utilisant la balise “canvas”. Et ne cherchez pas, cela ne marchera pas même sous IE8 (j’ai essayé…)

Via googleblog


Une table multitouch en AIR en 4 jours

table

L’intéret de cet exemple n’est pas forcément celui que l’on croit : Le MIT Mobile Experience Lab a réalisé en 4 jours une table interactive en AIR et en AS3, avec quelques LEDs et la webcam de la console PS3. Ils ont utilisé FITR pour la détection des doigts, et elle affiche un google maps avec des photos géocalisées de Venise en Italie.

Avec les outils du web, il devient de plus en plus facile de créer des tables interactives dédiées à une activité particulière. C’est un des atouts de la démocratisation de ce type de murs interactifs : la facilité désormais à en produire plus facilement et à moindre coût. (mais tout est relatif.. ^)


TouchMaps from Brian McMurray on Vimeo.


Navigation au micro : pas si facile

cabana2

Après la webcam, l’accéléromètre des Macbook ou la wiimote, je parlais récemment de navigation au micro. Le site de cabana propose de se diriger notamment à l’aide d’un microphone, ce qui m’a obligé à le tester pris par une curiosité dévorante. Et ce n’est pas si facile lorsque l’on y pense :

- La méthode utilisée ici est le volume du micro : pas de reconnaissance vocale, tout se joue à l’intensité de la voix.
- Difficulté à régler le volume du micro pour naviguer correctement.
- S’il y avait eu une vraie reconnaissance vocale, il aurait fallu demander à l’internaute de parler anglais ou bien la prise en charge de chaque langue serait un peu compliquée.
- Avec les réglages nécessaires et la validation du player pour atteindre le micro, on ne pourra pas le considérer comme un outil d’accessibilité pour la navigation de site en flash. Vraiment pas…
- On a l’air bête… (enfin, surtout moi)

Démo en vidéo :


Cabana
envoyé par fourmiverte

Des tables interactives au restaurant grâce à flash

1
21
3
via flickr here and here

Installé à Londres vers Soho, le restaurant oriental Inamo propose de manger sur des tables interactives qui permettent de commander, de voir la webcam des cuisines, de faire de petits jeux pour patienter, d’afficher le plan de métro londoniens pour savoir où aller ensuite, rendant l’expérience complètement interactive.

Le plus fort étant que cette application a été réalisée en flash avec un serveur en C#. On voit régulièrement des interfaces en flash multitouch et différentes possibilités mais celle-ci est particulièrement originale : à lire le making of plus technique sur berniecode

Et voici un reportage et une petite explication en vidéo :

Via wiredvision.jp

Pour prolonger la discussion, je suis tombé par hasard sur la vidéo suivante, pour ceux que le sujet ‘table interactive en flash’ intéresse : ADOBE and the future of multitouch


Interfaces adaptatives

Je suis tombé dessus un peu par hasard : une présentation vraiment claire sur les interfaces adaptatives et agents adaptatifs, issue de ce blog là apparemment. Basé sur Anthony Jameson “The Human–Computer Interaction Handbook”.

Comments are off for this post

Construire un écran multitouch avec du flash

multitouchdiagram1

Un travail assez énorme et bien détaillé sur la construction d’une surface multitouch à base de flash, utilisant des outils comme FLOSC, tbeta, touchlib et openFramework. Tout y est expliqué pas à pas, chez Ideo Labs, qui montre comment se monter un écran complet avec trois bouts de ficelles et deux webcams. Bon, il faut être un peu bricoleur….


Hacked Rear Projection TV into Multitouch from IDEO Labs on Vimeo.