Kelkoo + Mac OS = Shopping Path

Suite à un précédent billet sur un moteur de recherche marchand (BrowserGood, à mi-chemin entre Google Maps et Amazon), je vous propose de découvrir un autre concept d’interface marchande : Shopping Path.

Logo de ShoppingPath

Le principe de cette interface marchande comparative est de reproduire le mode de visualisation et le comportement du Dock de Mac OS avec un principe de grossissement au survol de la souris dont vous pouvez voir un exemple sur le site CrispyShop qui exploite le catalogue de Yahoo! Shopping.

Concrètement, vous choisissez une catégorie et les différents produits sont alors tous affichés à l’horizontale :

L’interface est composée de différents éléments :

à gauche de l’écran les filtres qui permettent d’affiner la recherche ;
sur le haut de l’écran, les clés de tri (en fonction du prix, du poids…) ;
juste en dessous l’échelle où sont alignés les produits ;
puis les vignettes des produits qui grossissent au survol de la souris ;
une info-bulle avec les détails du produit en cours de visualisation ;
des boîtes correspondant aux produits sélectionnés avec les prix sur les sites de différents distributeurs ainsi que les avis des clients ;
il est possible de sélectionner différents produits, cela rajoute des onglets et insère des étoiles de couleur sur la courbe en haut de l’écran.

En termes de réalisation je n’ai pas grand chose à dire : c’est propre, rapide, intuitif et terriblement efficace. Inutile de dire que cette interface n’est pas du tout accessible, mais là n’est pas la question. Ce mode de recherche représente en effet une rupture tellement importante par rapport à ce que nous connaissons qu’il ne peut être proposé qu’en second choix (le premier choix étant plus classique et pouvant être accessible).

Bref, du beau boulot et encore de très bonnes idées. Et vous, ça vous semble intuitif ? Réaliste ? (via Read/Write Web)

MySpace + YouTube = YouTube + MySpace

En théorie, vous devriez déjà avoir entendu parler de MySpace (et dans une certaine mesure de YouTube). Pourquoi devriez-vous déjà en avoir entendu parler ? Tout simplement parce que ces deux sites drainent une audience phénoménale et parce qu’ils attirent toutes les convoitises.

Mais ce qui est le plus frappant à propos de ces deux sites, c’est leur tendance mutuelle à s’enlaidir. MySpace est ainsi connu pour le manque de lisibilité des pages de ces membres, et YouTube n’est pas non plus un modèle de mise en page (minimalisme et austérité sont de rigueur).

Tout ça pour dire que ces deux modèles de design jusqu’alors opposés ont depuis peu entamés un improbable mimétisme :

MySpace intègre maintenant des vidéos dans ces pages d’orientation et dans les pages membres (déjà que c’était le bordel…) ;
YouTube propose maintenant à ces membres de créer leur propre page au sein des Channels (voyez donc le résultat ici : MissTilaTequila).

J’ai comme l’impression que ces pages membres sont en train de tirer le web vers le bas, du moins d’un point de vue purement graphique et ergonomique. Espérons que les hypothétiques communautés 3.0 relèveront le niveau…

10 ans d’évolution des interfaces web au service de l’expérience utilisateur

2007 sera une grande année pour les interfaces riches (voir à ce sujet mon précédent billet). Pour célébrer cette révolution à venir, je vous propose de faire une rétrospective sur dix années d’évolution des interfaces web, en incluant un peu de prospective sur l’année à venir.

J’ai résumé tout cela dans ce schéma :

La page HTML : simple et efficace

La manière la plus simple de réaliser une interface web est d’utiliser HTML. Pour consulter une page web, il faut : un système d’exploitation et un navigateur. C’est simple et efficace, suffisamment efficace pour faire fortune (à l’image d’eBay ou d’Amezon).

L’applet : un peu plus de puissance mais au détriment du confort d’usage

Durant la fin des années 90, sont apparus des micro-applications qui pouvaient être exécutées au sein d’une page web : les applets réalisées en Java. Pour pouvoir les exécuter, il fallait bien évidemment un système d’exploitation, un navigateur, mais également une machine virtuelle. C’est cette dernière qui servait à interpréter le code Java (qui n’a rien à voir avec Javascript).

Les applets permettent de faire plus de chose que le HTML mais au détriment du confort d’usage, car les applets sont lourdes et longues à démarrer (de 1 à 3 secondes) et que la machine virtuelle nécessite souvent des mises à jour intempestives. Quand il s’agit du configurateur en 3D de Volkswagen, ça va, mais quand il s’agit d’un simple calendrier pour choisir une date comme sur le site de la banque Fortis, c’est inadmissible.

Les RIA : le meilleur compromis à ce jour

Puis sont apparues les Rich Internet Applications qui proposaient de bien plus grandes possibilités d’affichage et de manipulation que le HTML. Ces interfaces riches pouvaient être réalisées en AJAX (à l’image du sélecteur de diamant d’Amazon ou du site de GAP) ou en exploitant des technologies vectorielles comme Flash ou WPF/E. Pour les faire tourner, vous devez posséder le bon plug-in (ce qui est le cas de 99% des ordinateurs pour Flash). L’intégration des animations au sein d’une page web est transparente et très performante (à l’image du très bon comparateur de Ford Vehicles).

