Cet article s’insère dans le cadre du Dossier de conception du formulaire d’inscription. Le prochain post que je publierai sera la synthèse de ce dossier.
SpoonKey est le site lancé par Michael Cru. L’idée est que la SpoonKey deviennent un identifiant unique chez tous les sites partenaires qui permette au client de ne pas ressaisir toutes ses informations à chaque création de compte. Le bénéfice pour les marchands étant de diminuer son taux d’abandon sur le fameux formulaire d’inscription. Il paraissait donc intéressant d’étudier comment est conçu le formulaire d’inscription pour se créer une spoonkey.
Nombre d’étapes
La création de la spoonkey se fait en 3 étapes.
Champs demandés
Sur l’étape 1 :
- Civilité,
- Nom et prénom,
- Date de naissance,
- Adresse mail + confirmation,
- Mot de passe (sans confirmation),
- Téléphone.
Sur l’étape 2 :
Cette étape est consacrée à l’adresse saisie sous la norme AFNOR car SpoonKey normalise les adresses.
- Pays,
- CP,
- Ville,
- Etage/Appt,
- N°,
- Complément de numéro,
- Voie,
- Complément d’adresse.
Notons qu’ici, le site propose une liste de villes au client en fonction de son code postal ainsi qu’une saisie de l’adresse assistée en fonction des adresses connues. Aucun site marchand étudié jusqu’à présent ne fait cela… étrange ?
L’etape 3 est consacrée au choix de son identifiant spoonkey.
Ergonomie générale
L’ergonomie du formulaire est simple est colorée. il n’y a aucun lien d’aide, aucun bouton. L’internaute est « condamné » à saisir ses informations pour cliquer sur le bouton VALIDER très visible.
- 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 car trois étape
- 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 à droiteLe gros plus de spoonkey, c’est le java script qui accompagne l’internaute et lui indique à la volée quels champs sont remplis ou lesquels sont oubliés ou mal remplis.
Aide
Une aide est présente sur la droite du formulaire en permanence.
Deux niveaux d’aide à la volée :
- les petites coches indiquant au client s’il a bien rempli le formulaire
- les messages d’erreurs qui apparaissent si le client valide le formulaire avec une erreur ou un oubli.
Ainsi, la plupart des erreurs sont détectées dans la page au moment de la saisie.
Gestion des erreurs
Si l’internaute valide son formulaire alors qu’il a encore des erreurs, la page lui indique à nouveau les erreurs en faisant apparaître une bulle sur les champs concernés.
Normalisation d’adresse
Bel exemple de normalisation d’adresses à la volée.
Autres points marquants chez ce marchand
Notons qu’en dernière étape, SpoonKey propose de la coregistration. Avoir un formulaire sur deux pages est alors un avantage car cela permet de présenter les bons sites aux bonnes personnes…
En conclusion
Spoonkey a porté son effort sur le formulaire et en particulier, la normalisation des adresses. C’est en effet une des grosses valeurs ajoutées du site pour les marchands qui n’auraient pas intégré cette fonctionnalité.
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.
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 : 
