Vers un formulaire parfait ?

L’ergonomie du site marchand : c’est évidement tout à fait fondamental.

Dans la panoplie des points importants, il y a les formulaires. Si l’utilisateur ne sait pas comment le renseigner, où cliquer, où il s’est trompé, … Il peut bien vite se décourager, et « aller voir ailleur ».

Le service Eyojot propose un formulaire d’inscription intéressant :

Vous avez vu : le petit icône apparait au cour de la saisie dans le champ ou juste après avoir changé de champ.

Voila le formulaire complètement rempli :
Tous les champs sont correctement renseignés, et à ce moment là, le bouton pour valider le formulaire devient actif.

On a donc un traitement des erreurs en temps réel, et on ne laisse pas l’utilisateur valider un formulaire qui n’est pas correctement renseigné.

Si en cour de saisie la valeur est incorrecte, la zone est entourée en rouge :

Si l’utilisateur sort du champ de saisie malgrés l’erreur, un popup indique quelle est l’erreur :

Le bonheur s’arrête là ! le formulaire n’est pas parfait, et voici par exemple la situation dans laquelle je me suis retrouvé :

Les zones erronées n’apparaissent pas en rouge (en l’occurence, erreur entre les deux valeurs de l’adresse mail), et le bouton pour valider est innactif…

Dommage, c’était pourtant bien parti !

Le mélange d’Ajax et de Javascript permet d’améliorer l’expérience de l’utilisateur et de l’informer, en temps réel, sur la validité ou non d’une saisie.

C‘est à mon sens une vrai amélioration pour l’utilisateur, et ça doit permettre d’augmenter les ventes.

Reste à faire ça de manière plus professionnelle, avec des tests plus poussés, pour atteindre l’excellence logicielle.

3 commentaires

  1. Nous avons réalisé un script un peu plus poussé que celui que tu présente ici sur http://www.deckmatt-gamer.com.

    L’utilisation du couple ajax/javascript a réduit de manière importante les erreurs dans le formulaire d’inscription qui comme tu le souligne est un élément clé sur un site e-commerce.

    Je serai curieux d’avoir ton avis sur le notre. Je sais que le site n’est pas sans défaut, mais on travail sur une nouvelle version pour l’été 😉

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *