J’ai un peu de retard pour vous faire mon petit résumé mensuel des billets publiés sur InterfacesRiches.fr, mais c’était uniquement pour ne pas vous saturer de liens.
Au menu des billets du mois de Juin 2008 : des nouveautés, des sources d’infos, un concurrent potentiel pour Flash… Tout est ici :
Une nouvelle page d’accueil pour HP (et alors ?) ;
Première grosse référence française pour Silverlight avec le mini-site de Laguna Coupé ;
De nouvelles expérimentations de représentation de l’actualité ;
Splendide réalisation en Flash 3D pour Eco Zoo (mon coup de cœur) ;
Effet 3D par photomontage chez Canon ;
Une version Desktop pour Pandora ;
Interfaces riches à gogo pour l’U.S. Air Force ;
Immersion et effets visuels impressionnants chez...
Aujourd’hui est un grand jour pour les professionnels du référencement, les flasheurs et toute la communauté web en générale. Adobe vient en effet d’annoncer une collaboration active avec les équipes de Google et de Yahoo! pour améliorer l’indexation des fichiers Flash : Finally, Flash Becomes Truly Searchable.
Petite explication préliminaire : Pour indexer le web Google utilise des robots (les googlebots) qui parcourent les pages d’un site une à une, en analysent le contenu et l’associent à des mots-clés au sein d’un gigantesque répertoire (la fameux index). Problème : Ces robots ne savent lire que le HTML. Ce qui veut dire que les contenus “riches” (vidéos, sons, animations Flash…) ne sont pas indexés. Rien de très...
Voici le résumé de ce qui a été publié le mois dernier sur mon blog dédié aux interfaces riches et au e-commerce :
Potoroze pour aménagement virtuel ;
Humour et immersion chez Coldwell Banker ;
Des voitures avec des gens dedans chez Dodge ;
Vive les démos percutantes ! ;
Les mannequins de La Redoute et de VB2S sur TF1 ;
Un site dans la logique “le beurre et l’argent du beurre” ;
Lancôme fait témoigner les femmes en vidéos ;
Un configurateur à écran unique chez Volvo Se ;
Quels bénéfices pour les RIA ? ;
Des zooms automatiques pour tous ;
Amazon et la longue traîne du web TV shopping ;
Zoomii met en scène les rayonnages riches ;
Les pubs comme on les aiment !
La suite le mois...
Sortez vos agendas car le mois prochain va se tenir un évènement prestigieux : L’Université du SI.
Il s’agit d’un séminaire organisé sur 2 jours (les 2 et 3 Juillet) sur le thème des nouveaux leviers de productivité et de l’évolution durable des usages de l’informatique. Rassurez-vous, cette conférence s’adresse à deux cibles privilégiées (les geeks et les boss) mais les interventions vont être variées et surtout très riches avec des intervenants prestigieux : Neil Armstrong, Michel Serres, Eliyahu M. Goldratt, Guillaume Laforge…
J’animerai pour ma part une session sur l’utilisabilité des applications en ligne. Je parlerai de SaaS, d’interfaces riches appliquées aux applications métiers et aux tableaux de...
Dépêchez-vous car les inscriptions seront très bientôt clôturées. Pour mémoire, j’organise le 10 Juin prochain (en collaboration avec le Benchmark Group) une journée de conférence sur le thème des interfaces riches : Forum RIA 2008, les nouvelles interfaces web.
En participant à cette conférence vous aurez la chance de pouvoir partager le point de vue de nombreux spécialistes (François Barraud, Didier Girard, Rodolphe Aymard, Guillaume Plouin, Jean-Louis Bénard, Thomas Owadenko, Emmanuel Levi-Valensi, Fabien Deshayes, Galdric Pons) et d’annonceurs (Voyages-SNCF, Orange, La Redoute, Monabanq…).
Au cours de cette journée j’interviendrais sur deux thématiques :
Un panorama des interfaces riches ;
Des perspectives d’évolution pour les interfaces riches...
Adobe vient de mettre en ligne une version beta du Flash Player 10.
Une nouvelle version du plug-in Flash à installer d’urgence car la liste des nouveautés est plutôt longue :
Rendu plus riche des textes et typos exotiques ;
Quelques effets 3D et des filtres ;
Le Dynamic Streaming pour optimiser la bande passante ;
Un accès plus bas niveau au système de fichier.
Pour en savoir plus c’est ici : Flash Player 10 Beta Available. Et pour les premières démos c’est là : Feature Demos and Videos.
Rien de très nouveau dans tout ça (car conforme à ce qui avait été annoncé il y a quelques mois). Par contre cette histoire de file system est tout à fait intéressante, et certains y voient même des possibilités d’usages détournés : Flash P2P: Now That’s...
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.
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...
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.
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...
Grosse actualité sur le mois de Mars pour le rich commerce, avec toujours autant de belles interfaces dans le milieu automobile :
L’avenir de la recherche est aux résultats de recherche enrichis
Du rich media très immersif chez Audi
Beaucoup d’innovations également pour les fabricants et distributeurs de fringues :
De l’intérêt des paniers dynamiques
De l’intérêt de proposer un accès immédiat aux autres produits d’une même catégorie
De très bonnes pratiques pour la vidéo en ligne :
Autodérision et vidéos interactives pour Philips
Du bonne usage de la vidéo pour faire de l’événementiel marchand
Des choses un peu plus expérimentales :
Decathlon expérimente les menus en Fisheye
RuDuCommerce et son système de glisser-déposer
Camper.es + Browse...
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 :
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) :
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) :
Je suis une fois de plus séduis par la qualité de...
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…) :
Nous avons ensuite cette très belle courbe censée représentée le...
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 :
| 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...
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...
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 :
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) :
Vous avez enfin dans l’écran de...
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.
L’ambiance est très décontractée, Guy K. est impertinent à loisir 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és aux...
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) :
Je prend mon petit déjeuné 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.
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...
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.
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...
Ç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...
Je m’envole très prochainement pour Las Vegas à l’occasion du MIX, la grande messe annuelle des interfaces riches de Microsoft.
Cette édition 2008 devrait être particulièrement intéressante pour plusieures raisons :
Nous devrions apprendre plein de choses sur la nouvelle version de Silverlight (dont le site vient d’être refait) ;
Il y a une série de conférences spécialement dédiées à l’expérience utilisateur (MIX UX) ;
Certaines rumeurs troublantes devraient être confirmées ou non (Is an offline version of Silverlight coming at MIX next week? - Microsoft about to unveil web-apps strategy?) ;
Vous pourrez suivre la manifestation en direct via Twitter/mix08.
Rassurez-vous, je publierais des comptes-rendus...
Les prochaines semaines vont être riches, surtout pour les interfaces riches. Je m’explique : deux évènements majeurs vont apporter leurs lots d’annonces et de nouveautés.
Tout d’abord l’édition 2008 du MIX de Microsoft qui va se tenir à Las Vegas. Cette manifestation sera visiblement l’occasion du lancement officiel de la nouvelle version de Silverlight. J’ai vraiment hâte d’y aller, d’autant plus qu’ils ont cette année ouvert un cycle de conférences liées à la User Experience : MIX UX. Rassurez-vous je vous en ferais un compte-rendu complet.
Nous avons ensuite le European AIR Tour d’Adobe. Il y a une étape prévue à Paris le 2 Avril prochain que vous ne devez rater sous aucun prétexte. Allez donc consulter la...
Après sa Yahoo! User Interface Library, les équipes de Yahoo! viennent de publier un ensemble de composants graphiques baptisé ASTRA (ActionScript Toolkit for Rich Applications). Pour faire simple, il s’agit de petits bouts de code pour réaliser tout un tas de trucs (menus en arbre, graphiques…).
Après Ajax (via le Yahoo! UI), c’est donc sur la technologie Falsh (et Flex) que les équipes de Yahoo! souhaitent capitaliser et partager son expérience. Pour plus d’infos : Yahoo Releases ASTRA: Set of Flash and Flex Components et Yahoo! Released ASTRA Flash and Flex components.
Bon maintenant nous sommes en droit de nous poser la question si le probable rachat par Microsoft ne va pas les inciter à faire de même avec une bibliothèque de composants graphiques...
C’est avec une certaine émotion que je vous annonce le lancement de l’initiative RichCommerce.fr. Rich comme dans “interfaces riches” et Commerce comme dans “e-commerce“. L’idée est de vous présenter l’actualité et les tendances des interfaces riches appliquées au domaine du commerce en ligne.
C’est une initiative que je lance conjointement avec François Ziserman dont vous connaissez sans doute le blog et la pertinence.
Petit clin d’œil à Michaël qui a travaillé sur le réalisation de ce blog. Un blog qui sera également doublé de conférences (2 à 3 par an si nous sommes réguliers) qui permettront de faire un point sur les dernières tendances et de présenter des études de cas.
La première conférence prendra la...
Dans la série petit module à encapsuler, vous connaissiez-déjà
les widgets audio comme le dew player ;
les widgets audio avec playlist comme celui de Deezer ;
les widgets vidéo comme ceux de Youtube ou Dailymotion ;
les widgets photo comme sur FlickR ;
les widgets radio comme celui de Radio.Blog.Club ;
les widgets de diaporama de SlideShare…
Mais connaissiez-vous les widgets de mini-sites à encapsuler ? Ce service s’intitule Blog Me Site et il convient à merveille aux mini-sites d’artistes (cliquez sur les différents items et notamment sur ‘Audio‘ et ‘Vidéo‘) :
Ce principe est tout simplement révolutionnaire : un site “traditionnel” pour apporter une information complète et un mini-site à encapsuler pour faire vivre...
Oui je sais, il existe déjà de nombreux sites et blogs dédiés aux interfaces riches. Mais quand ce sont les éditions O’Reilly et Adobe qui montent un blog communautaire, alors vous avez tout intérêt à y faire un petit tour : Inside RIA.
Vous trouverez ainsi sur ce blog tout jeune mais prometteur des articles de fond comme What is RIA? ou encore The RIA Elevator Speech.
Chose surprenante : ce blog ne propose qu’un flux Atom, pas de RSS...
Le début d’année est traditionnellement la période propice aux prédictions. Donc sans plus attendre, je me lance dans ce périlleux exercice.
1/ Interopérabilité forcée entre les réseaux sociaux
Depuis l’avènement de la Facebook Platform, pas une semaine ne passe sans qu’un réseau social annonce le lancement de sa propre plateforme d’hébergement d’applications et services tiers (MySpace, LinkedIn, Hi5, Bebo, Friendster). Tout ceci est-il bien sérieux ? Surtout depuis le lancement d’OpenSocial (le framework de Google qui permet d’uniformiser les applications reposant sur des réseaux sociaux).
Alors que les premières expérimentations d’applications multi-plateformes semblent concluantes (voir à ce sujet ILike connects across...
In
Innovation,
Innovations,
Web sémantique,
P2P,
microformat,
facebook,
Web 3.0,
Univers virtuels,
v business,
social shopping,
espace collaboratif,
Réseaux Sociaux,
Web 2.0,
E-commerce,
e commerce,
Interfaces riches,
rda,
ria
Souvenez-vous, il y a quelque temps je vous avais présenté le système de navigation 2 en 1 de Yahoo! Food (une barre de navigation principale qui fait aussi office de chemin de navigation), je vous propose maintenant de découvrir un système de navigation 3 en 1 chez Burton : navigation principale + navigation locale + chemin de navigation avec possibilité de passez d’une branche à une autre (Men, Women, Youth). Et en prime ça ne prend pas trop de place sur le haut de la page :
Vous remarquerez au passage que les planches peuvent être comparées à l’aide de différents critères (5 en tout) mais qu’ils proposent une lecture simplifiée à l’aide d’un critère unique (baptisé ‘feel‘).
Au niveau de la fiche produit, on retrouve ce même...
Yahoo! US vient de publier un très beau tableau de bord pour les élections 2008 : Election 2008 Political Dashboard.
J’apprécie beaucoup ce tableau de bord pour plusieurs raisons :
Il y a une très bonne lisibilité des chiffres et des tendances (typo, taille, contraste…);
La grille de lecture (3/3) facilite le repérage ;
Il y a des très beaux effets de transitions (notamment quand vous cliquez sur un en-tête de colonne pour changer la clé de tri) ;
Il y a des superbes invites visuelles (notamment au survol de la souris sur la photo des candidats ou sur la boîte “What’s this“) ;
Les panneaux flottants affichant le détail par candidat tranchent avec le fond noir et se chargent très rapidement.
Bref, c’est du bon boulot. Par contre je suis...
Ça alors ! Le nouveau site de la SNCF est en ligne depuis vendredi et personne n’en parle ! Est-ce que parce que personne n’y va ?
Bon en tout cas ça va changer car cette nouvelle mouture est surprenante :
Première chose qui frappe : une mise en page tout en Flash avec des petits panneaux qui flottent quand on déplace la souris. Un clic sur un panneau permet de rentrer dans une chaîne thématique (qui propose alors des contenus multimédia) :
Le système de navigation est également très surprenant : une organisation par chaîne ainsi que des menus déroulant en haut de page. Force est de constater que la prise de risque est maximale pour ce design très avant-gardiste.
Il y a heureusement un équivalent HTML pour répondre aux normes d’accessibilité (je...
Je sens que 2008 va être une année charnière pour les applications en ligne : entre Google qui explose les scores d’audience, Adobe qui s’y met, Microsoft qui grince des dents et IBM qui est toujours en embuscade, c’est une sacrée foire d’empoigne qui se profile.
Et pendant ce temps là… une petite start-up est en train de peaufiner un projet d’une ambition sans précédent : Aviary.
Il s’agit en fait d’une suite d’outils en ligne de création : images, dessins vectoriels, 3D, son, musique, vidéo, typographie… tout y est ! Plus qu’une série d’outils, il s’agit d’une authentique chaîne de production en ligne : Aviary promises to be one of the most exciting Web 2.0 apps yet.
Pas de date de sortie...
La version 1.1 de Silverlight n’est pas encore sortie que l’on nous annonce déjà la prochaine version 2.0 : .NET Web Product Roadmap (ASP.NET, Silverlight, IIS7).
Petite séance de rattrapage : Silverlight est une alternative à Flash qui a été lancée cette année par Microsoft. Pour faire simple, c’est un plug-in pour afficher et gerer des interfaces riches (RIA). Problème : Microsoft a 10 ans de retard à rattraper sur MacromediaAdobe. Résultat : les équipes mettent les bouchées doubles pour faire rapidement progresser leur plug-in et pour trouver de nouveaux leviers de différenciation.
A programme des nouveautés de Silverlight 2.0 (prévu pour le 1er trimestre 2008) :
une meilleure prise en charge de WPF (la technologie qui gère les interfaces sous...