FredCavazza.net

Grande conférence sur les interfaces riches le 10 Juin 2008

9 mai 2008

Réservez votre 10 Juin prochain car j’organise avec le Benchmark Group une journée de conférence sur le thème des interfaces riches : Forum RIA 2008, les nouvelles interfaces web.

RIA2008.jpg

Cette conférence sera l’occasion de :

  • Faire le point sur les usages des interfaces riches dans différents contextes ;
  • Décortiquer les meilleures pratiques (vidéo, référencement, utilisabilité…) ;
  • Découvrir les différents outils et méthodes de conception liées aux RIA ;
  • Ecouter les retours d’expérience de différents annonceurs (sites marchands, applications métier…) ;
  • Faire un peu de prospective sur les tendances à venir (et notamment la 3D).

J’interviendrais sur deux thématiques : un panorama des interfaces riches (d’un point de vue fonctionnel et non technique) et des perspectives d’évolution. D’autres intervenants viendront prendre la parole tout au long de cette journée avec des spécialistes (François Barraud, Didier Girard, Rodolphe Aymard, Guillaume Plouin, Jean-Louis Bénard, Thomas Owadenko, Emmanuel Levi-Valensi, Fabien DeshayesGaldric Pons) et des annonceurs (Voyages-SNCF, Orange, La Redoute, Monabanq…).

Pour avoir un avant-goût de cette journée, je vous propose de découvrir les intervenants en interview vidéo : RIA 2008.

A l’occasion de cette manifestation, le Benchmark Group organise une grande enquête pour sonder et marché et évaluer la maturité des professionnels du web à laquelle je vous invite à répondre : Interfaces riches : votre opinion, votre expérience, vos projets.

Et pour couronner le tout, je suis en train de finaliser le lancement d’un nouveau blog : www.InterfacesRiches.fr (le lien n’est pas encore actif).

Ouf ! Plus d’infos très bientôt…

RDV Jeudi prochain à Paris pour le REMIX08

10 avril 2008

C’est jeudi prochain qu’aura lieu l’édition française du MIX, la grande messe des interfaces riches et de l’expérience utilisateur de Microsoft : REMIX08.

REMIX08.jpg

Au programme de cette édition 2008 : des démonstrations, des tables rondes, des études de cas… Plusieurs thèmes seront abordés : les usages de la vidéo, l’utilisabilité, le référencement, Silverlight… Le tout clôturé par une soirée des Designers Interactifs.

C’est gratuit alors profite-en pour vous inscrire !

Point de Steve Ballmer cette année, mais un invité de marque : Surya Vanka (le Design & Usability Training Manager) que j’essayerai d’interviewer pour vous.

Je vous donne donc rendez-vous jeudi prochain.

L’actualité du Rich Commerce (Mars 2008)

9 avril 2008

Grosse actualité sur le mois de Mars pour le rich commerce, avec toujours autant de belles interfaces dans le milieu automobile :

Beaucoup d’innovations également pour les fabricants et distributeurs de fringues :

De très bonnes pratiques pour la vidéo en ligne :

Des choses un peu plus expérimentales :

Nous avons eu quelques soucis avec la vidéo de la matinée Rich Commerce (gros problèmes de disponibilité et de bande passante), mais nous travaillons à une solution de secours…

Encore plus d’interfaces riches pour la finance en ligne

7 avril 2008

Suite à un précédent billet sur le sujet (cf. ), Alexandre M. me signale que la section IRA du site Bank of America propose également une interface riche de toute beauté : Individual Retirement Accounts.

Il y a tout d’abord un très bon tutoriel pour les novices ainsi qu’un assistant avec une voix off très agréable :

BoA_RIA_1.jpg

Il y a également un très bon tableau de synthèse avec des glissières très simples à utiliser (plus large que la moyenne) :

BoA_RIA_2.jpg

Et ça continu jusqu’à l’entrée du tunnel de conversion avec de très belles cinématiques d’ouverture de page et de transition. Vous noterez au passage la qualité de la signalétique (guidage très fort de l’œil vers les boutons d’action) :

BoA_RIA_3.jpg

