Cover-Sephora-vs-Nocibe

Sephora vs Nocibé, qui est le plus canon sur mobile ?

Tous les mois, nous analysons sur le blog de Tapbuy les parcours d’achat mobile de deux des plus gros sites e-commerce en France, dans un duel implacable. Pour cela, nous faisons appel à un panel d’utilisateurs afin de noter les 100+ critères que nous utilisons.

Ce mois-ci, nous avons opté pour un match 100% beauté. En 2014, Douglas rachetait Nocibé afin de mieux concurrencer Sephora. Nocibé a-t-il depuis réussi à dépasser Séphora sur le terrain de l’expérience d’achat sur mobile ?

Le résultat est sans appel : Nocibé reste le challenger de Sephora qui remporte le duel du parcours d’achat sur mobile avec une note globale de 70/100 versus une note de 54/100 pour Nocibé.

Note-Globale-sephora-vs-nocibe

Le détail des performances par dimension (fiche produit, panier, identification, livraison, paiement et design) :

 

1. Fiche produit : Sephora vs Nocibé

Visibilité du produit

Fiche-produit-sephora-nocibe-visibilite-produit

Les utilisateurs ont jugé que les fiches produit respectives de Sephora et de Nocibé mettaient moyennement bien en avant le produit.

Tout d’abord sur les images produits. Les deux enseignes offrent des photos de produit nettes mais très petites, ce qui oblige les utilisateurs à zoomer pour voir plus en détail. D’après notre panel d’utilisateurs, les photos ne sont pas adaptées à la taille des écrans mobiles. De plus, pour la majorité des produits testés, Nocibé et Sephora ne proposent qu’une seule photo du produit.

Le nom du produit et son prix sont bien visibles sur la fiche produit de Nocibé, selon les utilisateurs interrogés. C’est moins le cas sur la fiche produit de Sephora qui fait le choix d’une police plus petite et donc moins visible.

Découvrez les bonnes pratiques sur la fiche produit mobile

Sélection des tailles

Fiche-produit-sephora-nocibe-selection-taille

Les deux enseignes utilisent un système différent pour permettre la sélection de la contenance des produits (dans le cas des parfums).

Nocibé utilise un menu déroulant customisé. Le système est plutôt bien fait : les utilisateurs arrivent à sélectionner facilement la taille de flacon désirée. Une fois cela fait, la fiche produit est mise à jour (prix, contenance et code produit).

Le système de Sephora est différent : en-dessous de l’image du produit, chaque contenance est associée à l’image du flacon et à un call-to-action de mise au panier. Ce système est moins plébiscité par les utilisateurs car il allonge inutilement la fiche produit.

Visibilité du call-to-action

Fiche-produit-sephora-nocibe-call-to-action

Le call-to-action de mise au panier est un élément essentiel pour une fiche produit réussie. Sur les 50 plus gros sites e-commerce en France (hors tourisme et grande distribution), 32% d’entre eux n’utilisent pas des call-to-action suffisamment visibles (voir le livre blanc de Tapbuy sur le top 50 m-commerce 2016).

Chez Sephora, à chaque chaque contenance de flacon est associé un call-to-action. Ils sont donc petits (environ 20% de la largeur de l’écran) et difficilement cliquables selon les utilisateurs interrogés.

Nocibé propose un call-to-action plus visible, qui prend la largeur de l’écran. Il est situé bien haut sur la fiche produit, ce qui permet aux utilisateurs de le voir directement.

Catégorisation des informations

Fiche-produit-sephora-nocibe-categorisation

Sephora et Nocibé utilisent tous les deux un système de sous-menu à tiroirs pour catégoriser les différentes informations sur le produit. Cela a l’avantage de permettre aux utilisateurs d’avoir une vue globale et concise, et d’accéder aux informations qui les intéressent.

On notera néanmoins que le système de sous-menu est plus visible et plus facilement actionnable chez Sephora par rapport à Nocibé.

Description du produit

