Est-ce la mode des contenus augmentés ?

J’ai déjà eu l’occasion de vous parler de différentes expérimentations de réalité augmentée (notamment ici et ) mais la disponibilité récente d’un composant Flash open source semble avoir boosté le nombre de projets faisant appel à cette technique : avatar augmenté, infographie augmentée, brochure publicitaire augmentée, t-shirt augmenté, jeu augmenté… La liste est longue et il en sort tous les jours.

Pour mémoire, la réalité augmentéerend possible la superposition d’un modèle virtuel 3D ou 2D à la perception que nous avons naturellement de la réalité et ceci en temps réel“. Donc dans les exemples précédement cités, la réalité c’est ce que nous voyons au travers de notre webcam, la réalité augmentée c’est la même chose mais avec dess modèles virtuels 2D ou 3D en superposition. Les parebrises de voiture avec affichage “tête haute” de la vitesse c’est de la réalité augmentée. La visite d’un musée avec un casque qui diffuse des explications quand vous entrez dans une pièce ou que vous vous approchez d’une oeuvre, c’est de la réalité augmentée.

Dernière innovation en cours : le teaser augmenté. Et c’est Ubisoft qui ouvre la bal avec le mini-site de teasing de son futur hit Assasin’s Creed 2. En arrivant sur le site les visiteurs ont ainsi droit à une animation mystérieuse façon Leonard de Vinci :

Le teaser du mini-site de Assassin's Creed 2
Le teaser du mini-site de Assassin's Creed 2

Et ensuite… plus rien ! Les internautes sont simplement confrontés à un logo qu’ils peuvent imprimer. Il y a cependant sur le côté droit un petit menu où l’on peut activer sa webcam. Bingo ! C’était donc ça, les contenus ne seront accessibles qu’en les débloquant à l’aide d’une interface “augmenté” (plutôt que de saisir un code, il faut présenter le logo devant sa webcam). Conseil du jour si vous n’avez pas d’imprimante ou si vous ne voulez pas gâcher du papier : prenez en photo le logo et montrer votre téléphone à la webcam (et dites merci à Gaduman pour l’astuce) :

La réalité augmentée en action
La réalité augmentée en action : montrez le picto à votre webcam...

Le procédé est inhabituel (euphémisme) mais la suite est plus amusante car une fois le picto reconnu, du contenu relatif au jeu (en l’occurence une arme cachée dans la manche d’un des personnages) est affiché en surimpression :

...et du contenu relatif au jeu est affiché en suprimpression du picto
...et du contenu relatif au jeu est affiché en suprimpression du picto

Difficile pour le moment de deviner la suite de ce qui va être publié mais je parierais bien sur une animation plus complexe, une séquence du jeu par exemple. Alors oui, vous pourriez me dire que ce dispositif réduit fortement l’audience potentielle car il faut une webcam et une imprimante (ou à défaut un téléphone avec APN) mais l’innovation à un prix et je suis persuadé que dans le contexte particulier de ce jeu, ce pré requis n’est pas un problème pour la cible visée. Dans tous les cas de figure, cette initiative est suffisament originale pour être signalée (vous préférez une newsletter ?).

En tout cas je suis intimement persuadé que la réalité augmentée (tout comme la réalité alternée) est un filon extrêmement porteur pour redonner un coup de jeune au support papier (cf. Webcam Brings 3-D to Topps Sports Cards) avec un potentiel qui pourrait être démultiplié en combinant teasing, street marketing et mobile marketing (des indices sont disséminés dans les rues sous forme de pictos à prendre en photo puis à montrer à votre webcam pour en révéler le contenu).

Si vous avez d’autres exemples, laissez donc les liens dans les commentaires.

TV + Widget = Yahoo Connected TV

Vous avez une télé, vous connaissez les widgets, alors vous adorerez Yahoo! Connected TV. Pour faire simple il s’agit d’une technologie permettant d’installer des widgets sur votre télévision et de consommer des contenus et des services directement depuis votre canapé. Présentée à la dernière édition du CES, la gamme Internet@ TV de Samsung propose ainsi des modèles compatibles qui permettent de consulter des flux RSS tout en regardant un programme :

Premières images de Yahoo! Connected TV
Premières images de Yahoo! Connected TV

Tout se pilote depuis votre ordinateur : vous construisez votre TV dashboard en installant dessus les widgets disponibles (une cinquantaine pour le moment), vous branchez un câble réseau sur votre TV et zou !

Le basculement d’un widget à un autre se fait au travers d’une interface très intuitive en bas de page :

Les widgets disponibles sur Yahoo! Connected TV
Les widgets disponibles sur Yahoo! Connected TV

Vous avez aussi la possibilité de consommer des services Yahoo comme FlickR pour pouvoir consulter des albums photos (à quand Yahoo! Messenger ?) :

