Ecommerce Best Practices

L'excellent blog Wizishop présente un récapitulatif des principales plateformes e-commerce.

Chaque jour, chacune sera présentée dans les moindres détails. A lire absolument pour les personnes désirant se lancer dans la formidable aventure qu'est l'e-commerce.

Voici un titre provocateur !

Que les fans des fiches produits ne s'inquiètent pas, ces dernières ont encore de beaux jours devant elles.

Cependant, certaines initiatives ont été mises en place par des e-marchands rendant notre traditionnelle page produit un peu "old school".

Je commence avec l'exemple de Gap. Dans un post récent, je parlais de la mise en place de vidéos dans les pages listing produits.

Dans ce post, je vais vous présenter leur fonctionnalité "Quick Look".

Dans les différentes pages présentant la liste des produits, lorsque l'on passe la souris sur un article, un bouton "Quick Look" apparaît.


En cliquant sur ce bouton, une sorte de fenêtre s'affiche par dessus la page.


Il s'agit en fait d'une mini-fiche produit présentant toutes les informations d'une fiche produit digne de ce nom.

On y retrouve les tailles disponibles, le prix, la quantité, une aide pour les tailles ("size chart") et même la possibilité de modifier les vues et de zoomer. Bref, tout est présent.

Pour compléter le tout, il y a un onglet appelé "overview" proposant une description textuelle du produit.

Et comme nous sommes dans de la vente en ligne, un bouton "add to bag" est également présent pour permettre à l'internaute d'acheter facilement ce produit.


Dans un autre genre, Timberland propose une fonctionnalité identique mais du doux nom "d'express shop".

Le principe est sensiblement le même que celui proposé par Gap. En passant la souris sur une vignette produit, un bouton "express shop" apparaît.

Vous connaissez maintenant la suite. En cliquant dessus, un fenêtre s'affiche.


Cette mini-fiche produit reprend les mêmes ingrédients que celle réalisée par Gap. Les principales informations sont présentes ainsi que le call to action "Add to Bag" qui est plus visible.


Même si cette fonctionnalité ne réduit pas le nombre de clics pour atteindre le produit, elle permet néanmoins d'améliorer l'ergonomie de ces sites en évitant des allers-retours (avec chargements des pages) entre les pages listing résultats et les fiches produits.

Cela simplifie l'expérience de navigation de l'internaute. La "traditionnelle" page produit étant toujours disponible pour ceux souhaitant avoir plus d'informations.

Dans la vente en ligne, l'impossibilité d'essayer les produits désirés constitue un frein important pour les internautes, en particulier lorsque le site commercialise des vêtements.

Pour lever la crainte des internautes, les e-marchands doivent faire preuve d'ingéniosité pour présenter les produits.

L'exemple du site Gap est très intéressant. Fred Cavazza parlait récemment du site Gap sur son blog en présentant les changement de zooms automatiques sur la fiche produit.

Ce qui a arrêté mon attention sur ce site est l'utilisation de la vidéo sur les pages listing produits.

Comme je le disais en introduction, le monde de la vente de textile par internet souffre de l'impossibilité d'essayer le produit avant de l'acheter.

Ceci est d'autant plus vrai lorsque l'on achète un Jean. A part être un "expert" en Jean's, il est très difficile de faire la différence entre les différentes (nombreuses) coupes proposées (Standard Fit, Loose Fit...).

Il peut se produire une réelle confusion dans l'esprit de l'internaute. Cette confusion se transformant en anxiété empêchant l'internaute de passer à l'action (= à acheter).

Pour éviter ce scénario catastrophique, Gap a mis en place des vidéos présentant les différentes coupes sur un mannequin.


Et bien je dis bravo ! Voici une fonctionnalité qui apporte réellement une plus-value à l'internaute.

