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

Ce mois-ci Olympus nous sort le grand jeu pour faire la promotion de son tout nouvel appareil photo numérique (le E-PL1) avec une très belle application de réalité augmentée. L’idée est d’utiliser la webcam des internautes pour tester et manipuler l’appareil. Ici une vidéo de démonstration :

Le principe consiste donc à imprimer une petite carte avec un marqueur qui sera repérer par la webcam :

Une simple carte permet de simuler un appareil photo

Un plug-in se charge ensuite d’incruster l’appareil mais également de gérer les animations comme la sortie du flash, le changement de l’objectif (en cliquant sur les pastilles jaunes) :

La réalité augmentée en action chez Olympus

Encore plus fort : Il est également possible de prendre des photos (virtuelles) avec cet appareil (virtuel) et de les partager sur Facebook. De même, si vous retourner l’appareil, vous pouvez tester l’interface et ses menus.

Bref, une très belle réalisation propulsée par la technologie française de Total Immersion, Cocorico !

(via Virtual Worlds News)

Inutile de vous présenter l’iPad et de vous venter les vertus de la toute dernière machine d’Apple. Par contre je vous propose de vous intéresser à deux applications qui vous concernent directement puisqu’il s’agit des showrooms de deux marques bien connues.

Commençons par Gap qui a été la première marque à lancer une application marchande sur l’iPad : Gap makes shopping more social with iPad app. Dès la page d’accueil l’utilisateur est plongé dans une mosaïque de contenus dans laquelle il navigue avec le doigt :

La mosaïque de l'application iPad de GAP

Les contenus s’ouvrent dans une fenêtre qui se superpose à la mosaïque (ici une vidéo) :

Une vidéo sur l'application iPad de GAP

Il y a également une partie “boutique” avec des catégories (onglets en haut de page) et une mise en page minimaliste :

La galerie de produits de l'application iPad de GAP

En cliquant sur “Buy” vous pouvez choisir la taille et ajouter au panier :

L'ajout au panier de l'application iPad de GAP

L’application est très intuitive et surtout très réactive comme en témoigne cette vidéo trouvée sur ClickZ :

Dans le même esprit mais en mode portrait (vertical), il y a également l’application de La Redoute découverte chez Laurent : La Redoute lance son appli iPad. La page d’accueil de l’application est tout à fait surprenante car elle reprend les codes graphiques des magazines mais utilise une vidéo pour le mannequin :

La page d'accueil de l'application iPad de La Redoute

Nous retrouvons dans cette application un certain nombre de contenus comme la rubrique “Relooking” :

La rubrique Relooking de l'application iPad de La Redoute

La navigation au sein des contenus se fait avec une mosaïque (comme chez GAP) :

La mosaïque des contenus de l'application iPad de La Redoute

L’ensemble est tout à fait plaisant mais ne permet pas de commander directement dans l’application (il faut passer par le site) :

Tout ceci est très encourageant car nous commençons à voir fleurir un certain nombre d’applications oscillant entre commerce et showroom (comme par exemple celle de Cadillac). Au vue des premières expérimentations il est clair que le potentiel de ces applications est énorme (immersion, récurrence des visites…) mais qu’il va falloir être très prudent quand à l’ergonomie et la prise en main. D’ailleurs ce n’est pas un hasard si l’IAB a déjà commencé à se pencher sur la question avec sa dernière étude (Tabvertising: iPad and other tablets).

En farfouillant dernièrement sur le site d’Ikea je suis tombé sur une fonctionnalité tout à fait intéressante des pages catégorie : Une tête de gondole-démonstrateur qui permet de mettre en valeur le produit-star de la catégorie mais également de laisser les internautes le manipuler. Illustration avec la sous-catégorie lavabos pour la salle de bain :

La page des lavabos chez Ikea

En cliquant sur les icônes à droite et à gauche il est possible de changer le modèle du lavabo ainsi que le robinet :

Le démonstrateur de lavabos chez Ikea

Vous noterez au passage qu’ils ne se contentent pas de trafiquer l’image car les reflets des robinets changent avec eux.

Il existe un principe équivalent dans le rayon cuisine où l’on peut tester les façades :

Le démonstrateur de façade dans le rayon cuisine d'Ikea

La manipulation est très intuitive, l’intégration des modules est très propre, pas de doute, c’est du Ikea !

J’ai déjà eu de nombreuses occasions de vous parler du principe de mannequin virtuel, mais ce que propose Fits.me me semble particulièrement novateur car il mélange ce principe avec des photos de produits bien réels.

Le principe du mannequin virtuel chez Fits.me

Plutôt que de mannequin virtuel, ils préfèrent parler de cabine d’essayage virtuelle. Le service a été lancé il y a quelques mois et il existe déjà une première grosse référence avec la boutique anglaise Hawes & Curtis : Fits.me Launches World’s First Virtual Fitting Room.

Vous commencez donc par donner vos mensurations :

Première étape : Vos mensurations

Puis le simulateur vous permet d’essayer différente taille et de voir si vous rentrez dedans (virtuellement) et comment le tissu tombe :

Deuxième étape : Essayez différentes tailles

Le simulateur est très simple à manipuler et il y a tout un tas de chois alternatifs pour vous guider dans votre achat. Je ne sais pas combien de prises de vue cette cabine d’essaye virtuelle a demandé mais le simulateur annonce près de 100.000 combinaisons possibles pour le mannequin. En tout cas le rendu est particulièrement réaliste :

Les différents rendus du simulateur

C’est de très loin la simulation la plus spectaculaire que j’ai testé et je ne peux que reconnaitre la diabolique efficacité de ce dispositif. Essayez-le et vous serez immédiatement convaincu !

Comme dit le proverbe : “Tout vient à point à qui sait attendre“. Je ne sais pas si beaucoup d’internautes l’attendaient, mais Tati vient d’ouvrir sa boutique en ligne. Au programme : Une mise en page d’une grande sobriété et quelques raffinements d’interface qui viennent améliorer l’expérience sans toutefois faire dans le spectaculaire.

Nous avons ainsi une page d’accueil tout en sobriété qui a fait le choix de ne pas utiliser un carrousel comme éléments principal mais un visuel statique (ce sont les vignettes de la deuxième rangée qui sont mise à jour toutes les 3 secondes) :

La page d'accueil du site de Tati

En passant votre souris sur les intitulés de navigation vous avez accès à un menu XL comme on peut en voir ailleurs (cf. Navandising, le merchandising appliqué à la navigation) :

Le menu de navigation XL du site de Tati

Sur les pages de catégorie vous trouverez également un système de filtres avec rafraîchissements silencieux :

Le moteur de recherche par filtres du site de Tati

D’autres fonctionnalités vues ailleurs sont également proposées : Zoom automatiques, catalogues interactifs… Rien de très neuf, mais une implémentation parfaitement propre et sobre.

Donc comme vous l’aurez compris, nous sommes bien loin des fonctionnalités avancées comme les configurateurs 3D, les univers immersifs, les vidéos narratives… mais cette boutique n’en reste pas moins terriblement efficace (notamment grâce à des photos de très bonnes qualité). Finalement est-ce que ce n’est pas ça l’avenir du rich commerce : Des enrichissements sobres utilisés avec parcimonie, pas nécessairement pour rehausser l’expérience mais plutôt pour faciliter la navigation et la prise de décision. Un rich commerce raisonné en quelque sorte…

Comme démontré récemment dans une étude, les outils visuels (visite guidée, démonstrateurs, configurateurs…) sont fortement appréciés par les internautes et sont surtout synonymes de performance commerciale. C’est dans cette optique que JCPenney propose à ces clientes une fonctionnalités intéressante sur sa collection de maillots de bain : Mix & Match.

L’objectif est d’inspirer les internautes avec à la fois une présentation de la nouvelle collection (avec le Look Book) et la possibilité de visualiser différentes combinaisons de haut et bas :

Le configurateur visuel de maillots de bain chez JCPenney

Différentes combinaisons sont affichées (avec une emphase au centre) et les flèches servent à faire défiler les ensembles. Rien de très révolutionnaire mais une implémentation efficace et surtout bien intégrée avec les autres fonctionnalités du module et du catalogue. L’espace est très bien exploiter et les appels à l’action sont bien hiérarchisés (”View fit guide“, “Details & Buy“…). Je n’aurais pas forcément mis d’autres flèches sur le bord du module pour passer d’un style à un autre (car ça fait beaucoup de flèches sur les cotés) mais l’ensemble est sobre et parfaitement efficace.

C’est tout à fait le type de modules rich commerce qui peuvent booster votre taux de transformation sans toutefois nécessité trop de ressources.