FlickR sur Yahoo! Connected TV
FlickR sur Yahoo! Connected TV

Je trouve le principe tout à fait intéressant car il répond à une réalité du marché : la fragmentation de l’audience. En mixant plusieurs flux de contenus au travers d’un même support (l’écran de TV), vous évitez à l’utilisateur de se disperser sur différents terminaux (TV, ordinateur, téléphone) et vous assurez un seuil minimum d’exposition pour les annonceurs (les widgtes sont activés pendant la pub ou un temps creux dans l’émission).

Pour l’instant ce système est propriétaire mais nous pourrions tout à fait envisager une système équivalent pour les fournisseurs d’accès de type triple-play (un rajoutant un module à votre box) ou en open source avec un boitier qui permettrait d’afficher sa page Netvibes en sur-impression des programmes.

En tout cas ce service conforte Yahoo! dans sa position de fournisseur de contenus et services multi-support : web, desktop, mobile, TV… Une pierre de plus dans ce gigantesque édifice qu’est le Yahoo! Social OS.

(via Last100)

Une nouvelle version du panorama des médias sociaux

À la suite de la publication l’année dernière d’une première version de mon panorama des médias sociaux, je suis amené à le faire évoluer tellement l’actualité est chaude et le marché dynamique. D’ailleurs je ne suis pas le seul : The Conversation Prism v2.0.

Cette nouvelle cartographie est maintenant décomposée en 4 grands domaines d’application (expression, réseautage, partage et jeux) et s’articule autour de plateformes sociales qui ambitionnent de couvrir l’ensemble des besoins des internautes.

Panorama des médias sociaux (mars 2009)
Panorama des médias sociaux (mars 2009)

Pour une version plus grande c’est ici : Panorama des médias sociaux (mars 2009).

4 grands domaines d’application

Les différents services et outils présents sur ce panorama sont listés ci-après.

1. Les outils d’expression permettent à un individu de prendre la parole, de discuter et plus généralement à agréger sa production :

2. Les services de partage permettent de publier et de partager du contenu :

3. Les services de réseautage servent à mettre en relation les individus :

4. Les services de jeux en ligne qui intègrent maintenant des couches sociales tèrs développées :

Des réseaux sociaux aux plateformes sociales

Au centre de ce panorama nous allons enfin retrouver les réseaux sociaux (dont certains existent depuis bien avant la plupart des services précédemment cités) qui ont petit à petit évolués pour intégrer toujours plus de fonctionnalités et se transformer en véritables plateforme sociales. La notion de “plateforme” prend ici tout son sens car ces réseaux ont la capacité d’héberger les applications que nous retrouvons dans les quatre grands domaines d’application.

Nous pouvons faire la distinction entre les réseaux sociaux de première génération qui existent depuis plus de 5 ans et oscillent entre 50 et 200 millions de membres (Facebook, MySpace, Friendster, Bebo, Orkut, Skyrock, Hi5, Windows Live) et la nouvelle vague de plateforme sociales qui proposent sensiblement les même choses et comptent entre 20 et 50 millions de membres (Netlog, Imeem, Piczo, Lexode, Hyves, Buzznet, Xanga, Zorpia).

Je me garderais bien de faire une prédiction sur quelle plateforme va croître le plus vite ou remporter le plus de succès auprès des djeunz mais j’anticipe une concurrence très rude pour Facebook qui penne toujours à monétiser son audience alors que ces nouveaux acteurs ont directement intégrés les micro-transactions dans leur modèle économique.

Pour une explication plus complète, je vous invite à consulter le compte-rendu de la conférence que j’ai donné le mois dernier : Quelles opportunités pour votre marque dans les médias sociaux ? (à partir de 6’40”) :

Deux grands absents : Google et Yahoo! (quoi que…)

Vous noterez également dans ce panorama la présence très discrète de Google et Yahoo! qui sont représentés par quelques services mais n’ont pas réussis à s’imposer comme les plateformes sociales de référence. Il y a certes de très belles réussites comme Blogger, YouTube, ou FlickR qui sont des références incontournables mais il faut bien reconnaître que les deux géants se sont fait voler la vedette par Facebook et MySpace.

Quoi que… quand on y réfléchit bien, Google est pour le moment en position de force avec un service comme Gmail (point de médias sociaux sans email) et avec un compte de résultat qui leur laisse le temps de peaufiner leur stratégie “sociale” (acquisition de Twitter ? de FriendFeed ?). Idem pour Yahoo! qui bénéficie toujours d’une très forte audience sur son portail et de services de base comme Y! Mail, Y! Messenger, Delicious, Y! Pipes