Les widgets : petites mais terriblement efficaces

Plus récemment, des petits modules autonomes sont venus s’installer sur notre bureau : les widgets. Ces micro-applications nécessitent plusieurs choses pour pouvoir tourner : soit un programme appelé moteur de widget (Yahoo! Widget, Google Desktop, Kapsules sous Linux ou encore le navigateur Opera), soit un système d’exploitation de nouvelle génération comme Windows Vista ou Mac OS X.

Les RDA : l’avenir du logiciel ?

La toute dernière évolution des interfaces web s’appelle les Rich Desktop Applications. Tout comme les applets, les RDA nécessitent une machine virtuelle (Eclipse RCP, NetBeans, Java Web Start, XULRunner de Mozilla, Le futur Apollo d’Adobe ou encore le SmartClient de Microsoft). Ces technologies permettent d’avoir des interfaces aussi robustes que des applications et la simplicité de déploiement des sites web (pas besoin de les installer sur le système d’exploitation).

Plusieurs expérimentations sont en cours autour des RDA : SongBird (un concurrent de iTunes réalisé avec XUL), le Mozilla Amazon Browser (une RDA qui exploite le catalogue d’Amazon) ou encore le module d’eBay réalisé avec Apollo.

Conclusion : le service avant tout

Après ce formidable déballage des technologies toutes plus prometteuses les unes que les autres, je vous propose de faire le constat suivant : Qui avons-nous à gauche du schéma ? Amazon et eBay. Qui retrouvons-nous à droite du schéma ? Amazon et eBay. L’enseignement que nous pouvons en tirer est le suivant : si votre service est bon alors ces différentes technologies (et les plus récentes en particulier) ne doivent vous servir qu’à enrichir l’expérience utilisateur que vous proposez. Par contre si votre service n’est pas performant alors ne rêvez pas, l’interface (quelle que soit la technologie utilisée) ne compensera pas une expérience utilisateur négative.

Je vous laisse méditer là dessus…

Vivement la Journée Mondiale de l’Utilisabilité 2007 !

Et oui… la Journée Mondiale de l’Utilisabilité c’est un peu comme le Tour de France : on l’attend toute l’année et ça passe toujours trop vite…

Bref, tout ça pour dire que j’ai été enchanté par le déroulement de cette journée :

un accueil très chaleureux de la part du public ;
des interventions de qualité (dont de très belles vidéos de ~~eye-tracking~~ oculométrie et d’interfaces 3D) ;
des locaux très sympas et parfaitement adaptés (tout le monde avait une place assise, mais il ne restait quasiment plus de places libres) ;
de très belles démonstrations lors des workshops ;
de la détente et de la bonne humeur (aussi bien pour la matinée que pour la soirée).

Je vais maintenant me livrer à l’inévitable séance de remerciements :

Denis de la FING pour son soutien logistique ;
Sophie, Laetitia, Isabelle, Teresa, Amandine et Nicolas pour leurs présentations (les vidéos devraient être publiées très prochainement…) ;
tous ceux qui ont participé aux espaces démonstration (trop de monde pour que je retienne tous les prénoms) ;
les sponsors pour les t-shirts ;
l’équipe technique…

Mais comme je sais que la seule chose qui vous intéresse ce sont les supports de présentation, je vous propose sans plus tarder mon diaporama : Les futurs défis de l’utilisabilité (format PDF, 4,3 Mo).

Je suis en train de collecter les différentes présentations de chacun et je publierais le tout sur SimpleWeb.fr, ainsi qu’une collection de liens et les vidéos. J’ai également publié des photos sur FlickR : World Usability Day 2006 – Paris (si vous vous reconnaissez et que vous ne souhaitez plus apparaitre sur ces photos, faites le moi savoir au plus vite).

Bon allez, c’est pas tout ça, mais il faut que je commence à réfléchir à la prochain édition !

Très rapide compte-rendu de la Journée Mondiale de l’Utilisabilité

Nous sommes à la mi-journée de l’évènement planétaire qui mobilise les ergonomes et experts en utilisabilité du monde entier.

La session de conférences de ce matin était un véritable succès avec un amphithéâtre plein à craquer et des orateurs de qualité :

Photo de la salle de conférence de la Journée Mondiale de l'Utilisabilité

De même pour les espaces démonstration qui ont mobilisé beaucoup de curieux et permit aux participants d’étoffer leur discours et de valoriser leur savoir-faire :

Photo des espaces démonstration de la Journée Mondiale de l'Utilisabilité

Un grand merci aux intervenants et à nos sponsors (Telecom Paris et la FING) ainsi qu’à toutes les personnes présentes pour leur accueil chaleureux.

Bon aller je vous laisse, il me reste deux petites heures pour travailler avant l’Apéro-ergo.

Message personnel : je m’étais mis un t-shirt de côté (le seul en taille S), merci à la personne qui l’a emprunté par mégarde de me le ramener ce soir car sinon je n’aurais même pas un petit souvenir de cette journée !