Un positionnement plutôt original pour Virgin avec cette application encore hébergée chez l’agence qui l’a créé visiblement. Virgin Eye : cette interface met en scène tous les articles, images, ou vidéos qui parlent du mot-clef ‘ Virgin ‘, (en gros, de tous les gens qui, sur le net, publient du contenu autour de la marque.). Il y a certainement un filtre ou une modération quelque part, mais l’idée est tout à fait originale. L’interface catégorise par code couleur les sujets, avec une visualisation en 3D sous forme d’une galaxie avec une certaine élégance (quoique les étoiles font un peu disco).

Cette application est un peu le Etsy de la musique : Getty Images vient de sortir Moodstream, une interface permettant à l’internaute de naviguer dans des contenus musicaux en définissant son humeur. S’ajoute à cela un fond animé en images et en vidéo issu de la base de données géante de Getty Images, plus ou moins synchronisé avec l’audio.

Plusieurs possibilités sont disponibles : un filtre triste, joyeux, calme, vivant, contemporain, nostalgique… Un autre onglet plus générale définit des ambiances : simple, rafraichissant, vivant… Cette sorte de jukebox permet de se créer une playlist, proposant d’acheter ensuite tous les medias diffusés.

Une manière plus sympathique que de parcourir un catalogue avec des titres qui ne nous disent rien, l’interface choisit d’afficher différemment son contenu en le mettant en valeur d’une bien belle façon.

6 months of 3D in flash in 10 minutes from crazy snake on Vimeo.

En préparant conférences, démos et salon en ce moment, j’ai compilé en vidéo 6 mois de sorties de sites utilisant la 3D dans flash. Là où les sites utilisant un plugin pour afficher de la 3D sortent au compte-goutte, j’ai du faire un tri dans près de 140 urls pour me limiter à 10 minutes dans ceux conçus en flash. Papervision, away3D ou autre, quelle que soit la technique utilisée, c’est le résultat qui importe vraiment. Une sélection donc qui présage de bonnes choses avec flash 10, lorsque l’on voit tout ce qui a pu être réalisé en 6 mois. (sauf un seul exemple antérieur a priori.)

La liste des urls que j’avais faite est disponible en cliquant sur ‘lire la suite’

La vidéo est aussi téléchargeable en mp4. (139Mo - clic droit enregistrer sous)

Tip : pas de musique, je vous laisse lancer un deezer ou votre musique favorite par dessus pour y mettre ce que vous voulez. Certaines vidéos saccadent un peu, la capture n’est pas facile lorsque les sites utilisent encore beaucoup de ressources processeur.

Lire la suite

Dans ma boite mail, ces ouvrages peuvent en intéresser certains, à tout hasard :

- Don’t Make Me Think: A Common Sense Approach To The Web Usability
- Designing Web Navigation: Optimizing the User Experience
- Communicating Design: Developing Web Site Documentation for Design And Planning
- Prioritizing Web Usability
- Sketching User Experiences: Getting the Design Right and the Right Design

Ce qui est sûr, c’est que je n’ai pas acheté des livres de cuisine récemment… bon point pour eux. Il y a des ouvrages indispensables que je devrais absolument avoir dans le lot ? Le 2 et 3 me tentent bien…

Si cette année il y avait peu de monde au Web Flash Festival, les conférences et événements n’en étaient pas moins intéressantes, je vous propose un petit tour de ces 48 heures, (morceaux choisis, et sans être allé à tout) :

Day 1 : Deux conférences qui m’ont marqué, celle d’André Michelle et d’Etienne mineur, respectivement sur ses travaux sur le son, notamment avec flash 10 (il est à l’origine de la campagne Adobe, make some noise, pour intégrer plus de fonctions et de contrôles en AS sur le son), et sur “Dix étapes dans l’histoire du jeu vidéo”. Deux conférences très riches, avec des orateurs très charismatiques, je ne m’en lasse pas !

L’Application qu’André Michelle présentait était l’outil audio sur hobnox, à voir absolument, qui permet de faire du sample à partir de vieilles machines de son. Très bon, surtout quand c’est lui qui nous fait une démo en live !

Day 2 : Une conférence sur le jeu vidéo en ligne, avec quatre intervenants différents (Yamago, Ankama, Globz, Widescreen Games). Très bonne conférence, qui permet d’avoir une bonne vision de recul sur le jeu en ligne en flash : les différents business models développés pour les jeux, des casuals games aux MMorpg en flash (Dofus), et les différentes possibilités de développement. Je note la difficulté de certains studios à en vivre réellement !

Présentation d’un jeu online en flash et en 3D qui sort pour Octobre, apparemment, Identifiction, (je n’arrive plus à retrouver l’adresse du site web), qui me semble intéressant de bout en bout (idée, positionnement, business model etc..), même si revendiquer une qualité graphique de console next gen sur un jeu en flash, cela me semble très très sérieusement exagérer (même avec un moteur 3D spécial). Bon, on verra, en tout cas, c’est à suivre !

