ikom.fr – Conseil en stratégie e-commerce et multi-canale

Formulaire de création de compte : spartoo

Cet article s’insère dans le cadre du Dossier de conception du formulaire d’inscription. Le prochain post que je publierai sera l’étude de spoonkey puis viendra la synthèse de ce dossier.

On ne présente plus spartoo en France, puisque cette marque semble avoir pris le leadership de la vente de chaussures sur Internet en France en tous cas d’après Alexa.

 

Nombre d’étapes

Le tunnel de commande est particulier chez spartoo puisque après le panier, il n’a que deux écrans (identification et paiement).

Pour arriver à ce résultat, spartoo use d’une technique inédite (selon moi) en e-commerce : l’écran d’identification est le même que l’écran de création de compte.

Sur la page d’identification, dès que l’internaute saisit son email et sort de champ, le formulaire de création de compte apparaît sans rechargement de page sous le champ email. Belle astuce pour gagner une page!

Positionnement de la page

La page de création de compte est la première page qui suit la page du panier. Comme chez Otto, le chemin de fer est présenté de manière originale, à droite du logo. Personnellement, je ne suis pas fan car je pense qu’un chemin de fer doit faire apparaître au client les étapes lui permettant de comprendre et modifier sa commande.

Champs demandés

Les champs demandés sont classiques:

  • On commence par l’email et le mot de passe,
  • Nom et prénom,
  • Sexe à la place de la civilité.
  • Date de naissance (champ facultatif)
  • Téléphone,
  • Adresse,
  • Ville,
  • Code postal
  • Email du parrain (champ facultatif)

A noter qu’on ne demande pas sur cette page si je souhaite m’abonner à la newsletter.

Ergonomie générale

L’ergonomie du formulaire est très bonne quoi que moins aérée que celle de Otto.

Ce qui est intéressant, c’est la présentation à droite de chaque champs de pictogrammes, permettant de bien comprendre les champs qui restent à remplir, ceux qui sont déjà remplis et ceux qui sont remplis mais qui ont une erreur.

De même, les champs facultatifs sont indiqués très clairement par un facultatif plus clair que l’habituelle *.

  • Présence de l’ arborescence dans le haut de la page : non
  • Présence d’un chemin de fer indiquant l’étape du tunnel de commande : oui mais très bref.
  • Surlignement du champ actif à la saisie : non
  • Affichage des produits sur la page de création de compte : non
  • Style des zones cliquables : il n’y a aucune zone cliquable sur cette page, pas même le logo de la marque pour retourner sur la page d’accueil. c’est un vrai tunnel de commande.
  • Rappel de la politique de retour : non
  • Alignement des libellés et des champs de saisie : ils sont placés dans une même cellule alignée à droite
Aide

Aucune aide, ni directement sur la page, ni derrière un clic.

Présence de zone de contact

non

Gestion des erreurs

Les erreurs sont toutes gérées directement dans la page, lors de la saisie. Un picto indique que le champ est correctement rempli ou pas.

Un message apparaît d’ailleurs en bas pour expliquer ce qui n’est pas bon.

On ne peut pas valider le formulaire tant que tous les champs ne sont pas correctement remplis.

Normalisation d’adresse

Comme chez la tous les autres marchands étudiés, pas de correction d’adresse à la volée.

Autres points marquant chez ce marchand

RAS

 

En conclusion

spartoo est un exemple intéressant. L’originalité de ce formulaire de création de compte est liée aux faits que les pages d’identification et de création de compte ne font qu’une et au fait que le formulaire ne peut être envoyé que lorsque tous les champs sont correctement remplis, évitant ainsi tout chargement de page.

Ce dernier point est-il risqué ? L’internaute préfère-t-il un rechargement ? A mon avis, certaines erreurs peuvent être gérées dans la page (longueur d’un champ par exemple), d’autres doivent être gérées par un rechargement (oubli d’un champ par exemple).

A noter enfin, que spartoo ne me demande à aucun moment dans le tunnel de commande si je souhaite recevoir la newsletter…

Sondage : performance de votre page création de compte