Fiche-produit-sephora-nocibe-description

Les descriptions produit de Nocibé et Sephora sont bien détaillées. Les utilisateurs trouvent les informations qui les intéressent à la fois sur l’univers et la composition des produits proposés.

Avis clients

Fiche-produit-sephora-nocibe-avis-client

Chez Sephora tout comme Nocibé, la note agrégée des avis clients est visible en haut de la fiche produit, près du nom du produit. Cette présentation est plébiscitée par les utilisateurs qui obtiennent une idée des retours clients dès leur arrivée sur la fiche produit.

Sur la présentation détaillée des avis, Sephora reprécise la note globale en haut ainsi que le nombre d’avis qui ont été donnés puis retranscrit les notes et commentaires des clients en-dessous. Chez Nocibé, on ne retrouve pas la note globale ni le nombre d’avis : on passe directement aux commentaires. Les utilisateurs apprécient moins cette présentation qui ne donne pas de vision globale de la notation client.

Note-Fiche-Produit-Sephora-vs-nocibe

 

2. Panier : Sephora vs Nocibé

Ajout au panier

Panier-sephora-nocibe-ajout-panier

Lors de l’ajout du produit au panier, Sephora et Nocibé montrent tous les deux de façon explicite que le produit a bien été ajouté via une pop-in. D’après les utilisateurs, la pop-in de Sephora est plus claire : les boutons “Fermer” et “Commander” sont plus visibles et la hiérarchisation des informations plus pertinente.

Présentation du panier

Panier-sephora-nocibe-presentation

Les informations présentées sont relativement claires pour les utilisateurs sur les deux pages panier Sephora et Nocibé : ils parviennent à décrypter facilement les informations importantes (nom du produit, prix…). Néanmoins, dans le parcours de Nocibé, l’image du produit n’est pas cliquable dans le panier, et ne permet donc pas de retourner facilement sur la fiche produit.

L’estimation des frais de livraison n’est pas bien visible sur le parcours de Nocibé. Pour les montants de commande supérieurs à 60 euros, un bandeau “livraison offerte” apparaît en haut du panier mais la plupart des utilisateurs interrogés ne l’ont pas vu dès le début. Pour les montants de commande inférieurs à 60€, aucune indication sur l’estimation des frais de livraison n’apparaît. Cela représente un vrai frein à la poursuite du parcours d’achat d’après les tests réalisés par Tapbuy. Chez Sephora, la sélection du mode de livraison intervient dès le panier, les utilisateurs connaissent donc précisément le montant total de la commande.

Modification du panier

Panier-sephora-nocibe-selection-taille

Pour changer la quantité du panier, les deux enseignes utilisent un système de menu à roulette. Sephora mise sur un système natif (lié aux fonctionnalités d’iOS ou d’Android) tandis que Nocibé utilise un système customisé, qui est plus compliqué à utiliser selon les utilisateurs (scroll difficile).

Note-Panier-Sephora-vs-nocibe

 

3. Identification client : Sephora vs Nocibé

Choix de l’identification

Identification-sephora-nocibe-ajout-choix-identification

Sephora et Nocibé utilisent un système d’identification différent. Pour Sephora, une pop-up s’ouvre avec 3 options clairement présentées selon les utilisateurs interrogés : “Vous avez déjà un compte”, “Nouveau client” qui distingue les porteurs d’une carte Sephora des non porteurs d’une carte.

Chez Nocibé, le processus d’identification client est moins évident. On atterrit sur une page où il nous est demandé de saisir une adresse e-mail et un mot de passe. En effet, à la question “ Avez-vous déjà un compte Nocibé ? ” la réponse “ Oui, je saisis mon mot de passe ” est sélectionnée par défaut. Dans le cas d’une création de compte, il faut donc sélectionner “ Non, je n’ai pas encore de compte ” pour accéder au formulaire de création de compte. Cette expérience a été jugée déroutante par les utilisateurs.