(via Adobe Scene 7 Blog)

Vous pensiez que le social shopping était le levier ultime de la transformation ? Et bien non, en tout cas c’est ce que nous révèle les résultats de l’étude “Expérience des clients pour la nouvelle décennie” menée par Scene7. Cette enquête a été menée auprès de 546 entreprises dans 6 secteurs d’activité. L’étude est dense mais permet de classer les fonctionnalités rich commerce par taux d’efficacité :

1. Visites guidées ou visionneuses multimédia = 36 %
2. Filtrage visuel et recherche avancée sur les caractéristiques des produits (taille, couleur, prix) = 33 %
3. Comparatifs de produits = 28 %
4. Zoom = 28 %
5. Vidéos pour la commercialisation, la publicité et la démonstration = 27 %
6. Catalogues et brochures interactifs = 27 %…

Efficacité des fonctions rich commerce

Des chiffres très intéressants qu’il faut mettre en parallèle des fonctions de social shopping :

1. Commentaires et évaluations d’utilisateurs = 31 %
2. Classements et notes d’utilisateurs = 26 %
3. Chat en direct / messagerie instantanée = 22 %
4. Conception collaborative de produits personnalisés = 21 %
5. Contenu généré par les utilisateurs (images, vidéo, son) = 20 %
6. Flux RSS = 19 %…

Donc selon ces chiffres, une visite guidée ou une recherche visuelle serait plus efficace que les avis des internautes. Voilà des chiffres qui doivent faire chaud au coeur des partisans du rich commerce ! Je vais tout de même émettre trois bémols :

• Ces chiffres proviennent d’une étude commandée par Scene 7 donc ils sont forcément en leur faveur ;
• Il n’a jamais été question de choisir entre visite guidée et avis clients, ce sont deux fonctionnalités complémentaires qui ne répondent pas du tout aux mêmes objectifs ;
• Cette étude ne semble pas avoir pris en compte les Zoom XXL qui font un véritable tabac (cf. +25% de taux de conversion chez Darty grâce aux zooms XXL et From Shoes to Shirts, Bigger is Always Better).

Dans tout les cas de figure je vous recommande vivement de vous inscrire pour télécharger cette étude qui aborde aussi le m-commerce et les spécificités régionales.

(via I Love Web)

Hasard du calendrier, deux grandes marques sortent quasiment en même temps une campagne “transmedia” (je crois que c’est comme ça que disent les pubards) avec un concept commun pour le spot TV, l’affichage et le site web.

Commençons par Diesel qui propose un spot TV qui sent bon le charleston à la sauce 2010 pour sa nouvelle collection :

Ce spot est ensuite reprit sur le site web sous forme de vidéo interactive (A Hundred Lovers) qui se met en pause au survol de la souris et permet de repérer les zones actives (généralement des liens vers la fiche produit des vêtements) :

Vidéo interactive chez Diesel

Même principe chez BMW avec ce film diffusé pour le lancement de la nouvelle série 5 :

Le mini-site BMW-cinétique propose une expérience similaire mais plus immersive puisqu’il est possible de manipuler les billes (représentation en 3D temps réel) et même de créer / partager vos créations :

Représentation en 3D temps réel chez BMW

Dans les deux cas nous avons un concept créatif fort qui est décliné da façon originale et accrocheuse sur le web.

(merci à Albin pour le lien)

Ce n’est pas la première fois que je vous parle de Décathlon car c’est un site que j’aime beaucoup. Je vous propose ce soir de découvrir le nouvel espace Running qui bénéficie d’un traitement particulier notamment au niveau de la sonorisation de l’interface :

La page d'accueil de la section Running de Décathlon

Tous les éléments de l’interface sont associés à des retours sonores (blip, bloup, tic…) qui donnent du relief à cette page et permettent de rythmer la découverte de la page “à tâtons” (en baladant la souris sur l’écran). Il y a un côté très ludique dans cet écran qui me fait penser aux interfaces des jeux vidéo (qui font un usage systématique des retours sonores).

Cette section propose également un assistant au choix très sympa :

L'assistant au choix de Décathlon Running

Des réglettes permettent d’activer des filtres et de réduire la liste de résultats de produits. Simple mais bien réalisé car les boutons et tirettes ont un volume suffisant pour donner envie de les tripoter.

Notez que l’on retrouve le même interface dans l’espace Carpe (ou plutôt “pêche”, non ?).