Je suis une fois de plus séduis par la qualité de cette section du site, c’est propre, très agréable, incitatif et terriblement efficace. Rien à redire.

Interfaces riches + finance en ligne = €€€

3 avril 2008

J’ai découvert hier la nouvelle version de l’outil de planification financière de E*Trade : Retirement QuickPlan (cliquez sur la boîte à droite de l’écran). Non seulement c’est un modèle d’ergonomie (lisibilité, incitation) mais l’expérience d’utilisation est des plus satisfaisante. Comprenez par là : on s’y amuse parce que les images sont belles. Images ? Non pas tout à fait, ça serait ne pas faire justice aux très beaux effets cinématiques des courbes et autres outils de visualisation.

Mais commençons par le commencement avec un très bel écran d’accueil sous forme d’assistant à choix fermés (rythme d’épargne, objectifs…) :

QuickPlan_1.jpg

Nous avons ensuite cette très belle courbe censée représentée le planning d’épargne qui doit vous permettre de financer votre retraite dorée (on peut en plus déplacer des glissières pour modifier la courbe) :

QuickPlan_2.jpg

Vous avez ensuite ce superbe écran récapitulatif avec cet histogramme dont je ne sais pas trop à quoi il sert si ce n’est à en mettre plein la vue :

QuickPlan_3.jpg

Force est de constater que les équipes d’E*Trade savent s’y prendre pour vous faire rêver avec une application très rébarbative (mettre de l’argent de côté pour financer la retraite que l’État ne pourra pas vous verser). Tout est ici mi en œuvre pour faciliter le décryptage des informations : les formes, les contrastes, les proportions, les graphiques (éléments centraux des pages)… Le résultat est à la fois très ludique (on peut jouer avec les glissières) et informatif (les montants sont réels).

Bref, vous aurez compris que je suis séduis par cet outil auquel je délivre le titre honorifique de “Best Practice“. (via RIApedia)

Et tant que nous sommes dans la finance, j’en profite pour vous parler du tout nouveau Stock Screener de Google Financer : encore un bel exemple d’interface de recherche simple mais efficace. Même si le design est à la limite de l’austérité, cette interface remplit parfaitement sa fonction. Il faut bien avouer que le Stock Screener de Yahoo! Finance à prit un sérieux coup de vieux ! (via Google Operating System)

Diaporama et vidéo de la matinée RichCommerce

2 avril 2008

Je n’ai pas voulu publier ce billet hier car vous auriez pu le confondre avec un poisson d’Avril. Il faut dire que l’attente à été particulièrement longue mais tout est maintenant en ligne.

Tout d’abord le diaporama de la matinée Rich Commerce organisée le 19 Février dernier chez Adobe :

SlideShare | View

Ensuite la vidéo chapitrée de cette conférence que vous retrouverez sur le blog RichCommerce.fr : Vidéo de la matinée “Rich Commerce” en ligne !. Il se peut qu’il y ait des ralentissements sur la vidéo alors soyez patients.

Mes réflexions autour de Silverlight 2 et du MIX08

13 mars 2008

Suite à une série de billets publiés sous forme de compte-rendu, je me livre maintenant à une analyse à froid de la stratégie de Microsoft sur les interfaces riches et sur Silverlight en particulier.

Silverlight est là pour durer

Au vue de l’ambition et des moyens qui sont engagés par Microsoft, il est clair que les interfaces riches est un créneau (marché ?) que Microsoft veut investir durablement. Traduction : ils mettent le paquet pour réussir.

Ce n’est donc pas un hasard si Silverlight est proposé dans les mises à jour de Windows, le déploiement doit se faire rapidement.

Deux leviers de différenciation

Pour rattraper son retard sur Flash, Silverlight doit trouver sa place dans un marché un quête d’un second souffle. Microsoft a donc choisi de miser sur deux critères de différenciation : La vidéo HD et les applications d’entreprise.

Le premier car ce créneau est encore quasi vierge (du coup Adobe contre-attaque avec son initiative HD Video). Le gros partenariat avec NBC pour la retransmission des J.O. devrait jouer un rôle important dans l’évangélisation de Silverlight auprès du grand public.