Grâce à ces différentes vidéos (courtes mais efficaces), l'internaute à la possibilité de voir comment "tombe" le jean. On peut voir s'il est plutôt taille basse, s'il est serré au niveau des chevilles... bref, cela répond aux différentes interrogations que peuvent se poser un acheteur potentiel.

Bien sûr, ces vidéos ne permettront pas de lever toutes les craintes des internautes pour l'achat d'un Jeans, mais il s'agit d'une belle initiative présentée par Gap, prouvant que cette société est focalisée sur les besoins de ses clients/prospects.

Avec cette exemple, Gap montre que l'utilisation de la vidéo peut s'avérer d'une efficacité redoutable.

De plus en plus de messagerie email intègre une fenêtre de prévisusalisation (appelée preview pane par les américains).

Cette configuration permet à l'internaute de visualiser rapidement le contenu du message (la partie supérieure).

Ceci implique donc aux sociétés envoyant des emails (fidélisation ou recrutement) d'optimiser la partie haute du message, celle qui sera affichée dans cette fameuse "preview pane".

Dans cet article, je vais vous montrer un exemple à ne pas suivre.

Ce matin, j'ai reçu un email Fnac Eveil & Jeux.


Comme beaucoup de personnes, je reçois et consulte mes emails sur ma messagerie professionnelle (fléau de la productivité !!). Et comme dans beaucoup de société, j'utilise Outlook utilisant depuis très très longtemps une fenêtre de prévisualisation.

Après avoir désactivé le blocage automatique des images (autre grande problématique pour les professionnels de l'emailing), voici ce que je vois.

Pas très parlant, pas du tout engageant ! Etant sursollicité (comme la plupart des internautes ayant une adresse email), en quelques secondes nos esprits jugent si les messages reçus valent la peine que nous allions plus loin (en l'occurrence voir la totalité du message dans un 1er temps).

Pour reprendre l'exemple de Fnac Eveil et Jeux, devinez ce que j'ai fais ? Et oui, message direction poubelle.

Donc, quand vous envoyez des emails pensez à la partie haute du message qui sera très vraisemblablement la première chose vue par votre cible.

Intégrer au moins :
- votre logo
- une accroche présentant la promesse du message (si possible texte pour contourner le problème de blocage des images)
- les produits phares ou des éléments très impactant

Mettez-vous à la place de votre cible et faites en sorte de rendre vos partie haute pertinentes et attrayantes. Vos taux d'ouvertures et de clics vous remercieront !

En visitant un blog américain, je clic sur un lien pour découvrir en détail le contenu du site en question.

Et là je tombe sur une page erreur 404.


Comme vous pouvez le voir cela ne ressemble pas trop aux traditionnelles pages 404 que nous avons l'habitude de croiser.


Com USA fait preuve d'efficacité. Au lieu d'avoir une page erreur 404 repoussante, Com USA met tout en oeuvre pour guider et conserverl'internaute.


Cet exemple est très intéressant car :

- reprise de la charte graphique permettant à l'internaute d'identifier le marchand en un seul coup d'oeil
- conservation des éléments de navigation (verticale et horizontale)

En plus, Com Usa propose les principales rubriques du site ("Shooping"), ainsi que des accès directs vers zones axées services clients ("aide", "tracking de la commande"...).

A tout cela, vient se rajouter un moteur de recherche internet très visible avec un call to action explicite !

Il est rare de voir des sites proposer des pages 404 customisées. Cependant l'intérêt pour l'e-marchand et les internautes est énorme.

Tous les internautes ont été confrontés à une page 404. En optimisant cette dernière l'e-marchand fait preuve de professionnalisme.

Dans les faits il n'est pas compliqué de suivre l'exemple mis en place par Com USA. Ce marchand tourne en sa faveur une situation qui lui est à priori défavorable (notion d'erreur).

D'autres initiatives peuvent être intégrées à une page 404 :
- plan du site
- mise en avant des produits/rubriques phares
- testimoniaux
...

Alors qu'attendez-vous pour optimiser votre page erreur 404 ?!