Pour finir le désormais classique sondage de fin de dossier : ce sondage permet à chacun d’entre nous de nous bencher par rapport aux autres. Le but de ce sondage est de mesurer l’efficacité du formulaire de création de compte. La valeur à saisir est donc, sur une période significative (au moins un mois), le rapport entre le nombre de visiteurs ayant créé un compte sur le nombre de visiteurs ayant accéder à la page de création de compte.

{democracy:9}

Vous avez aimé cet article ? Inscrivez-vous à la newsletter de ce site pour être prévenu à chaque nouvelle parution.


 

ou abonnez-vous au flux rss :

Formulaire de création de compte : SmartBargains

Cet article s’insère dans le cadre du Dossier de conception du formulaire d’inscription.

Nombre d’étapes

Le formulaire se remplit en 2 étapes. Cela semble devenir un standard aux USA.

Sur cet écran, pas de correction d’erreur instantanée mais un appel serveur. Un message indique aux nouveaux clients que le mot de passe sera choisi ultérieurement.

Positionnement de la page

La page de création de compte est accessible directement après la validation du panier. Il est intéressant de noter que la page suivante constitue à elle même toutes les étapes du tunnel de commande.

Champs demandés

Le client saisit sur cette page l’intégralité des informations lui permettant de valider sa commande (adresse et mode de livraison, création de compte, informations de paiement).

Les champs demandés sont classiques:

  • Nom et prénom,
  • Adresse,
  • Ville,
  • Etat,
  • Code postal
  • Téléphone

A noter que ce site ne demande pas la civilité du client… Je serai curieux de connaître vos réactions par rapport à ces deux choix du site (le tunnel sur une page et la civilité laissée de coté).

Ergonomie générale

L’ergonomie générale est simple mais la page reste chargée vu le nombre d’informations à remplir.

  • Présence de l’ arborescence dans le haut de la page : non
  • Présence d’un chemin de fer indiquant l’étape du tunnel de commande : oui mais à l’intérieur de la page.
  • Surlignement du champ actif à la saisie : non
  • Affichage des produits sur la page de création de compte : oui
  • Style des zones cliquables :
    • boutons à la charte homogène, que ce soit pour les zones d’actions vitales (continuer) ou secondaire (aide),
    • liens hypertextes classiques pour accéder à plus d’informations (learn more, how to request credit …)
  • Rappel de la politique de retour : non
Aide
  • Pas d’aide générale en haut de page
  • Des popups d’aide sont accessibles via des liens.
Présence de zone de contact

Il n’y a pas de zone contact, que ce soit par mail ou par téléphone.

Gestion des erreurs

Difficile de tester toutes les erreurs puisqu’il faut payer pour avancer (et vu le prix moyen de l’article …).

Toutes les erreurs sont détectées en une fois mais après rechargement de page.

Les champs concernés sont alors mis an avant par une astérisque rouge. A noter que cette mise en avant ne disparaît pas à la volée lorsque l’erreur est corrigée. Dommage… LaRedoute fait mieux ici.

Normalisation d’adresse

Chez SmartBargains comme chez La Redoute ou amazon, il n’y a pas pas de normalisation d’adresse visible par le client. C’est à se demander si cela est vraiment souhaitable…

Autres points marquant chez ce marchand

RAS

 

En conclusion

Ce site est plus intéressant à étudier par son originalité de gestion du tunnel de commande que par la qualité de son formulaire.

Le nombre de champs, de logos, de liens et de zone cliquable nuit a l’efficacité de la page. Vraiment étonnant de la part de ce site qui a extrêmement soigné son ergonomie sur la fiche produit. Je pense que ces choix sont pertinents pour le public visé par l’enseigne.

Sondage

Suite à cette étude, j’aimerais connaître votre avis concernant la gestion en une page du tunnel de commande.

{democracy:10}

Vous avez aimé cet article ? Inscrivez-vous à la newsletter de ce site pour être prévenu à chaque nouvelle parution.


 

ou abonnez-vous au flux rss :

Formulaire de création de compte : La Redoute

Cet article s’insère dans le cadre du Dossier de conception du formulaire d’inscription.