Le second car Adobe a du mal à pénétrer ce marché et que Microsoft dispose déjà d’une très importante base de clients et de développeurs (lire à ce propos un billet de l’année dernière : Réflexions autour de Silverlight). La mise à disposition d’un ensemble de composants standards d’interface (boutons, menus déroulant, champs…) est ainsi un premier pas vers une approche industrialisée du développement de RIA d’entreprise.

Un discours tourné vers les annonceurs

Force est de constater que Microsoft ne s’embête pas trop à séduire les utilisateurs, ce serait un chantier bien trop laborieux et inutile (surtout avec Deux sites qui se font concurrence : microsoft.com/silverlight et silverlight.net).

Microsoft préfère concentrer son attention sur les annonceurs en leur fournissant des outils qui facilitent la monétisation des contenus :

  • L’intégration native de la gestion des publicités au sein de l’environnement de développement (ad templates) qui permet de gérer l’apparition de bannières à des moments précis de la timeline ou sur déclenchement d’un évènement, de gérer leur comportement, d’afficher des bannières transparentes en sur-impression (ad overlay) ou encore de faire du tracking ;
  • La possibilité de faire du téléchargement progressif (progressive download) pour ne pas gâcher de la bande passante inutilement (améliorant ainsi les coûts d’exploitation) ;
  • La possibilité d’activer la gestion dynamique de la bande passante (adaptive streaming) qui permet de réduire la qualité d’une vidéo pour ne pas interrompre le streaming (et donc l’affichage des fameuses bannières).

Bref, vous l’aurez compris, ils ont pensé à tout et les annonceurs / agences ne seront pas sourds à ces outils très précieux.

Quid des outils de conception ?

Je ne sais pas pour vous mais j’ai la très désagréable impression d’être la troisième roue du carrosse. Je m’explique : pour faire un site web ou une application en ligne, vous avez besoin de trois types d’intervenants : les designeurs qui s’occupent du look&feel, les développeurs qui s’occupent de la programmation et de la viabilité technique, les architectes fonctionnels qui se chargent des aspects métiers et de l’utilisabilité.

Microsoft tout comme Adobe concentrent tout leurs efforts sur les designeurs et les développeurs, mais ne s’adressent pas du tout aux concepteurs. C’est très dommage, car ces trois métiers travaillent de concert et devraient partager le même environnement de travail.

Je rêve ainsi d’une plateforme unifiée servant à faire la conception graphique, technique et fonctionnelle d’une RIA. Une plateforme de conception où il serait possible de :

  • Créer des arborescences ;
  • Modéliser des processus métiers ou des parcours clients (sous forme de use cases) ;
  • Faire du prototypage rapide sur des écrans fonctionnels (appelé ça comme vous voulez : storyboard, wireframe…) ;
  • Décrire le comportement des interfaces et des différentes modalités d’interaction (des sortes de mini-specs).

Jusqu’à présent l’offre des grands éditeurs est inexistante sur ce créneau, il n’existe que des acteurs de niche comme Norpath ou Axure.

Pour l’instant je n’ai entendu que des rumeurs et bruits de couloir : une extension à la suite Expression pour Microsoft et un certain projet “bordeaux” chez Adobe (un outil à mi-chemin entre Fireworks et Thermo).

2008 sera une année décisive

Je suis intimement persuadé que 2008 va être une année charnière pour les interfaces riches où tout va se jouer en quelques trimestres. Les enjeux sont de taille et le web 2.0 se cherche un second souffle, la bataille s’annonce donc épique avec un probable point culminant pour les sorties officielles de Silverlight 2 et Flash 10.

En attendant, Microsoft (tout comme Adobe) poursuit son travail d’évangélisation et de séduction. Espérons qu’ils n’oublieront personne en chemin (cf. mon paragraphe sur les outils de conception).

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

11 mars 2008

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)

9 mars 2008

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

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

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

6 mars 2008

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

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

  • 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.jpg

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.jpg NBC_JObis.jpg
  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.jpg
    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.jpg AstonMartin_Silverlight2.jpg
    De même qu’une application de configuration 3D en WPF à destination des concessionnaires (qui tourne sur un UMPC) :
    AstonMartin_WPF.jpg
  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.jpg

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

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

Page 1 sur 812345678»