J’anticipe cependant une belle bataille autour des services d’authentification permettant aux plateformes sociales d’exister en dehors de leur site web et d’exporter le graph social des membres (lire à ce sujet L’authentification au centre de nombreuses attentions). C’est très certainement dans cette catégorie que les géants comme Google et Yahoo! ont tout intérêt à faire jouer leur légitimité pour garder un minimu de contrôle une audience toujours plus fragmentée.

Je vous invite maintenant à découvrir les différents services présents sur ce panorama et je vous donne rendez-vous l’année prochaine pour une troisième version !

Compte-rendu de la conférence Marketing 2.0

Cette semaine s’est déroulée pour la deuxième année la conférence Marketing 2.0 à Paris (cf. mes comptes-rendus de l’édition 2008 : Jour 1 et Jour 2). Une conférence de qualité car l’organisateur a réussi à faire venir des intervenants de qualité pour pouvoir partager leur expérience autour des médias sociaux.

marketing20

Why is Social Media so Important for Brands?

Première table ronde de la journée dédiée aux médias sociaux et aux communautés de clients. C’est Conny Kalcher de Lego qui prend la parole en premier :

  • Ils ne font aucune campagne traditionnelle envers la communauté car ils sont en contact direct avec les clients et les fans ;
  • Ils utilisent le Net Promoter Score pour mesurer l’attachement à la marque et la faculté des clients à assurer la promotion de la marque et des produits auprès de leurs proches ;
  • Le challenge qu’ils essayent de relever est d’améliorer les ventes et la satisfaction alors qu’elle est déjà largement supérieure à la moyenne ;
  • Ils ont scindé leur communauté de fans en plusieurs segments (en fonction de l’âge), ils ont des clubs, des ambassadeurs et des professionnels certifiés pour assurer l’animation dans chaque pays ainsi qu’un réseau social (My Lego Network) à destination des petits ;
  • En dialoguant avec les fans ils ont mieux compris leur mode de fonctionnement et la façon dont ils détournent les produits (cf. la technique des SNOTStuds Not On Top) ;
  • Ils sont passés de la co-création à des produits générés et produits par la communauté (Lego Digital Designer) ;
  • L’investissement réalisé dans ce dispositif communautaire est marginal, il a été principalement auto-financé (utilisation exclusive de ressources internes) et du coup ne se préoccupent pas trop du ROI, ils sont attentifs aux ventes et aux variations mais l’animation de la communauté fait partie de leurs missions quotidiennes.
Conny Kalcher de Lego
Conny Kalcher de Lego

