Rich Commerce Tout savoir sur les interfaces riches appliquées au e-Commerce

Walmart (l’équivalent de notre Carrefour national mais en… 10 fois plus gros) vient de sortir une nouvelle version de son site qui exploite les interfaces riches : un bloc dynamique en page d’accueil et des panneaux flottants de découverte des produits dans les pages d’orientation (qui n’est pas sans rappeler ce que fait GAP sur ses différents sites).

Là où ça devient intéressant, c’est que Walmart utilise non pas la plateforme Flex d’Adobe, mais plutôt un équivalent open source : OpenLaszlo.

Ceux qui lisent mon blog régulièrement savent tout le bien que je pense de ce framework et je suis très content qu’un aussi gros annonceur (je crois bien que c’est le plus gros employeur du monde avec plus d’1 million d’employés) mise sur cette technologie.

En tout cas, cette annonce tombe à pic, juste quand l’inventeur du web (Tim Berners-Lee) est en train de nous expliquer qu’il faur ré-inventer le HTML : Reinventing HTML. (via OpenLaszlo Project Blog)

/!\ Billet initialement publié sur FredCavazza.net.

Après le lancement très réussi l’an dernier d’une boutique en ligne qui fait référence (notamment grâce à l’utilisation très fine d’Ajax), la marque Gap vient de lancer une nouvelle boutique dédiée aux chaussures : Pimperlime.

La mise en page y est très aérée, l’accès aux produits est toujours très limpide et ils ont eu la bonne idée de capitaliser sur les briques d’interfaces riches en Ajax du site parent et de récupérer la fonction Quick Look qui fonctionne un peu comme un accélérateur de vente (également implémenté sur les boutiques Old Navy et Banana Republic).

On notera également le traitement éditorial des nouvelles collections (sous forme d’articles co-rédigés par des invitées) :

Autant j’adore ce style très épuré, autant ce site n’est pas exempt de reproches : le traitement des liens dans la barre de navigation horizontale est dramatique (ça ressemble à du texte), il n’y a pas d’URL lisibles et la mise en page est un peu tassée.

/!\ Billet initialement publié sur FredCavazza.net.

Je viens de tomber sur une interface riche qui va directement rentrer dans la liste de mes meilleurs exemples : Sqoops. Il s’agit d’un site de vente en ligne de jeux vidéo qui fait une utilisation intensive mais judicieuse de Flash pour son interface de recherche :

Voici pourquoi l’utilisation de Flash est judicieuse dans ce cas précis :

• la nature du produit (les jeux vidéos) et le public visé (les jeunes et jusqu’à 35 ans) justifie l’utilisation d’une interface qui sorte de l’ordinaire (par rapport à un banal formulaire) ;
• le secteur de la vente de jeux vidéos est ultra-concurrentiel, il faut donc se démarquer ;
• la représentation flottante des boîtes des jeux ainsi que les curseurs en bas de l’écran n’est pas sans rappeler les interfaces des jeux vidéos eux-mêmes ;
• l’activation du filtre par genre entraîne une modification du fond (qui devient contextuel) ;
• le comportement des info-bulles géantes au survol de la souris est agréable et intuitif ;
• la fiche des jeux reprend le même principe avec des copies d’écran qui flottent.

Oui je sais cette interface n’est pas du tout accessible, mais il suffit juste de prévoir une version HTML. En attendant, l’expérience est tout à fait saisissante et l’on se surprend à explorer un catalogue de jeux que l’on connaît par coeur mais dont la manipulation est hypnotisante.

Cet exemple n’est pas forcément à reproduire dans un autre contexte mais il donne de bonnes idées…

/!\ Billet initialement publié sur FredCavazza.net.