Archive for the 'Interfaces interactives' Category
Reconnaissance d’image avec FlashSURF

En forme Eugene Zatepyakin, à qui l’on doit de nombreuses expérimentations à base de flash. Son dernier travail n’est pas moins qu’une libraire nommée FlashSURF basée sur Alchemy permettant une reconnaissance rapide d’images, et par extension, pourrait bien servir aux modules de réalité augmentée en flash. En plus d’avoir des explications sur son blog, il y a deux vidéos de démo assez explicites :
Interface tactile en AIR et Flex sur les points de vente Citroen
2010, l’année de l’interface tactile trouvant ses usages et atteignant le grand public ? Certainement, après le concours pour les bornes tactiles de la SNCF, voici venir un autre superbe exemple de surface qui sera déployé prochainement chez Citroen dans pas moins de 700 points de vente dans 5 pays différents (j’aurais l’occasion de reparler de la genèse de leur nouveau portail dans quelques jours d’ailleurs). Développée en Air et Flex par Dagobert, ce configurateur 3D a pour but de faire le lien entre internet et le lieu bien réel de vente. Véritable outil de vente et d’aide à la présentation, il combine deux écrans, l’un de 19 pouces pour la personnalisation et un autre de 40 pouces pour un aperçu en HD.
Une bien belle application qui use au mieux des technologies Flash/Flex (n’en déplaise à Apple ;) ) et de l’écran tactile. J’ai vu cette démo récemment et j’espère bien pouvoir prochainement la tester en ‘live’ pour apprécier l’interface. Voici donc la vidéo en démo :
Quelques captures d’écrans supplémentaires :
Borne SNCF tactile en AIR en test publique

Une interface de borne ‘monotouch’ réalisée chez SQLI pour la SNCF trouvée chez ce cher Thibaut Imbert, qui ne dira rien de plus que « En test public dans la gare de Lyon Perrache. Une autre borne tourne aussi en Silverlight. Selon les retours le choix sera fait :) «
Moi qui râlait récemment sur la lenteur des bornes actuelles, au moins, tout cela est plus réactif et ô combien prometteur ! bravo !
SQLI – SNCF Revolution from Thibault Imbert on Vimeo.
Edit : suite à un commentaire qui précise un peu le sujet, c’est en réponse à un concours dont j’avais vaguement entendu parler, les autres propositionssont disponibles à cette adresse sur 01net .
De la 3D de charme : quelles avancées technologiques ?

C’est en lisant l’article on ne peut plus à recommander chez Capitaine Commerce : 3D et ecommerce : quel intérêt ? sur l’intérêt d’utiliser des avatars pour faire du e-commerce, qu’un des commentaires m’a interpellé : « de toute façon, même dans le porno, la 3D ne perce pas. » Pourtant, c’est bien un secteur qui a tendance à innover en général (du moins sur le web), alors qu’en est-il ? Nous sommes loin des scènes pudibondes du jeu vidéo qui peuvent se retrouver mal à l’aise avec la découverte de scènes comme celles du « hot coffee » de GTA. Pourtant, si ce type de jeu est déserté par les consoles (éthique bien pensante des éditeurs oblige – et cela se comprends), les jeux sur pc ou le web existent. Quelques tours d’exemples technologiquement intéressants sans rentrer dans le trop glauque :
Cöté vidéo en relief, elle intéresse bon nombre de gens et certains commment à y penser sérieusement comme le fait remarquer à très juste titre crunchgear : 3D Porn? The studios are way ahead of you.. Ok. Mais au niveau 3D ?
La sélection d’éléments au clic accélérée en flash

http://www.markingmenus.org/ présente une vidéo assez longue de recherches sur l’optimisation de la sélection d’éléments en flash, dépassant le simple menu déroulant. On pense bien sûr à l’héritage des menus sous Maya au clic droit, déroulant un ensemble d’outils impressionnant. Une recherche intéresssante et bien documentée à lire sur : http://www.betriebsraum.de
Reconnaissance vocale sous flash ?

Magnifique vidéo de Didier Brun chez Bytearray qui laisse sans voix (ahAHAH ! Pardon…) sur des essais de reconnaissance vocale. Basé sur les capacités du player flash 10.1 (on en parle sur un épisode des webtv d’Adobe là), Didier s’est lancé dans ce projet de librairie. Pour l’instant, la reconnaissance a besoin d’une bibliothèque de sons et d’un espace entre chaque mot mais très clairement, cela fonctionne. Voilà une belle expérimentation ! On attends depuis des lustres des applications à base de commande vocale ou de jeux en flash.
Du nouveau chez Digg Labs avec 365

Petit retour au source de mon blog puisque la visualisation de données interactive a été l’un des piliers qui m’a poussé à l’ouvrir. Digg sort 365 : un nouvel opus de son labs avec de nouvelles formes résumant les plus fortes tendances tout au cours de l’année. Magnifique de simplicité et d’efficacité.
Expérience de jeu interactif gestuel avec le projet Trauma

Le projet TRAUMA est un jeu interactif créé en Allemagne ressemblant à un point-and-click gestuel (avec la webcam sans doute) dans un environnement agençant des photos positionnées en 3D comme peut le faire un photosynth. Tout en flash, ce jeu d’aventure raconte l’histoire d’une jeune femme qui survit à un accident de voiture, et se prends à rêver de différents aspects de son identité et de son histoire. Un projet qui sera en ligne vers la fin 2009 gratuitement et on a hâte de le découvrir…