Deuxième intervention avec Richard Owen de SatMetrix (et NetPromoter.com) :

  • Les médias sociaux sont intéressants pour répondre à un besoin exprimé contrairement aux médias traditionnels où les annonceurs dépensent des fortunes pour créer des besoins ;
  • La publicité traditionnelle est en déclin non pas car le médium est défaillant, mais parce que le message n’est plus adapté ;
  • Les publicités peuvent être très dangereuses quand elles font la promotion de produits ou services défaillants auprès de dizaine (centaines ?) de millions de cibles ;
  • Un bon produit / service n’a pas besoin de publicité (Amazon, Starbucks…) ;
  • Dans certains cas de figure, le bouche à oreille est tellement mauvais que les marques payent les clients pour qu’ils s’en aillent (ex. American Express) ;
  • En aucun cas une campagne de buzz peut améliorer l’image d’un produit ou compenser ses faiblesses (au contraire !) ;
  • N’importe quel produit peut bénéficier d’une dynamique communautaire (ex. Intuit et son logiciel de calcul d’impôts TurboTax qui regroupe plus de 17.000 membres.
richardowen_1.jpg
Richard Owen de SatMetrix

How Brands Integrate Social media into Marketing Strategy and Daily Business?

Deuxième table ronde avec Scott Monty de Ford :

  • Évolution de la posture “Drive one” (ramener des gens en concession) vers “Meet one” (connecter entre eux les propriétaires) ;
  • Plusieurs initiatives menées en interne (@FordOnline, blogs et wikis internes – Fordopedia en cours de création) et en externe (Digital Snippets, Facebook Fan Pages, plusieurs comptes Twitter, The Ford Story…) ;
  • If you love your content, set it free” ;
  • La suite : une meilleure centralisation pour pouvoir diffuser l’information plus facilement et intégration de la voix retour.
scottmonty_1.jpg
Scott Monty de Ford

Charlie Schick de Nokia :

  • Corporation is the body, brand is the personality, social media is the voice” ;
  • Les marques doivent s’inscrire dans une démarche de conversation (ne pas être sur la défensive, écouter de façon respectueuse, être transparent…) ;
  • Make everything search-able, link-able, embed-able, comment-able, feed-adable, tweet-able” ;
  • Ils utilisent un grand nombre de canaux (blog, youtube, facebook, twitter…).

C’est Paula Berg de Southwest Airlines qui a clôturée les témoignages de la matinée, principalement pour nous parler de Nuts About Southwest mais elle parlait tellement vite que je n’ai pas pu noter grand chose.

How Brands Optimize Their Communication On Social Network

Beaucoup de retard pour ma session sur les réseaux sociaux, je ne peux pas diffuser le support car il est la propriété de l’organisateur.

Damien Vincent était là pour nous présenter Facebook :

  • La nouvelle mise en page et les filtres personnels sont là pour luter contre l’infobésité ;
  • Facebook est le 3ème site français en temps passé et le 5ème en nombre de visites ;
  • Le ciblage est simplifié car il n’y a pas de pseudos (les identifiants sont les vrais noms des personnes) ;
  • Ils fournissent un rapport très détaillé sur les cibles d’une campagne et son impact (audience, analyse sémantique…).
damienvincent_1.jpg
Damien Vincent de Facebook

Il y avait également Olivier Hascoat de MySpace :

  • MySpace concentre 55% des dépenses publicitaires sur les réseaux sociaux ;
  • Une présence sur les médias sociaux s’inscrit dans la durée, il faut s’éloigner de la logique campagne / ROI ;
  • MySpace est avant tout un outil d’expression et de découverte (principalement musicale) en plus de la conversation.
olivierhascoat_1.jpg
Olivier Hascoat de MySpace

How Brands Integrate Social media into Marketing Strategy and Daily Business?

Martina Zavagno de Nike Italie :

  • Mission de Nike = apporter de l’inspiration et de l’innovation ;
  • Très belle prolifération virale pour Nike Football avec la vidéo de Guy Ritchie (Take it to the Next Level), avec l’appli iPhone (Nike Goal) ;
  • Leur situation est particulière car ils n’ont pas de cibles mais des fans ;
  • Le plus gros chalenge n’est pas le lancement mais l’animation et la pérénnité.

Alex Hunter de Virgin :

  • Gros challenge = transformer les clients en avocats ;
  • De tout temps les marques ont eu recours à des relais / caution (acteurs ou célébrités, médecins pour les marques de cigarettes…) ;
  • SN is not about people connecting brands but people (ex. le patron de Zappos sur Twitter ou Kevin Rose sur DiggNation) ;
  • Les plus grands leaders sont reconnus car ils se soucient de leurs clients (Richard Branson, Steve Jobs…) ;
  • Il y a amis et amis mais les personnes présente dans le second cercle de connaissance bénéficient toujours d’une meilleure influence que les publicités traditionnelles ;
  • Quelques expérimentations (Explore.Virgin.com, video chat avec Richard Branson…) ;
  • Nouveau site en cours de finalisation (qui va venir compléter Virgin Community) avec une véritable couche sociale et même une monnaie sociale (!) + 1 blog et un tweet pour Richard B.
virgin20_1.jpg
Le futur site de Virgin

Georges-Edouard Dias de L’Oréal :

  • Ils bénéficient d’une très grosse comunauté au Brésil grâce à Orkut (depuis août 2005) ;
  • Ils organisent régulièrement des rencontres avec les blogueurs pour présenter les nouveaux produits (Lancôme il me semble) ;
  • Ils expérimentent une vaste campagne sur Facebook avec une application pour les body motivées et les body pokes ;
  • Social media is like a party, you have to invite users“.

Sven Markschläger de Jägermeister (une marque d’alcool allemande qui communique beaucoup sur un lifestyle extrême et sur la virilité) :

  • Ils ont une approche très locale concentrée sur l’image de marque car ils ne peuvent pas vendre en ligne (ni faire de publicité dans la plupart des pays-cibles) ;
  • La technologie n’est pas un facilitateur, ça peut être une barrière (notamment les Flashcode qu’il juge encore beaucoup trop immature) ;
  • Les vidéos virales sont dangereuses car elles ne sont pas forcément pertinentes et parce qu’elles ne permettent pas de créer de connexion durable avec les cibles (et pourtant une vidéo comme My New Haricut totalise près de 22 millions de visionnage) ;
  • Ils ont investi plus de 2,5 millions d’Euros dans une campagne de no-marketing pour un produit inexistant (d’après lui c’est l’opération la plus rentable de ces dernières années).

Bilan de la conférence

Très intéressant tout ça, quel dommage par contre de ne pas avoir pu assister à la seconde journée de la conférence (dédiée aux agences). Je retiendrais de cette journée un énorme élan d’enthousiasme envers les médias sociaux portés par les représentants de grandes marques, c’est très bon signe.

Si je devais résumer les enseignements de ces témoignages :

  1. Une présence au sein des médias sociaux s’inscrit dans la durée (plusieurs années) ;
  2. Oubliez les campagnes de buzz et concentrez vous sur le dialogue avec votre communauté (le vrai dialogue, pas une simple application Facebook) ;
  3. Les médias sociaux ouvrent de nombreuses opportunités pour aborder différement la gestion de la relation client et la gestion de l’image de marque ( il n’est absolument pas question de ROI sur une campagne de 15 jours).

Vivement la prochaine édition !

Mes 3 sites coup de coeur du moment (mars 2009)

Je continue dans ma lancée avec une série de 3 nouveaux sites que j’apprécie particulièrement.

Commençons avec Schwan’s, un site marchand de plats préparés :

La page d'accueil de Schwan's
La page d'accueil de Schwan's

Ce qui frappe d’entrée sur cette page c’est ce petit côté retro avec ces couleurs pastel et ces typos légèrement kitchs. Il y a aussi un très bon travail au niveau des cadres (notamment le bas de page) et des titres. L’ensemble est dynamique, pas trop saturé et plutôt incitatif.

Dans un totu autre style il y a aussi Silverback, un solution pour les tests utilisateurs :

La page d'accueil de Silverback
La page d'accueil de Silverback

Nous sommes là dans un très bon exercice de minimalisme avec une bonne mise en scène des bénéfices et des boutons d’appel à l’action au format XL. Vous apprécierez au passage le côté nounours de ce gorille ainsi que le thème “jungle” qui réchauffe la page. Pour une analyse plus poussée c’est ici : A Strong Homepage Design Dissected.

Il y a enfin Powerset, un moteur de recherche spécialisé pour Wikipedia :

La page d'accueil de Pwerset
La page d'accueil de Pwerset

Là encore un bon travail de minimalisme mais un gros effort de réalisé sur la typo et l’orchestration de la promesse, nous sommes loin de l’austérité de Google ! J’apprécie particulièrement l’effet de profondeur donné à la typo du centre de la page, il y a également une tendance hypnotique relayée par ce post-it qui traîne à droite (simple mais efficace).

Et vous, quels sont vos coups de coeur ?

Mariages, divorces et disputes sur les médias sociaux

Non ce billet ne va pas parler des multiples rebondissements dans les histoires de marriage entre Microsoft et Yahoo! ou Facebook et Twitter mais plutôt des histoires de couple sur les médias sociaux, et il y en a pour tous les goûts.

Pour commencer je vous propose de découvrir Marries on MySpace, une émission de webTV réalité produite par Endemol ou les internautes choisissent un couple (en fonction des vidéos soumises), prennent par aux décisions (choix de la robe de la mariée et des costumes des garçons d’honneur) et assistent en direct à la cérémonie :

Marriage en direct sur MySpace
Mariage en direct sur MySpace

Pour vous donner envie, voici le trailer :

Plus d’infos ici : MySpace Now Pronounces You Man and Wife.

À l’opposé du spectre, je vous propose également de découvrir DivorceNetwork, un réseau social pour les divorcés. Le site précise que vous n’avez pas besoin d’avoir “consommé” votre divorce, vous pouvez vous inscrire si vous êtes en pleine procédure ou si vous y réfléchissez.

Le réseaus social des divorcés
Le réseau social des divorcés

Peut-être devrions recommander ce site à ces deux malheureuses femmes : Wife Learns of Divorce via Facebook Status Update et Jennifer Aniston ended relationship with John Mayer because of his Twitter ‘obsession’.

Et enfin j’ai gardé le meilleur pour la fin avec ce service qui se positionne à mi-chemin entre les deux précédents : SideTacker est une plateforme pour les couples en détresse qui souhaitent avoir recours à une médiation collaborative. Le principe est simple : un membre du couple publie le sujet de discorde (exemple croustillant ici : Never Flushes The Toilet, Not Lazy – Cheap), propose un “droit de réponse” à son conjoint et laisse la communauté s’exprimer. Au bout d’un moment un consensus émerge pour savoir si le couple doit oublier cette dispute ou divorcer.

SideTacker et la médiation collaborative
SideTacker et la médiation collaborative

Bon rassurez-vous il y a également une section pour les “simples” conseils qui n’appellent pas forcément à une décision collégiale sur l’avenir du couple.

Je ne me prononcerais pas sur la moralité de ces différents services mais je trouve qu’il y a tout de même un net progrès par rapport à Hot or Not, non ?

Un sans faute pour le nouveau site d’Electronic Arts ?

Je viens de découvrir la toute nouvelle version du site d’Electronic Arts et je dois avouer avoir été scotché par cette nouvelle réalisation. En fait je me demande même s’ils n’ont pas réussi le sans-faute… Il y a tout d’abord cette superbe page d’accueil avec beaucoup d’images, plein de trucs à cliquer tout en conservant une excellente lisibilité :

La page d'accueil d'Electronic Arts
La page d'accueil d'Electronic Arts

Les raisons qui font que j’aime cette page d’accueil :

  • La grille de lecture est sobre et visuellement très légère ;
  • Le haut de page est très bien orchestré avec une élégante intégration du logo, de la barre de navigation et du moteur de recherche ;
  • Il y a beaucoup d’espace entre les blocs (ce qui fait “respirer” la page et ne sature pas l’oeil) ;
  • Les différents éléments sont bien hiérarchisés avec une emphase sur “Browse Games” et “Featured Spore Creatures” (pour compenser avec les autres éléments aux couleurs plus vives) ;
  • La page est structurée sur un bloc centré à largeur fixe, mais si vous agrandissez la fenêtre de votre navigateur le fond est “habillé” d’une très belle illustration.

Il y a ensuite un certain nombre de détails que j’adore, à commencer par le menu de navigation surdimensionné avec un très bon cloisonnement de l’information et une mise en avant :

Le menu de navigation surdimensionné
Le menu de navigation surdimensionné

Une sacrée coïncidence car j’ai justement rédigé un billet hier au sujet des menus XL et des plan de site dans le footer (ce que propose également ce site) : Soignez vos extrémités (menu et pied de page).

Le site propose également un très bon carrousel avec une petite barre qui permet d’anticiper le changement de vignette :

Le caroussel avec barre de défilement
Le carrousel avec barre de défilement

Il y a également un autre carrousel avec une présentation en accordéon très original :

Le second caroussel en accordéon
Le second carrousel en accordéon

Et il y a enfin une barre d’outil en bas de l’écran (qui reste à sa place quelle que soit la position dans la page) où l’on retrouve l’accès aux autres sites du groupe, le changement de langue, la création de compte… avec à chaque fois des panneaux flottants de toute beauté :

La barre d'outils en bas d'écran
La barre d'outils en bas d'écran

Le reste du site est plus classique (quoi que toujours aussi efficace). Mention spéciale pour la page de News qui présente un design élégant mais moderne (cf. nuage de tags) ainsi qu’un très bon moteur de filtres à gauche :

La page de news
La page de news

Bref, je suis vraiment sous le charme de cette nouvelle version car elle concentre un ensemble de bonnes pratiques dans un tout cohérent et de très bon goût.

Et vous ne savez pas le pire ? L’URL de ce site (EA.com) est l’anagramme d’un autre site que j’adore (AE.com). C’est fou, non ?

Mes réflexions sur Silverlight 3 et la stratégie RIA de Microsoft

L’édition 2009 du MIX s’achève et comme à chaque fois, Microsoft nous a régalé avec de nombreuses annonces. Oublions le faste et les paillettes de Las Vegas pour prendre du recul et analyser à froid (tiède ?) la teneur de ce qui a été annoncé.

mix09_canyon_1.jpg
Adieu Las Veags et le Grand Canyon

Silverlight 3 et IE8

Annoncé il y a moins de trois ans, Silverlight en est déjà à sa troisième version. Une version par an c’est beaucoup, c’est même énorme pour un acteur de la taille de Microsoft. La preuve qu’ils mettent les bouchées double pour rattraper leur retard sur Flash et s’imposer sur un créneau où Adobe a beaucoup de mal à s’implanter : les RIA d’entreprise. Car ce sont bien les entreprises qui sont la cible principale de Microsoft, tout est fait pour capitaliser sur le framework .Net sur lequel Microsoft a énormément investi (temps et argent).

Le grand public n’est pas en reste avec un focus sur le streaming vidéo et la HD. Petit à petit Microsoft est en train de faire mûrir son offre et sa légitimité avec des partenariats industriels (notamment Akamai) et des partenaires média (NBC, France Television…). Cette approche verticalisée me fait penser à celle d’Apple et QuickTime qui s’est imposé sur la niche des bandes annonces. Sur ce créneau, les ambitions sont clairement affichées : concurrencer le marché des DVD avec de la VOD de qualité et les services qui vont avec. Les disques Blu-ray sont-ils également menacés ? Pourquoi pas, c’est juste une question de débit.

Concernant IE8, il n‘y a pas grand chose à dire : ils sont complètement largés face à une concurrence acharnée de la part de Mozilla (Firefox), Google (Chrome), Apple (Safari) et même Opera. Mon analyse : à quoi bon se battre pour conserver les parts de marché des navigateurs alors qu’ils peuvent noyauter les concurrents avec Silverlight ?

Expression

Débarqué récemment sur un terrain où on ne les attendait pas du tout, Microsoft continue de capitaliser sur la suite Expression qui adresse trois populations distinctes : les designers avec Design, les intégrateurs avec Web et les animateurs avec Blend (désolé pour ce terme barbare mais je n’ai rein trouvé de mieux). Avec SketchFlow il adresse une nouvelle cible (les concepteurs) qui jusque là avait été largement délaissée (laissant quelques miettes à des acteurs de niche comme Axure).

Intégrer un quatrième profil est donc une très bonne chose car ils remontent ainsi encore plus haut dans la chaine de création et peuvent à terme lancer un quatrième produit (qui pourrait potentiellement s’appeler “Flow“).

Restera alors une cinquième population à cibler (les chefs de projet) qui seraient ravi d’avoir entre les mains un outil de pilotage du projet et de collaboration (avec les équipes internes / externes, le client…). Pourquoi pas une offre hébergée à la Basecamp ? Cela collerait tout à fiat avec la philosophie S+S chère à Ray Ozzie.

Un effort considérable est également réalisé pour développer l’écosystème SL et pour mobiliser une communauté de développeurs (une extension de MSDN ?). Macromedia disposait d’un écosystème incroyablement dense qu’Adobe n’a pas su conserver (changement de marque et de cible). Il y a donc des places à prendre pour convaincre une communauté que la complexité de la gamme Adobe peut rendre sceptique (Photoshop vs. Illustrator vs. Fireworks, Flash Pro vs. Flex Builder…). Sur ce point précis, Microsoft n’a pas a gérer la complexité de l’héritage de nombreux produits.

J’attends donc avec impatience la réponse d’Adobe avec le futur Flash 11 et surtout avec l’évolution de Flash Catalyst, et je vous donne rendez-vous l’année prochaine pour découvrir Silverlight 4 !

MIX 09 : Jour 2 (suite)

Les conférences s’enchaînent au MIX09 et les premières vidéos officielles sont déjà disponibles ici : Live.VisitMix.com.

Wireframes That Work: Designing Rich Internet Applications

Présentation par Aaron Adams de Cynergie Systems sur les techniques de prototypage d’interfaces riches :

  • Il est essentiel de démarrer sur le papier pour laisser s’exprimer la créativité sans se faire parasiter par l’ordinateur (email, Twitter, alertes Facebook…) ;
  • Importance également de bien travailler la hiérarchisation de l’information pour les applications métier (“info containers“) ;

    Le principe d'info container en action
    Le principe d'info container en action
  • SketchFlow vient combler un vide dans les outils de conception avec une intégration cohérente dans la chaine de production.

    Le sketchFlow Viewer
    Le sketchFlow Viewer

Décidément, SketchFlow n’en finit plus de ravir les concepteurs d’interfaces riches. Quel dommage qu’il ne soit pas encore disponible en téléchargement !

Xbox Brainstorm to Delivery

Une présentation de Charles Duncan de l’agence AKQA sur l’expérience multi-canal de jeux Xbox ou PC :

  • Collaboration et itérations sont deux éléments clé de l’innovation, à contrario les processus de création en cascade ou trop séquencés sont néfastes ;
  • Pour Fable 2, ils ont voulus exploiter la philosophie du jeu (votre personnage évolue en fonction de ses choix / actions) avec des vidéos interactives façon “Livre dont vous êtes le héro” et des points de récompense (Microsoft Points) utilisables dans la Xbox Live Marketplace ;

    Le mini-site pour Fable 2
    Le mini-site pour Fable 2
  • Le dispositif multi-canal va même plus loin avec une présence étendue sur les médias sociaux et les mobiles ;
  • Pour Lips (une sorte de Karaoke pour Xbox), ils ont exploité Silverlight pour reproduire différentes ambiances afin d’illustrer la convivialité du jeux ;
  • Pour Gears of War 2, ils ont mis en ligne une série de vidéos donnant des indices sur l’emplacement de goodies contenant des codes.

    Les goodies de GoW
    Les goodies de GoW
  • A chaque fois qu’un utilisateur trouvait un goodies, il devait s’inscrire sur le site et saisir le code pour débloquer de nouvelles vidéos et gagner des points. Un dispositif à la fois communautaire et collaboratif pour mettre en avant le mode de jeux à 2 du titre.

    Le mini-site très immersif de GoW2
    Le mini-site très immersif de GoW2

Trois très bons exemples de dispositifs multi-canal novateurs.

Après 2 journées de conférences (et de soirées) intenses, je sens très nettement l’attention des participants qui se dégrade. La preuve avec le stand Rock Band où il y a de plus en plus de monde :

Le stand Rock Band au MIX09
Le stand Rock Band au MIX09

Interview de Chris Swenson

J’ai eu la chance de pouvoir interviewer Chris Swenson, Senior Strategy Manager pour la .NET Platform.

MIX09_Swenson_1.jpg
Chris Swenson au MIX09

À propos de Silverlight :

  • La cible “grand public” est adressée au travers des capacités vidéo HD de SL3, les fonctions de Smooth Streaming et de pause en fon un authentique concurrent au DVD (à ce sujet ils sont en recherche active de partenaires média en Europe) ;
  • La cible “Entreprise” est elle plus concernée par les capacités offline et “out of the browser” de SL3, ils travaillent également à la création de partenariats avec des gros acteurs industriels comme SAP ;
  • L’écosystème SL est en pleine expansion, ils misent notamment beaucoup sur la communauté de développeurs qui développent des composants.

À propos de la suite Expression :

  • SketchFlow est vraiment une avancée majeure dans la maturation de la suite ;
  • Ils ne comptent pas faire de portage de la suite sur Mac, mais il existe un support d’Eclipse (Eclipse4SL) grâce aux équipes de Soyatec (cocorico !).

À propos de la complémentarité Silverlight / WPF :

  • SL est parfait pour les applications légères et pour un usage occasionnel d’applications métier ;
  • Un scénario intéressant serait de réaliser une application en SL puis de faire un portage WPF pour avoir plus de stabilité et de puissance.

À propos de la mobilité :

  • Windows XP représente 85% du marché des OS de netbooks et ils espèrent faire beaucoup mieux avec Windows 7 ;
  • Silverlight sera parfait pour pouvoir exploiter des applications en mode offline (notamment pour les équipes nomades) ;
  • La version mobile de Silverlight a pris du retard car ils veulent réellement assurer une parfaite compatibilité.

Voilà, une interview très enrichissante et surtout de très grosses ambitions affichées.

MIX09 : Jour 2

2 H 45 : Réveil à nouveau très matinal. Décidément je ne suis pas très doué pour gérer le décalage horaire.

4 H 20 : Plus de WiFi dans ma chambre. Pas grave, je peux continuer à travailler sur mes projets.

4 H 30 : Plus de courant dans ma chambre. J’ai comme l’impression que l’hôtel essaye de m ‘envoyer un message… Du coup je déménage dans le hall du casino où il y a du WiFi gratuit (et du courant) :

Mon nouveau bureau...
Mon nouveau bureau...

7 H 30 : Ouverture du buffet, discussion animée à table au sujet de l’impact du mode “InPrivate Browsing” d’IE 8 sur la mesure d’audience et toute la chaine de tracking.

8 H 55 : Début imminent de la seconde keynote avec normalement une présentation en détail de IE 8.

Keynote

Dean Hachamovitch commence la keynote pour présenter IE 8 :

  • A great browser for people who use the web and protect them from attacks” ;
  • Disponible dès maintenant au téléchargement et à la mise à jour (cf. Internet Explorer 8 Final Available Now) ;
  • Ils se sont basés sur les usages de millions d’utilisateurs pour concevoir cette nouvelle version ;
  • Nouvelle barre d’adresse et de recherche (Instant Search) ;

    La nouvelle barre de recherche dans IE 8
    La nouvelle barre de recherche dans IE 8
  • Historique de navigation sur les nouvelles pages ;
  • Regroupement des onglets par site (mise en évidence à l’aide de couleurs) ;
  • Chaque onglet fonctionne de façon isolée ;
  • Performances et sécurisation améliorée (phishing, malware…) avec un mode InPrivate Browsing ;
  • Meilleure compatibilité avec les standards CSS 2.1, support partiel de HTML 5 ;
  • Web Slices = widgets directement dans la barre de favoris ;
  • Accelerators = raccourcis vers des fonctions-clés à partir d’une portion de texte sélectionnée ;
  • Prévisualisation d’images dans la barre de recherche.

Pour avoir une vision plus détaillée sur cette nouvelle version je vous recommande l’article d’Alsacréations : Internet Explorer 8. En bonus, cette vidéo “virale” sur l’histoire de l’internet :

Vient ensuite une présentation en complète rupture par rapport aux autres prises de parole – Deborah Adler sur comment changer les comportements grâce au design :

  • Présentation d’un travail de recherche sur le redesign des boîtes de médicament ;
  • Nouvelle forme de boîte (plus facile à ouvrir) avec un emplacement pour la notice, une loupe pour mieux lire les instructions et une étiquette qui indique la fréquence des prises ;

    Premiers prototypes de boîtes de médicaments
    Premiers prototypes de boîtes de médicaments
  • Mise en page standardisée de l’étiquette frontale avec hiérarchisation de l’information et code couleur pour les différents membres de la famille ;
  • Ce travail a été présenté aux autorités fédérales et à un gros distributeur (Target) qui a développé une marque (ClearRx).

    La verison finale de ClearRx
    La verison finale de ClearRx

Une session très différente de ce que nous avons vu précédemment qui vient illustrer l’importance de la phase de “recherche terrain”.

En sortant de la grande salle de conférence, je tombe sur un tournoi de ping-pong, c’est fou, non ?

MIX09_PingPong_1.jpg
Tournoi de ping-pong au MIX09

À suivre…