Archive for the 'Interfaces interactives' Category

La sélection d’éléments au clic accélérée en flash

marking

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 ?

voice

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

digglabs

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é.

Comments are off for this post

Expérience de jeu interactif gestuel avec le projet Trauma

trauma1

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…

trauma

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

fyt1

fyt2

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

deezerfullscreen

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.)

deezerweb
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.


Panoramiques 360° vus du ciel plus complexes ou immersifs

Mon premier panoramique remonte au bon vieux quicktime VR. A l’ère de flash, du papervision et de la visite virtuelle, l’usage de ce concept a un peu évolué depuis. Je suis tombé sur deux panoramiques ces derniers temps qui valent un petit coup d’oeil :

newyork360

Le premier, c’est @Ozon3 qui l’a remarqué avec cette vue magnifique de New York en hauteur :
Consultable sur http://www.pixelcase.com.au/vr/2009/newyork/

Superbe panoramique mais surtout doté d’une inclinaison dès lors que l’on regarde de droite ou de gauche. Cela n’a l’air de rien, mais la vue est ainsi beaucoup plus naturelle.

rennes360

Le second, (attention, c’est un peu plus compliqué), est venu jusqu’à moi via @Hugobiwan: RT: @isa2886: RT @jultan RT @panoramix360: #rennes :
Consultable à cette adresse http://www.360ouest.com/reportages/rennes/

De très bons repères dans l’espace, c’est une chose assez connue à présent, mais j’ai bien aimé l’ensemble.

Note : ceci est mon 1000ème billet ! Cheers ! :)