Nombre d’étapes

Le formulaire se remplit en 2 étapes.

Positionnement de la page

La page de création de compte est accessible directement après la validation du panier. Cependant, la page de création de compte ne fait pas partie de la cinématique du tunnel de commande.

Champs demandés

Les champs demandés sont nombreux :

  • Adresse email et confirmation,
  • Mot de passe et confirmation,
  • Civilité,
  • Nom,
  • Prénom,
  • Adresse et Complément d’adresse,
  • Code postal,
  • Ville,
  • Pays,
  • 3 numéros de téléphone …
  • Date de naissance,
  • Nombre d’enfants,
  • Date de naissance des enfants,
  • ouf ! c’est terminé …

Alors là, c’est intéressant : certes des * indiquent les champs indispensables mais plus de deux pages de scroll pour enfin trouver le bouton CONTINUER, c’est rude… Surtout lorsqu’on voit que l’on se trouve à l’étape 1/2 de la création de compte.

Ergonomie générale

L’ergonomie est très chargée.

  • Présence de l’ arborescence dans le haut de la page : oui
  • Présence d’un chemin de fer indiquant l’étape du tunnel de commande : non
  • Surlignement du champ actif à la saisie : non
  • Affichage des produits sur la page de création de compte : non
  • Style des zones cliquables :
    • boutons à la charte homogène, que ce soit pour les zones d’actions vitales (continuer) ou secondaire (aide),
    • liens hypertextes classiques pour accéder à plus d’information (carte famille nombreuse)
  • Rappel de la politique de retour : oui
Aide
  • Un texte explique en haut de la page ce que l’internaute doit faire sur cette page.
  • Des popups d’aide sont accessibles via des boutons en face de deux champs (mot de passe et carte famille)
Présence de zone de contact

Les menus de navigation étant présent, la zone de contact est accessible via la page formulaire.

Gestion des erreurs

Certaines erreurs sont détectées sans rechargement de la page (oubli d’un champ, cohérence de l’adresse email).

Les champs concernés sont alors mis an avant par une astérisque rouge. A noter que cette mise en avant disparaît à la volée lorsque l’erreur est corrigée. C’est une bonne chose que l’on retiendra dans les best practise mais on l’on peut se demander pourquoi ne pas l’avoir fait aussi dès la première utilisation du formulaire par l’internaute.

Normalisation d’adresse

Chez LaRedoute aussi, il n’y a pas pas de normalisation d’adresse visible par le client. Ce qui ne veut pas dire que cette normalisation n’a pas lieu en Back-office. La priorité semble donnée chez laredoute à faciliter l’enregistrement de la commande, même si l’adresse de livraison est 34000-LYON.

Autres points marquant chez ce marchand

L’étape 2/2 de la création de compte est entièrement dédiée aux newsletter thématiques.

En conclusion

Il est intéressant de voir qu’un des leaders du e-commerce n’hésite pas à mettre en place un formulaire à rallonge. La perte éventuelle de clients découragés est sans doute négligeable par rapport à la valeur que cette entreprise est capable de créer à partir d’une base de données clients ultra-qualifiée.

En terme d’ergonomie, laredoute.fr fait également le choix de laisser tous les menus de navigation (haut et bas) et de ne pas faire apparaître de chemin de fer de commande, ce qui est surprenant. Laredoute nous sort donc du cliché du tunnel de commande dans lequel il faut enfermer le client pour que plus rien ne le détourne du paiement.

Sondage : performance de votre page création de compte

Pour finir le désormais classique sondage de fin de dossier : ce sondage permet à chacun d’entre nous de nous bencher par rapport aux autres. Le but de ce sondage est de mesurer l’efficacité du formulaire de création de compte. La valeur à saisir est donc, sur une période significative (au moins un mois), le rapport entre le nombre de visiteurs ayant créé un compte sur le nombre de visiteurs ayant accéder à la page de création de compte.

{democracy:9}

Vous avez aimé cet article ? Inscrivez-vous à la newsletter de ce site pour être prévenu à chaque nouvelle parution.


 

ou abonnez-vous au flux rss :