InterfacesRiches.fr

Alors que Microsoft vient tout juste de sortir une nouvelle version de Silverlight (Silverlight 2 RC 0 is Available), je vous propose cette série de comparatifs : Flash vs. Silverlight Gallery.

Comparaisons entre Flash et Silverlight

Il y a en tout 16 démos techniques… avec différents avis et votes pour tenter de départager ces deux plug-in (technologie ?). À priori aucune différence flagrante, mais je vous laisse seuls juges…

(via Inside RIA)

Je vous avais parlé il y a quelques mois de la Board de Melty, une application de scrapbook en ligne réalisée avec Silverlight. Cette application était très prometteuse et bénéficiait d’ailleurs du soutien du programme IDÉES de Microsoft (pas mal pour des étudiants de l’Epitech !).

Bref, tout ça pour dire que j’ai récemment eu l’occasion de tester la toute dernière version de la Board (boardv2.melty.fr, pour l’instant en phase alpha) qui est encore plus impressionnante :

L'interface de la Board V.2 de Melty

Pour faire simple, il s’agit d’un espace d’expression où les “jeunes” (puisque c’est la cible) peuvent placer tout à un tas de contenus (photos, textes, vidéos…) et organiser tout ça comme bon leur semble. Le rendu est tout à fait propre et la manipulation très intuitive (il suffit de glisser-déposer les différents éléments).

Deux nouveautés sur cette nouvelle version : la possibilité d’insérer un background vidéo (très sympa) et de pouvoir zoomer sur les différents contenus avec la molette de la souris (ceci grâce à la V.2 de Silverlight) :

Manipulation de vidéos avec la Board V2

Cette dernière fonctionnalité est particulièrement grisante car on a vraiment l’impression de “plonger” dans le contenu et les vidéos.

Autre caractéristique intéressante, la possibilité d’afficher une timeline des différents contenus ajoutés :

La timeline de la Board V2

Précisons enfin que ces boards s’insèrent dans un dispositif social particulièrement dense puisque c’est un service greffé au réseau Melty (déjà très actif).

Pour compléter cette présentation, je vous propose une petite interview d’Alexandre (un des fondateurs que j’ai rencontré lors des DDB Digital Days) qui nous fais une petite visite guidée de l’application (il faut bien tendre l’oreille car le son n’est pas bon) :

Vivement la sortie définitive !

J’ai découvert un site bien étrange ce matin : This Is The Index Page. Lancé par Converse, le but de ce site n’est visiblement pas de vendre mais plutôt de faire partager une expérience aux visiteurs. Ces derniers sont donc confrontés à une liste d’URL qui défilent :

Toutes ces URL sont toutes plus étranges les unes que les autres… Vous en choisissez donc une au hasard (KissingWithRoss.com) et vous tombez là-dessus :

Vous pouvez ensuite naviguer entre les URL à l’aide des flèches en bas de l’écran ou revenir à l’index pour en choisir une autre (ex. OutOfYourLeagueGuyOnMotivation.com) :

Étrange ? Oui complètement.

Absurde ? Parfaitement.

On y comprend rien ? Oui, effectivement.

Mais à quoi ce site peut-il bien servir alors ? À planter le décor, à recréer un univers de marque décalé, à plonger l’internaute dans un contexte très imerssif (d’où le recours à la vidéo en plein écran).

Bref, c’est ce que je prux définir comme de l’Ambient Branding : la gestion de l’image de marque au travers de scènes et d’ambiances. Je ne sais pas si c’est efficace mais le dispositif est très intéressant et surtout disruptif…

Vous aimez ?

(via iMedia Connection)

Dans la série “Pour ou contre les sites de contenu en Flash ?“, je souhaiterais ce soir vous parler d’un très beau site : Lili is Pi.

J’apprécie ce site par son côté minimaliste et par l’usage très subtile de modules “riches” :

• dans le header (qui sert de télécommande audio) ;
• dans le menu de gauche (avec cet effêt élastique) ;
• dans l’animation des flèches pour faire défiler le contenu ;
• dans les effêts de transition (un peu longs, mais nous sommes avant tout là pour écouter de la musique, non ?).

Bref, c’est du très bon travail. Bien évidément nous sommes loin des sites réellements minimalistes (cf. MinimalSites.com), mais saluons tout de même le travail créatif de l’agence (Cappen).

(Merci à Greg_J pour le lien)

Voilà quelques semaines (mois ?) que Photosynth est sorti du laboratoire de Microsoft. Il s’agit d’une offre de création, de publication et de partage de scènes 3D réalisées avec un photo-montage.

Pour faire simple :

1. Vous prenez tout un tas de photos d’un objet (en tournant autour) ou d’un paysage (en tournant sur vous-même) ;
2. L’application se charge d’assembler ces photos en une scène 3D ;
3. La scène est publiée sur un portail (Photosynth.net) où les visiteurs peuvent commenter et noter les scènes ;
4. Vous pouvez publier cette scène n’importe où (blog, profile…) à l’aide d’un petit viewer à encapsuler (plug-in indispensable, basé sur la technologie SeaDragon).

Le rendu des scènes 3D et surtout la manipulation est tout à fait intéressante :