Ni Nocibé ni Sephora ne proposent d’option « commande invité » ou « guest checkout » qui permettrait aux utilisateurs de s’identifier sans avoir à créer de compte. Ils ne proposent pas non plus d’option d’identification via les réseaux sociaux, qui peuvent permettre de faciliter la création de compte ainsi que la connexion (pas besoin de saisir de mot de passe).

Nombre de champs demandés

Identification-sephora-nocibe-formulaire

Il faut remplir 5 champs obligatoires sur Sephora pour se créer un compte contre 9 champs pour Nocibé ! Sur mobile, un nombre trop élevé de champs à remplir pour se créer un compte est rédhibitoire.

D’après l’étude de Tapbuy sur le top 50 m-commerce en France, les 50 premiers sites e-commerce demandent en moyenne 9 champs obligatoires à leurs utilisateurs pour se créer un compte.

Note-identification-Sephora-vs-nocibe

 

4. Livraison : Sephora vs Nocibé

Choix des options de livraison

Livraison-sephora-nocibe-choix-livraison

Sephora et Nocibé proposent les 3 modes de livraison clés pour les brick and mortar : la livraison à domicile, le point relais et le retrait in-store via le click and collect. Les deux sites offrent également la possibilité aux utilisateurs de se faire livrer à domicile via un mode premium (type Chronopost). Les délais ainsi que le coût de livraison sont bien précisés pour chaque option.

En revanche, la nature des options proposées n’est pas toujours claire sur le parcours de Nocibé. Dans les tests réalisés, les utilisateurs ne comprennent pas la différence entre l’option de livraison “parfumeries” et l’option “retrait gratuit en parfumeries”.

Livraison point relais / click and collect

Livraison-sephora-nocibe-click-and-collect

Les deux enseignes utilisent une interface bien faite pour la livraison in store selon les utilisateurs interrogés. Les deux systèmes sont semblables : les utilisateurs se géolocalisent ou entrent un code postal pour avoir accès aux magasins situés aux alentours. Ils peuvent visualiser l’adresse et les horaires d’ouverture afin de choisir celui qui correspond le mieux à leur besoin.

Livraison à domicile

Livraison-sephora-nocibe-livraison-domicile

Sur Nocibé, l’utilisateur remplit l’ensemble de ses informations personnelles ainsi que son adresse lors de l’étape d’identification, ce qui a pour effet de créer un formulaire extrêmement long. Sephora opte pour une approche différente, et demande les informations de livraison post page identification. Cela permet de proposer des formulaire moins longs et donc plus digestes à chaque étape.

En termes d’optimisation des champs, Nocibé propose une auto-détection de la ville en fonction du code postal rentré (qui ne fonctionne pas toujours parfaitement lors des tests réalisés), ce que ne fait pas Sephora. En revanche, ni Sephora ni Nocibé n’autorisent la détection de l’adresse à partir des premiers caractères saisis par l’utilisateur.

Note-livraison-Sephora-vs-nocibe

 

5. Paiement : Sephora vs Nocibé

Choix des options de paiement

Paiement-sephora-nocibe-choix-paiement

Sephora et Nocibé proposent tous deux le paiement par carte bancaire et le paiement via Paypal. Sephora propose en plus une option de paiement par carte cadeau. Ce choix suffisant mais limité d’options de paiement est plébiscité sur mobile.

Pour la sélection du mode de paiement, Sephora utilise un système d’onglets (scroll nécessaire pour la carte cadeau) alors que Nocibé propose un système de volets dépliants déplié par défaut sur l’option carte bancaire.

Paiement par carte

Paiement-sephora-nocibe-paiement-carte

Sur la page de paiement par carte bancaire, Sephora et Nocibé proposent un formulaire natif, bien lisible globalement. Il existe néanmoins plusieurs pistes d’optimisation. Les utilisateurs sont obligés de sélectionner le type de carte utilisé car ni Sephora ni Nocibé n’ont activé la reconnaissance automatique de la carte bancaire à partir des 1ers chiffres renseignés. Seulement 38% des e-commerçants du top 50 m-commerce 2016 proposent l’auto-détection en 2016.  

