TasteBook.com, beaucoup d’audace pour des interfaces riches inédites

Je souhaiterais vous parler ce soit d’un site remarquable : TasteBook. D’après ce que j’ai compris, il s’agit d’une place de marché de recettes de cuisine que vous pouvez assembler pour concevoir votre livre de recettes à vous.

Mais ce qu’il y a de particulièrement remarquable dans ce site c’est l’accumulation d’un certain nombre d’innovations tout à fait intéressantes en matière d’interfaces riches.

Il y a tout d’abord la page d’accueil et son système de coverflow :

TasteBook_1.jpg

Il y a ensuite la possibilité de feuilleter les livres avec un principe d’onglets sur le côté droit et la possibilité de voir la tranche (une fonction inédite il me semble) :

TasteBook_2.jpg

Vous avez enfin dans l’écran de personnalisation de votre livre un système de sélection multiple puis de glisser-déposer (heureusement il y a une cinématique à l’ouverture de la page pour vous l’expliquer, une liste infinie (comme sur Google Reader) et la possibilité d’afficher les détails (principe d’îlots de données) :

TasteBook_3.jpg

Rajoutez à cela des pages très épurées comme l’inscription ou le panier et vous obtenez une belle réussite ergonomique.

Impossible de dire si ces enrichissements de l’interface favorisent ou pénalisent les ventes, en tout cas le résultat est une remarquable source d’inspiration.

(via Blink Design Library)

MIX 08 : Jour 2 (suite)

J’enchaine la journée après un passage éclair au buffet.

Keynote 2

Très belle affiche pour cette seconde Keynote avec Guy Kawasaki et Steve Balmer.

MIX08_Keynote2

 

L’ambiance est très décontractée, Guy K. est impertinent et Steve B. est survolté :

  • Démarrage en douceur avec une première question piège (« pourquoi vouloir racheter Yahoo! ?« ), la réponse est immédiate et sans équivoque : La recherche est un marché énorme et Microsoft veut être le plus gros acteur (il est prêt à y mettre le prix) ;
  • Petite pointe d’humour de Guy K. devant l’enthousiasme de Steve B. : « ne balancez pas de chaises ou ne me faites pas le coup du singe » ;
  • A propos de Facebook Steve B. ne révèle que ni lui ni Mark Zuckerberg n’ont participé aux négociations (?!!?) ;
  • A propos du « passif » de Microsoft (sa mauvaise réputation liée aux débuts laborieux de Windows et de Office) : les jeunes qui ne sont pas encore dans la vie professionnelle ne connaissent de Microsoft que la Xbox et Halo, ils n’ont donc aucun à priori (ce qui laisse une chance à Microsoft de poursuivre sa révolution et de redevenir « cool » pour les étudiants qui cherchent du travail) ;
  • Le réseau Xbox Live se révèle être une niche de revenus très rentable (10$ d’abonnement par mois), à mi-chemin entre Game as a Service et Game and a Service ;
  • Microsoft est présent sur le front social au travers de plusieurs services (Xbox Live, MSN Messenger, MS Live, zune.net…) mais ils doivent exploiter toutes les pistes possibles (d’où l’investissement dans Facebook) ;
  • Adobe est un concurrent très sérieux et Microsoft met le paquet pour pouvoir proposer une alternative crédible (principalement sur les anciens produits de Macromedia) ;
  • Microsoft est en train de travailler sur une offre similaire à celle d’Amazon (espace de stockage puissance de calcul en ligne…) ;
  • Silverlight ne sera probablement pas porté sur l’iPhone en raison du modèle de revenus trop gourmand d’Apple ;
  • Microsoft mise beaucoup sur le rachat de Fast pour améliorer son algorithme de recherche et surtout pour expérimenter la recherche au sein d’applications et de médias « riches ».

Cette session est ponctuée d’excentricités made in Steve B. (qui était réellement déchainé) : Ballmer does the monkey dance again et Steve Ballmer and MacBook Air. Malgré ces pitreries, Steve Ballmer n’en reste pas moins très impressionnant sur scène : une bête d’énergie et de combativité.

Social Networks, where are they taking us?

Une session dédiée aux réseaux sociaux animée par Guy Kawasaki avec Garrett Camp (StumbleUpon), Marc Canter (Broadband Mechanics), Allen Hurff (MySpace), David Morin (Facebook), John Richards (Microsoft), Joseph Smarr (Plaxo).

MIX08_Panel3

 

Les points-clés de cette session :

  • L’avenir est aux communautés éparpillées mais connectées (« Social Mesh« ) ;
  • La migration d’un membre vers un autre réseau social pose de gros problèmes de confidentialité (notamment le déménagement de la liste d’amis : doit-on leur demander leur autorisation ?) qui ne vont pas faciliter la tâche du projet DataPortability ;
  • Le respect des options de confidentialité est essentiel, ces options devraient d’ailleurs être partagées entre les différents réseaux (peut-être un premier domaine d’application pour DataPortability ?)
  • Il est très compliqué de décrire de façon formelle et structurée les relations entre les membres d’un réseau car il y a trop de cas de figure (il en résulterait un processus d’ajout de contact bien trop complexe) ;
  • Il existe de nombreuses autres activités sociales que les réseaux (blogs, micro-blogs, social-shopping…) ;
  • OpenID n’est pas la solution miracle car le mécanisme d’authentification reste complexe (il n’est pas forcément plus simple de se souvenir d’une URL que d’un identifiant) et ne résout pas tout les problèmes (notamment l’ouverture puisque les utilisateurs se retrouvent dérouillés à leur fournisseur d’OpenID.

Je retiendrais deux enseignements forts de cette table ronde :

  1. La notion de social graph semble avoir du plomb dans l’aile, comprenez par là que la cible comportementale (« behavioral targeting« ) d’un membre et de son entourage est extrêmement complexe et pas nécessairement viable commercialement (c’est donc toute la promesse de Facebook qui apparait comme irréaliste, et ce n’est pas de proposer une interface en français qui va y changer quoi que se soit).
  2. Nous nous dirigeons petit à petit vers une nouvelle bulle sociale car les réseaux sociaux sont confrontés à un terrible paradoxe : ils gagnent toujours plus de parts d’audience (donc plus de frais d’hébergement, de bande passante…), concentrent beaucoup d’attention (donc d’exigences) mais ne génèrent que très peu de revenus (leur modèle économique s’apparente à du ramassage de miettes)

La fin de la journée est sans intérêt (deux sessions foireuses).

Séance de rattrapage

Pour celles et ceux qui n’étaient pas à ce rassemblement, je vous rappelle que l’intégralité des sessions sont disponibles en vidéo ici : MIX08 Sessions.

Je vous propose également une petite sélection de liens :

Je me réserve le droit de murir pendant quelques jours mes réflexions sur cette édition 2008 et surtout sur l’interprétation que l’on peut faire des différentes annonces et prises de parole. Attendez-vous donc à un dernier billet dans le courant de la semaine prochaine qui clôturera cette série.

MIX 08 : Jour 1

Aujourd’hui c’est le grand jour car la Keynote nous promet un lot d’annonces (ou pas). Décalage horaire oblige, je me lève à 1 H 30 et en profite pour travailler le temps que le buffet ouvre ses portes. Comme toujours il est grandiose (dans la ball room principale) :

MIX08_Buffet

 

Je prend mon petit déjeuner avec deux personnes de chez Yahoo! à l’humeur morose (est-ce un signe ?).

Keynote

Nous y voilà enfin, Ray Ozzie fait une entrée triomphante sur scène et attaque la conférence pleinière sans trop de chichis.

RayOzzie

 

  • Allusion rapide à l’offre de rachat de Yahoo! (il y travaille encore)
  • La stratégie globale de Microsoft (« framing the big picture« ) va s’articuler autour de deux chantiers : la transformation de l’offre vers un modèle Software and a Service et l’amélioration de leur offre publicitaire (le moteur du web)
  • Objectif N°1 : mettre en œuvre une plateforme publicitaire compétitive pour nourrir un écosystème florissant
  • Le web va progressivement devenir la pierre angulaire de notre expérience sociale (« online social experience« )
  • Nous quittons l’ère du PC (Personnal Computer) pour aller vers celle des terminaux en réseau (« the device mesh« , cf. Ray Ozzie Hints At Mesh—Web Apps Across All Your Devices)

Il envisage 5 scénarios pour les activités de Microsoft :

  • Connected devices, avec une gestion centralisée des préférences et des configurations
  • Connected Entertainement, avec une gestion centralisée des médias et des DRM
  • Connected productivity, avec le principe de « Data on the Cloud » et le trio Office / Office Mobile / Office Live
  • Connected Business, avec leur offre de CRM et leurs Microsoft System Centers (« Services ont he Cloud« )
  • Connected Developpment, avec des équipes et des environnements de travail éparpillés

Les choses sérieuses commencent avec l’arrivée de Scott Guthrie.

ScottGuthrie

 

Il commence par nous donner des détails sur IE 8 :

Suivent ensuite un certain nombre d’annonces sur Silverlight :

  • Disponibilité immédiate de la deuxième version (Download Silverlight 2 Beta 1)
  • 1,5 millions de téléchargements et d’installations par jour (??!!!)
  • Plus de performances et de sophistications pour un plug-in de petite taille (4,4 Mo)

S’en suit un très joli showreel où s’enchaînent différents projets réalisés ou en cours de réalisation avec Silverlight (BMW…) et où il est notamment question de Nexon l’éditeur de nombreux jeux en linge dont j’ai déjà parlé dans un précédent billet (Réseau social + univers virtuel + jeu en ligne = $). Peut-être un premier pas vers les Rich Internet Games ?

Il nous décrit ensuite 3 champs d’amélioration pour Silverlight :

  1. Media, avec le support de vidéos en haute définition, le Adapting Streaming, le Progressive Download et tout un tas d’outils pour mieux rentabiliser et monétiser les contenus vidéo (Ad templates, Overlay Ads…). Nous avons droit à une très impressionnante démonstration du futur site de NBC pour les J.O. :
    NBC_JO  NBC_JObis
  2. RIA, avec une prise en charge des composants graphiques d’interface de WPF (boutons, contrôles, skins…). Une petite démo de la future interface de AOL Mail (cf. Blazing Fast AOL Mail with Silverlight) ainsi que de Memorabilia, une encyclopédie du rock qui repose sur la technologie SeaDragon (cf. SeaDragon In Silverlight: The Coolest Bit From Mix Keynote One) :
    Memorabilia
    Nous avons également le droit à une superbe preview du futur site d’Aston Martin avec de très beaux effets de spacialisation et un magnifique espace client :
    AstonMartin_Silverlight1    AstonMartin_Silverlight2
    De même qu’une application de configuration 3D en WPF à destination des concessionnaires (qui tourne sur un UMPC) :
    AstonMartin_WPF
  3. Mobile, avec le portage de Silverlight sur les terminaux mobiles (Windows Mobile 6 mais également ceux de Nokia). Petite démonstration d’une application de réseau social mobile :
    Silverlight_Mobile

Voilà, cette Keynote s’achève et tout le monde se précipite pour télécharger et installer les beta de IE 8 et Silverlight 2, du coup le réseau wifi s’effondre… Plus de liens sur le blog officiel : Keynote Recap.

En sortant de la salle j’en profite pour me gaver de Redbull car je commence à ressentir la fatigue du décalage horaire.

Redbull

 

Ensuite c’est déjeuner avec Frédéric Bordage et une délégation de chinois à notre table (ils sont venus en nombre cette année).

MIX 08 : J-1

Ça chauffe à Las Vegas : la grande messe annuelle des interfaces riches de Microsoft n’a pas commencée que la tension est très forte.

Il faut dire que les annonces préliminaires fusent de tous côtés, La version 2 de Silverlight est à peine dévoilée (First Look at Silverlight 2) que l’on parle déjà d’une version offline (Offline Silverlight: No current plans but eventually) et d’une version mobile (Silverlight Goes Mobile With Nokia). Hasard du calendrier (ou pas) ceci coïncide en plus avec l’annonce du lancement d’Office Live Workspace (communiqué de presse ici : Microsoft Announces Worldwide Availability of Office Live Workspace Beta).

Ceci tombe à pic puisque Google a de son côté annoncé la disponibilité de Google Gears pour la plateforme Windows Mobile (Google Gears Goes Mobile). Chose surprenante, les versions pour Safari mobile (donc iPhone) et Opera Mobile (donc Symbian) sont programmées, mais la version pour Android ne viendra que dans un second temps (nous réservent-ils quelque chose ?).

Plus d’infos et de spéculations sur les Rich Mobile Applications ici : Adobe, Apple and Microsoft all talking about rich Internet applications on mobile devices.

Si j’étais joueur (après tout nous sommes à Vegas, non ?) je parierais sur l’annonce d’une version offline d’Office Live tournant sur Silverlight 2 mobile.

Vive les transitions !

J’adore les interfaces qui se servent de cinématiques et d’animations pour concentrer l’attention et « poser le décor ». J’ai déjà eu l’occasion de parler des très beaux effets de transition présents dans le Adobe Media Player (plus d’infos ici : TV 2.0 Move it along).

Je vous propose de découvrir l’intérêt de ces transitions sur un site de contenu : Where Life Connects de Linksys.

WhereLifeConnects

 

Ce ne sont pas tant les animations au sein des blocs qui sont intéressantes mais plutôt la façon dont la page se compose : les blocs arrivent ou sont dépliés les uns après les autres. Une manière très intéressante de théâtraliser la mise en scène des contenus et des messages.

Alors bien évidement les pages de ce site sont plus lourdes et bien moins accessibles que du contenu en HTML mais le rendu n’est pas du tout le même. En tout cas cet « OVNI » est un cas d’école tout à fait intéressant dans son genre, plus d’infos sur le blog de l’agence qui l’a réalisé : Where Life Connects: Connecting with customers through email marketing. Vous en connaissez d’autres ?