Conférence suivante, celle de Quasimondo (notamment auteur de “island of consciousness”, toute aussi passionnante que les précédentes, qui avec André Michelle étaient invités d’honneur cette année. Il était venu présenter ses travaux, notamment un outil de génération de formes (voir photos), très poussé, bientôt disponible online en beta. En voir plus sur son site pour quelques exemples.

Cérémonie de cloture :

Un show entre André Michelle et Mario Klingemann (quasimondo), l’un improvisant des compositions musicales electroniques avec son outil, et l’autre… alors, là, il va falloir de la vidéo pour expliquer cela : il avait branché une vieille console avec un casse-brique et un space invaders, et demandait à la salle d’agiter les bras pour faire passer la barre de droite à gauche, ainsi que pour tirer. Très fun, toute la salle s’est vraiment investie !

Untitled from crazy snake on Vimeo.

Cadavre exquis de code : 2 groupes ont développés en 6 heures une oeuvre interactives sous le thème “jouable”, en processing et en actionscript. Le premier rendu était vraiment impressionnant, au vu du temps de réalisation : une oeuvre qui affiche les textes de sms que l’on envoie à un numéro, et qui réagit au son du micro.

cadavre exquis web flash festival from crazy snake on Vimeo.

Pas d’image pour l’autre création, mais très esthétique et une animation assez superbe !

Résulats du web flash festival :
Les primés :
Net art : http://www.bottoxlab.com
Art graphisme : http://www.mtl12.com
Jeu : http://www.dreftdiamondgame.fr
Expérimental : http://www.tantettemps.net
Animation : http://www.cedric-villain.info/defi10
Présentation : http://www.lecoqsportif.com/#/fr/all
Prix du public : http://powa.blablaland.com/chat/bbl_chat.php

J’espère que cela vous donnera envie d’y aller l’année prochaine !

Impresionnante cette vidéo ! Une webcam, du flash, du Papervision et voilà un système de réalité augmentée en 3D à peu de frais ! Il existait déjà des librairies dédiée à la création de réalité virtuelles comme ARtoolkit ou Nyartoolkit, mais de le voir en flash même avec les capacités 3D actuelles, on peut imaginer de nouveaux usages (wiimote, surfaces multitouch…) tout à fait originaux et abordables. Et on l’espère avec Flash 10, de meilleurs capacités d’affichage permettant une plus grande liberté d’applications.

Et vous pouvez tester ca par vous-même ici ! . Je n’ai pas pu m’empêcher de le tester aussi et même si je manque d’un gros feutre noir, ca marche plutôt bien !

viZoo est une agence créant des dispositifs intégrant des hologrammes 3D pour des salons, des défilés, des vitrines de magasins. J’ai commencé à en voir il y a deux ans (notamment en Allemagne), mais rien d’étonnant car de tels usages sont destinés à se diversifier, outre les écrans tactiles, ou interactifs à base de tracking du mouvement.

Dans la vidéo ci-dessous, un hologramme de jeune femme essaye des vêtements du catalogue dans un magasin fermé la nuit. Cette création est particulièrement innovante (pas dans le fait qu’elle se déshabille hein..), elle anime une vitrine, accroche l’oeil du passant par le mouvement, la source de lumière produite et par une technologie originale qui relève d’un film de science fiction saisissant de réalisme :

Vous pouvez retrouver leurs autres travaux sur leur site. D’autres très bons exemples aussi disponibles sur Youtube ici.

Quel rapport avec le flash ? aucun mais bon..

Edit : pas tout à fait un hologramme dans cet exemple ! Sur leur site, il y a des démos de véritables hologrammes qui permettent de tourner physiquement autour d’objets en 3D, ce qui m’a un peu mis dans le doute ! Merci Pascal

Certains penseront tout de suite à Searchme, qui était un moteur de recherche tout en flash et en images. Utilisant partiellement le flash/Ajax pour la présentation des résultats, Viewzi va plus loin dans la recherche visuelle en proposant différentes vues pour une recherche :

- Résultats de sites en screenshot
- Résultats de sites en screenshot plus réduits organisée en mosaique
- Résultats en mode texte classique de Google et Yahoo combinés.
- Résultats de plusieurs moteurs de recherche en même temps
- Interrogation de la base d’Amazon pour afficher directement le livre relatif à la recherche le plus pertinent
- Interrogation des produits chez Wal Mart, Target, eBay, et Amazon.
- Affichage des résultats en vidéo de 3 plateformes vidéos différentes (youtube, blinx, Veoh) avec une preview des 3ères secondes en accéléré.
- Résultats issus des infos reuteurs
- Résultats issus d’une base de données mp3s

Toute cette navigation se fait au travers de la même interface. Apparemment, les systèmes d’organisation des résultats sont amenés à évoluer au fur et à mesure que l’équipe les développe. Autant certains systèmes visuels de résultats sont classiques en terme d’interface, autant certains font preuve d’une grande efficacité : pour la vidéo par exemple, l’accumulation et la preview de quelques secondes en accéléré est vraiment convaincante. Il ne manque plus que le surlignage de l’expression recherchée comme dans Searchme en définitive. Le moteur de recherche visuel, un débat à suivre !

Plus d’infos aussi sur viewzy.tv

Globe encounters visualise le flot de données par IP qui transite sur internet entre chaque ville du monde. Réalisé en Processing pour senseable.mit.edu (une équipe du MIT), lien sur lequel vous pourrez consulter une image haute définition et une vidéo. Le globe visualise le trafic avec un délai de 24 heures seulement. Lien complémentaire ici. (Il y a bien une vidéo sur youtube mais la qualité laisse à désirer…)

Juste superbe à regarder…