Galerie photo sur Flickr à voir pour les visuels et voici la démo en video :
TRAUMA Gameplay Preview from Krystian Majewski on Vimeo.
Exploration musicale avec l’interface de FindYourTracks


Je n’ai gardé de la semaine dernière que cette nouvelle interface : http://www.findyourtracks.fr/ lancée par RedTracksPublishing et créée par Soleil Noir permettant de découvrir des morceaux en fonction du style, de son humeur, tranche d’âge.. Une interface full flash alliant le plaisir visuel, la simplicité, et une bonne clarté.
Elle se place dans la digne lignée de Moodstream, ou musicovery apparus il y a quelques mois déjà (et quelques autres d’ailleurs).
Fullscreen chez Deezer, et écrans tactiles

Fullscreen
Petite fonction rajoutée à Deezer récemment et relevée par @Sylvain (de Tkaap entre autre) d’ailleurs) : la fonction fullscreen du player de Deezer qui s’agence différement de la version web en mode fenêtre. Evolution anodine et l’on peut se demander : cela vaut-il un billet ? Réponse : Oui. Voici pourquoi :
Tactile
La force du flash étant de pouvoir remodeler son interface aisément, il y a dans ce mode fullscreen tout d’abord un usage pratique : beaucoup utilisent deezer à présent comme lecteur multimédia, sans rester devant le PC. Avec l’arrivée de Windows 7, et des écrans tactiles accessibles plus facilement auprès du grand public, cela veut dire qu’un site internet en flash, va pouvoir aisément non seulement s’adapter plus facilement sur différents supports (sites web, mobiles…), mais surtout rentrer en mutation en fonction de son usage.. Et c’est là que cela m’intéresse : n’ayant jamais été convaincu de la fonction fullscreen depuis flash 9, voici un usage qui me plait bien et justifie pleinement son existence.
Enquête !!
Pour confirmer cela (mon billet était déjà écrit en fait ;) ), j’ai posé la question à Loic et à Jacinthe Busson (du célèbre http://www.ergophile.com/ respectivement developpeur flash et directrice artistique chez Deezer (Merci à tous les deux!). Voici ce qu’en dit tout d’abord Jacinthe (qui en dit aussi plus long sur le blog de deezer) :
« Ce player a été conçu pour être utilisé sur des nouveaux supports comme les écrans tactiles mais aussi pour répondre à un usage très demandé par nos utilisateurs en charge d’animer des soirées. L’interface a été conçue pour être la plus simple possible et fluide afin de ne pas surcharger d’informations lors d’une utilisation en mode tactile.
La sobriété de ce Full Screen est avant tout un moyen d’utilisé les fonctionnalités les plus convoités de nos utilisateurs : ses playlists, ses radios et albums favoris, la liste de lecture courante. Elle reprend l’idée d’un jukebox. »
Et Loic de confirmer :
« En effet ce player fullscreen à été conçu pour être utilisable dans toutes sortes de conditions : au clavier, à la souris ou via écran tactile.
Le coté écran tactile n’est pour le moment pas très poussé et finalement pour le moment équivalent au mode souris mais les boutons sont suffisamment gros pour tous les utiliser avec un doigt. Mais dès la sortie de Flash Player 10.1 [...], je compte bien améliorer l’expérience utilisateur de celui-ci en essayant d’apporter un défilement de la playlist en faisant glisser le doigt comme sur un iphone par exemple et réfléchir à d’autres fonctionnalités utilisant plusieurs doigts par exemple. »
(Techniquement, c’est Away3D qui a été choisi pour ses performances techniques, même si la documentation est plus fournie chez Papervision. Le choix était aussi de rester dans quelque chose de plus simple pour ne pas surcharger et être trop gourmand en ressources. Dixit.)

Version web (pour rappel)
Mutation
Exemple pratique : je passe l’aspirateur ou je suis en soirée : c’est l’ennui total de devoir reprendre le contrôle de la souris pour changer de musique. Le coup de doigt sur l’écran s’impose alors pour changer de musique et cette fonction rend l’interface plus légitime tandis que le tactile au quotidien est aberrant pour de la bureautique. Seulement entre l’interface web et le plein écran, nous changeons dans l’apparence d’un site web à une application comme l’était un cdrom à son époque.
C’est là que le flash intervient et qu’il aura aussi son importance à mon sens dans les mois à venir : il permet ainsi de remodeler de manière fluide une interface en fonction de son contexte d’usage et prendre différentes formes : site web, application, sur pc ou mobile. Et de basculer du contrôle au clic au doigt (et à l’oeil) naturellement Ce type d’exemple chez Deezer m’a réllement fait penser à cela. Et même si Adobe d’ailleurs a beau annoncer cette tendance, c’est le genre d’application qui le prouve concrètement. Ou qui en dessine les premières esquisses.
Du côté de Silverlight
Je suis tombé également sur une vidéo chez nui.joshland.org qui présente Silverpac.com « le premier site internet multitouch ». Josua Blake parle un peu plus sur son blog des ses caractéristiques d’ailleurs. Voici la vidéo :
Liant entre supports et usages
D’ailleurs, certains sites web bizarrement peuvent très bien porter en tactile leurs applications : Je prends celui-ci de Citroën, ou celui de la Lexus (2ème exemple). De toute facon, ce ne sont pas les outils qui manquent en terme de tactile pour flash, car c’est le liant entre les différents supports qui est à observer.




S'abonner à Hebiflux
Le Twitter Hebiflux
Tout Hebiflux avec Friendfeed
My Photostream Hebiflux