• Des flèches permettent de tourner autour de la scène où de se déplacer d’avant en arrière (pour “zoomer” sur un détail) ;
• Les différentes photos sont identifiable grâce à un effêt de surbrillance du contour au survol de la souris (qui sert aussi à se déplacer) ;
• Un anneau permet de choisir l’angle de vision de la scène ;
• Il existe un mode plein écran pour élargir l’angle de vision.

Bref, ce service est tout simplement bluffant et propose un mode inédit de découverte et d’interaction avec les photos. Il apporte en plus une dimension sociale avec le partage de vos scènes et surtout la possibilité de faire des compositions à plusieurs, des scènes 3D collaboratives (chacun apportant ses photos).

Voici donc un excellent support qui pourrait être expoité dans une optique “business“ :

• Par des agents immobiliers qui souhaitent mettre en valeur les biens qu’ils commercialisent (cf. Microsoft Launches Photosynth: Your Pictures in 3D) ;
• Par des offices du tourisme qui pourraient mettre à contribution les touristes afin de valoriser les lieux d’intérêt (en aggrégant leurs différentes photos de vacance) ;
• Par des e-commerçant (distributeurs ou fabriquants) qui souhaiteraient mettre en scène de façon plus immersive les produits (un peu comme le faisait Ikea avec ces intérieurs en mode “bulet time” ;
• Par des artistes qui voudraient immortaliser / prolonger leurs créations (sculptures…) sur un mode collaboratif…

Les possibilités sont très nombreuses et d’ailleurs Renault sera à ma connaissance une des premières grandes marques à exploiter ce support dans le cadre du lancement de la nouvelle Megane (cf. Silverlight, DeepZoom, PhotoSynth et Brandstream pour la nouvelle Megane).

Il existe déjà de nombreuses applications et services de cartographie : En 2D (Google Maps, Yahoo! Maps, Live Maps, Mappy, Via Michelin…), en 3D (Google Earth, Microsoft Virtual Earth, Map24…). Mais il manquait quelque chose d’intermédiaire.

Ce vide est maintenant comblé avec ce service de cartographie en 3D isométrique (autrement appelée la 2,5D) : OnionMap.

C’est visuellement très mignon et surtout moins lourd que de la vraie 3D. Pour l’instant il existe une petite dizaines de villes mais ils promettent d’en rajouter régulièrement.

Et si ce mode de visualisation vous intéresse, je ne serais que trop vous recommander cet autre site qui propose une vue 2,5D de Hong Kong : Hong Kong Edushi 3D Map.

Alors… un nouveau créneau à prendre ? (via Information Aesthetics)

Si vous me lisez régulièrement alors vous devez déjà savoir que j’adore les schémas et autres représentations visuelles synthétiques. En fait j’affectionne tout particulièrement les timelines car elles permettent de représenter la chronologie d’évènements de façon très efficace.

Dans ce domaine Google propose ainsi une timeline tout à fait intéressante chez Google Finance :

Cette timeline permet ainsi d’associer des évènements (communiqués de presse et actualités) à des évolutions du cours de l’action. Vous apprécierez au passage la très élégante possibilité de jouer sur l’échelle et sur la plage de visualisation (à l’aide de réglettes et de glissé/déposé.

Autre exemple encore plus intéressant avec la timeline du tout nouveau SoundUnwound lançé par Amazon (cf. Amazon Launches Social Music Site). Cette gigantesque base de donnée musicale (sur le même modèle que IMDb) propose ainsi une représentation chronologique de la discographie d’un groupe en y incluant les “plages de présence” des différents membres du groupe ayant participé à tel ou tel album : Timeline for Soundgarden.

C’est encore une fois du très bon travail car la visualisation et la manipulation sont très intuitives. Vous pouvez de plus cliquer sur les membres du groupe ou sur un album pour faire remonter plus d’infos via une info-bulle géante.

Enfin comment ne pas traiter ce sujet sans évoquer AllOfMe, un service entièrement dédié à la publication et au partage de timelines “publique” : Apple Products Timeline.

Vous noterez en haut à droite la possibilité de changer l’échelle ainsi que les très belles info-bulles géantes.

Quel dommage par contre que tout ces services reposent sur Flash (impossibilité de chercher ou de convertir une timeline en tableau avec du texte).

Le problème des représentations en 2D c’est que vous ne pouvez exploiter que deux axes (donc 2 séries de données). Le problème avec les représentations en 3D c’est qu’elle sont généralement longues à charger et complexes à manipuler.

Je vous propose donc de découvrir cette solution qui combine une représentation cartographique en 2 dimensions avec la librairie Papervision3D (le tout réalisé avec Flex). Le résultat est donc une heatmap en 3D qui s’affiche très vite (c’est du Papervision3D), avec des données facilement gérables (c’est du Flex) et qui ne nécessite pas de plugin (c’est du Flash) et qui se manipule assez intuitivement à la souris : Heat Map + Papervision3D. Le résultat est visible ici : HeatMap3D.

Les données restent tout de même complexes à lire (car nous n’avons pas l’habitude de lire en 3 dimensions) mais le potentiel est là.

A quand des tableau de bords en 3D ? (via Papervision3D Daily)