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

Souvenez-vous, il y a quelques semaines j’avais fais une interview Sheila Dahlgren (la directrice marketing de Scene7), elle nous avait fait une petite visite guidée de Sunglass Hut, une très belle boutique en ligne de lunettes.

A mon tour de vous en faire une visite guidée plus détaillée avec tout d’abord la page catégorie qui est bordée par les options de filtre et de tri, les modes de visualisation et les outils de comparaison / panier :

Vous remarquerez sur le bas de l’écran les zones où il est possible de mettre des articles en glissé-déposé et de lancer une comparaison :

Il y a également une page produit très sobre avec une bonne répartition de l’espace d’affichage :

J’adore cette fonction de zoom en pleine largeur de page :

Il existe également dans le site des rubriques inspirationnelles comme cet assistant de recherche par style de vie :

Pour finir, ces séquences vidéo mettant en scène les articles :

Inutile de chipoter, c’est du très bon bouleau. Pour être plus précis, il est très rare de voir des boutiques en ligne de cette qualité : mise en page, intuitivité, sophistication de l’interface, variété des contenus…

Vous avez sûrement du en entendre parler par le biais de nombreux billets sponsorisés publiés la semaine dernière : la Fnac vient de lancer une nouvelle version de la rubrique informatique de son site avec des composants rich commerce dedans.

Il y a tout d’abord la page d’accueil de la rubrique avec une bannière qui défile et des mini-carrousels pour les gammes de produit :

Intéressant mais la proximité (et la répétition) des flèches fait que l’on ne les distingue pas. Peut-être que des cartouches plus larges (où les produits adjacents seraient coupés en deux) permettraient un meilleure compréhension du fonctionnement…

Il y a ensuite les pages de gamme qui reprennent ce principe de mini-carrousel :

En cliquant sur le bouton vous ouvrez l’aide au choix. Ce panneau permet d’appliquer des filtres et de définir une fourchette de prix à l’aide d’une double-réglette. Des boutons contextuels apparaissent au survol de la souris sur un produit (avec un bel effet de zoom) :

Une interface intéressante mais qui mériterait l’usage de contrastes un peu plus marqués pour accentuer le guidage sur les fonctions-clés.

Il y a enfin la page produit qui permet aussi de faire de la sélection / comparaison :

Encore une fois, les cinématiques de transition sont sympa mais je ne comprends pas bien le double emploi de cette page, mais où est-donc la page produit ?

Au final nous avons une interface qui reste agréable malgré une certaine lenteur à l’affichage (très certainement dû à) l’emploi d’OpenLaszlo qui génère du Flash à la volée). Fonctionnellement tout est correct mais dans la mise en scène le jeu des couleurs ne sert pas réellement l’interface. Traduction : j’aime le vert, mais est-ce qu’il fait vendre ? Non pas réellement. Le recours à d’autres teintes aurait permis de concentrer l’attention et de guider un peu plus l’oeil.

Moralité : un bon début pour ce qui préfigure être le futur nouveau Fnac.com.

Votre pouvoir d’achat baisse suite à la hausse du pétrole ? Vous vous sentez concerné par l’environnement ? Alors précipitez-vous sur le site MpgGenie, un simulateur qui vous permet de calculer et d’anticiper vos dépenses en carburant en fonction de votre voiture.

Le principe de cette application en ligne est simple : vous indiquez le contexte d’utilisation de votre véhicule, vous sélectionnez plusieurs modèles de voitures et il ne vous reste plus qu’à faire glisser le prix du carburant pour comparer les dépenses annuelles prévisionnelles :

Voilà une application tout à fait utile dans le cadre d’un processus de décision d’achat. Les constructeurs ayant une conscience “verte” auraient tout intérêt à mettre ce comparateur en évidence sur leur site.

(via RIApedia)