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

Voilà un certain temps que je publie des exemples d’interfaces riches appliquées au e-commerce sur ce blog, mais je me rends compte que je n’ai jamais réellement pris le temps de bien définir les différentes types d’interfaces. Différents types ? Mais oui enfin, car le rich commerce est avant tout une histoire de modules : Il serait suicidaire de concevoir une boutique entièrement en Flash (quoi que certains s’y risquent encore), la tendance est plus à l’enrichissement des interfaces ou plutôt d’éléments d’interfaces.

Mon raisonnement est le suivant : à chacune des étapes du cycle d’achat correspondent des types de modules marchands “riches”. Ceci est synthétisé dans le schéma suivant où les types de modules sont répartis sur les différentes étapes :

Les étapes du cycle d'achat

Chacun de ces modules remplit une fonction bien précise et n’est pertinent qu’à une étape donnée du processus.

Mais il est également possible de regrouper les modules marchands en familles : Accès (pour amener l’internaute jusqu’à la fiche produit), Aide au choix (pour le guider dans sa décision), Mise en scène (des produits / services), manipulation et transaction.

Les familles de modules marchands enrichis

Voilà, nous avons maintenant une classification exhaustive des différents types de modules marchands enrichis. Ceci pourrait nous servir de glossaire car j’ai un peu tendance à jargonner dans ce blog.

Si vous voyez d’autres types de modules ou de familles, n’hésitez pas à vous manifester dans les commentaires.

Vu sur le site de JCPenney :

A voir directement sur le site : tout est animé. Le mannequin central vient vers vous, et les petites imagettes, sur le côté, s’animent régulièrement, pour vous inviter à “venir voir”.

Mis en œuvre avec Scene7.

Incroyable, comment de très grands sites n’arrivent pas à bien maîtriser les interfaces riches.

Je pense à VoyageSncf et ebay (voilà, j’ai balancé ).

Donc, ces deux sites mettent en oeuvre de nouvelles interfaces, utilisant l’ajax, pour accélérer, simplifier, améliorer l’interface.

Bonne idée à priori…

Mais voilà, Ajax, c’est très compliqué à bien mettre en oeuvre.

Sur les exemples cités, on arrive à des résultats vraiment incroyables.

Sur l’un des sites, il y a simplement des options qu’on ne peut plus activer !

Sur l’autre, le formulaire est régulièrement réinitialisé !

Franchement, si je devais conseillé ces entreprises, mon conseil serait très simple : revenez au fondamentaux. Il vaut mieux un site “web 1.0″ qui marche bien qu’un site “2.0″ inutilisable.

Un tel billet sur Rich commerce ?

Oui, trois fois oui !

Dans rich commerce, il y a commerce. C’est le but. Si une interface n’aide pas à vendre, il ne faut pas l’utiliser !

Maintenant, tout le monde a bien compris que l’avenir de la publicité passait par Internet.

On a donc sur ce média des budgets importants.

Souvent, quand on voit les pubs, on ne cherche qu’une chose : les virer. Mais certaines sont vraiment très réussies.
Exemple : Adidas avec cette pub carrément bluffante :

A essayer absolument : c’est très difficile à raconter mais vraiment à voir.

(merci manu, tobias)

Mais si, vous savez bien, on rajoute a côté de son site marchand classique un site plus fun.

Christian Lacroix l’a fait il y a quelques temps, avec La Redoute.

Ici, c’est un site américain de vente d’accéssoires pour la jardinage.

Voici le site marchand d’origine :

Et voici le site flash, qui met en scène les produits :

Le site à bien plut à notre Capitaine.

Pour ma part, je trouve qu’effectivement, c’est très bien réalisé.

Mais que c’est lourd !

Chaque clic demande un chargement, qui rend la navigation pratiquement impossible (en tout cas avec mon abonnement ADSL actuel).

Autre axe d’amélioration : le lien entre le site flash et le site web n’est pas optimum. On doit cliquer sur “acheter” sur le site flash, puis de nouveau “acheter” sur le site web. Un clic de trop !

La consécration pour Sébastien avec son passage au JT de PPDA himself .

Allez, je ne résiste pas à vous montrer la tête de Sébastien :

Très bon reportage, qui explique à la manière “jt” (tout est simple et illustré…) que ça booste les ventes, parce qu’on peut essayer avant d’acheter, et puis parce qu’on a envie d’acheter l’ensemble qu’on a pris soin de coordonner.

J’ai déjà eu de multiples occasions de vous vanter les sites de constructeurs automobiles qui rivalisent d’ingénuosité pour nous proposer des sites toujours plus spectaculaires (vues 360°, 3D, configurateurs, comparateurs…).

Je souaihterais aujourd’hui vous faire découvrir une réalisation tout à fait intéressante pour la marque Dodge qui nous propose une mise en scène très réaliste de son Journey avec une vue en 360° dans son environnement naturel (déjà vu chez de nombreux constructeurs dont Toyota). Là où ils apportent une nouveauté, c’est que le véhicule est mis en situation (dans la rue) avec un conducteur dedans :

On distingue clairement le conducteur (qui me regarde bizarrement d’ailleurs…) :

Ca n’a l’air de rien, mais aucun autre constructeur “n’équipe” ses véhicules de conducteurs. Cette petite attention apporte une touche de réalisme supplémentaire qui fait son petit effet. Bon en tout cas j’y suis sensible, pas vous ?

Potoroze propose des fonctions pour aménager virtuellement votre intérieur :

Observez en particulier la facilité pour placer un meuble (2/3 de la vidéo environ) ou la façon dont on déplace une horloge murale, qui “sait” rester “aimanté” contre le mur !

Bravo Sébastien pour cette nouvelle démonstration !

Voilà le billet que j’aurais aimé écrire : The ROI of RIA. Il y est question de l’intérêt des interfaces riches dans une optique d’efficacité marchande : “est-ce que ma boutique en ligne transforme mieux grâce aux interfaces riches ?“

Vaste question à laquelle l’auteur s’en sort plutôt bien. Son point de vue est de dire que les interfaces trop avant-gardistes présentent un trop gros risque et qu’il est plus prudent d’enrichir certains écrans-clés plutôt que d’opter pour une boutique surréalistes. Certains exemples sont proposés :

• Le panier “riche” de GAP ;
• Le check-out process en 1 écran de RueLaLa ;
• Les quick previews (également utilisées chez GAP) ;
• La recherche de disponibilité de façon transparente ;
• L’utilisation du multimédia…

Vous noterez que le point de vue de l’auteur est très proche de celui que nous vous avons présenté lors de notre premier petit déjeuner consacré au rich commerce (cf. la compte rendu).

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…