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

Formulaire de création de compte : OTTO

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

Otto est le leader de la vente par correspondance en Allemagne et la seconde plus grosse entreprise de VPC au monde. Je vous conseille d’aller voir ce site surprenant par ses choix de navigation, notamment en ce qui concerne le design des boutons et de la barre de navigation principale.

 

Nombre d’étapes

Chez Otto, une seule étape pour le formulaire. Pas question de faire saisir l’email du client avant la page de création de compte.

Positionnement de la page

La page de création de compte est accessible directement après la validation du panier. Cette page s’intègre dans un tunnel de commande balisé sur la gauche de la page, ce qui est assez nouveau pour être noté. Ce choix permet de faire remonter le formulaire plus haut sur la page.

Champs demandés

Les champs demandés sont classiques:

  • Civilité
  • Nom et prénom,
  • Adresse,
  • Ville,
  • Code postal
  • Date de naissance (champ obligatoire…)
  • Téléphone (optionnel) + heure de disponibilité sur ce numéro
  • Email
  • opt-in newsletter

Une idée intéressante : Si le client souhaite entrer plusieurs numéros de téléphone, au lieu d’alourdir le formulaire par défaut, Otto présente une ligne bleue avec un « + » qui invite à la saisie. En cliquant sur ce « + », l’internaute fait apparaître deux nouveaux champs téléphone et heures de disponibilité.

Ergonomie générale

L’ergonomie générale est pour l’instant la meilleure observée.

Le chemin de fer du tunnel de commande étant à gauche, le menu de navigation ayant disparu, la page est très claire. Le design est simple mais très soignée avec des couleurs douces. A noter aussi qu’il est rare de voir des un formulaire aussi aérés. Entre deux lignes, on a un bon centimètre. Une taille de police généreuse finit de rendre très agréable cette page de formulaire.

  • 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 à gauche et pas en haut.
  • 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’informations (cgv par exemple…)
  • Rappel de la politique de retour : non
  • Alignement des libellés : à gauche
  • Alignement des champs de saisie : à gauche
Aide
  • Pas d’aide générale en haut de page
  • Des popups d’aide sont accessibles via des liens.

L’aide contextuelle est très performante. Au passage dans chaque champs, une fenêtre d’aide apparaît à droite pour indiquer si la saisie est obligatoire ou pas et pour donner un exemple.

Présence de zone de contact

Il y a bien un lien contact en bas de page mais il n’est pas revendiqué fortement et n’a donc certainement pas comme objectif d’assister les clients dans le tunnel de commande.

Gestion des erreurs

Aucune erreur n’est gérée dans la page, pas même l’oubli d’un champ obligatoire. Mais cela n’est pas vraiment gênant lorsqu’on à une aide contextuelle.

Toutes les erreurs sont détectées en une fois après rechargement de la page. UN message d’erreur général en haut de page invite à vérifier les champs surlignés en rouge.

Les champs concernés sont alors mis an avant par un cadre rouge ainsi qu’une aide contextuelle. Dommage que cette mise en avant ne disparaisse pas lorsque l’internaute a corrigé son erreur.

Normalisation d’adresse

Comme chez la Redoute, pas de correction d’adresse à la volée.

Autres points marquant chez ce marchand

RAS

 

En conclusion

A contre-courant, Otto indique par une « * » les champs qui ne sont pas obligatoires.

En terme d’ergonomie, ce formulaire est de loin le meilleur étudié jusqu’à présent et nul doute que je le citerai souvent dans la synthèse de ce dossier.

Le site mérite d’être visité car il recèle d’idées simples et lumineuses pour rendre agréable l’expérience en ligne. L’écran qui suit la création de compte, sur lequel l’internaute choisi son adresse de livraison est aussi très original.

Otto… find’ ich gut

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 :

Webrankinfo hacké !

Je me connecte ce matin sur le site de WRI, le site référence pour le référencement naturel en france et que vois-je ?!

Le site est hacké !

On trouve à la place du célèbre site une page unique qui ramène vers des pubs en ligne d’une régie que je ne connais pas. D’après alexa, WRI est le 2329 site mondial en trafic. On peut imaginer au moins 100.000 VU par jour dont 10% vont cliquer sur un pub à 0€50 soit 5000€ par jour… à qui profite le crime ?

Je me suis déjà fait hacké un site. c’est un grand sentiment de désespoir, un peu comme un cambriolage. Je suis de tout coeur avec toi Olivier.

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 :