Sur le champ numéro de carte, l’utilisateur pourrait être mieux guidé si Sephora et Nocibé formattaient le champ à la manière d’une carte bancaire à savoir 16 chiffres (15 pour Amex) présentés par 4. Aussi, Nocibé devrait proposer un clavier numérique pour les champs numéro de carte et CVC, ce que fait bien Sephora. Enfin, sur le champ date d’expiration, les deux e-commerçants préfèrent proposer un menu à roulette plutôt qu’un clavier numérique, pourtant plus rapide pour les utilisateurs.

Réassurance

Il n’y a pas d’éléments de réassurance sur la page de paiement de Sephora ou Nocibé (pas de logo ou de mention concernant la sécurisation du paiement).

Récapitulatif de la commande

Paiement-sephora-nocibe-recapitulatif-commande

Sephora et Nocibé proposent bien un récapitulatif de la commande lors de l’étape du paiement, ce qui permet aux utilisateurs de ne pas retourner en arrière en cas de doute sur leur achat. Ils utilisent pour cela un système de volet dépliant mais la zone cliquable est très petite selon les utilisateurs interrogés.  

Note-paiement-Sephora-vs-nocibe

 

6. Design : Sephora vs Nocibé

Design  des formulaires

Concernant Sephora, les utilisateurs comprennent les informations à remplir et la hiérarchisation est bien claire : les intitulés des champs sont situés au-dessus et en gras ce qui les rend bien visibles. En revanche, le système pour indiquer s’il s’agit de champs obligatoires ou non n’est pas optimal car l’information est écrite directement dans le champ. Lorsque les utilisateurs commencent à le remplir, plus rien n’indique si le champ est obligatoire ou non.

Sur Nocibé les champs obligatoires sont bien indiqués mais la hiérarchisation des informations pourrait être améliorée : les intitulés des champs ne ressortent pas très bien d’après les utilisateurs interrogés.

Remplissage des champs

Design-sephora-nocibe-remplissage-champs

Notre panel d’utilisateurs a trouvé le remplissage des champs plus facile sur le parcours de Sephora que sur celui de Nocibé.

Sephora désactive l’auto-correct pour les champs de nom, contrairement à Nocibé, ce qui évite aux utilisateurs des erreurs de saisie. Sephora propose également le clavier numérique pour les champs des numéros de téléphone, ce qui permet aux utilisateurs de saisir plus facilement les informations demandées.

Gestion des messages d’erreurs

Design-sephora-nocibe-message-erreur

Le déclenchement des messages d’erreur est immédiat sur le parcours de Nocibé, contrairement à celui de Sephora où il faut valider le formulaire pour voir les informations qui ont mal été remplies.

Dans les deux parcours, les indications des messages d’erreurs sont bien situés près des champs concernés. Cependant, les messages de Nocibé permettent davantage de guider les utilisateurs car ils sont plus détaillés. Par exemple Sephora va seulement dire que “le champ téléphone n’est pas valide” alors que Nocibé va rappeler à l’utilisateur qu’il doit être composé de 10 chiffres.

Note-design-Sephora-vs-nocibe

 

Conclusion

Sephora parvient à se classer à la septième place du top 50 m-commerce à travers un parcours relativement clair pour l’utilisateur et bien pensé pour le mobile.

Nocibé en revanche pêche sur l’identification, avec 15 champs obligatoires ce qui a été souvent rédhibitoire dans les tests que nous avons menés.  

Vous voulez savoir si votre site e-commerce offre une expérience d’achat optimale ? Vous avez une idée précise sur le prochain match de e-commerçants que vous voulez voir ? Laissez-nous vos avis et suggestions dans les commentaires ci-dessous ou par mail sur hello@tapbuy.io :)

Telecharger-top-50-m-commerce-2016