Il y a quelques mois, grâce à un travail important de Cesar et kazhar, nous avions pu migrer le système d’authentification du site vers l’authentification SCoderz (Z), qui vous permet dorénavant de n’avoir qu’un seul login/mot de passe pour vous connecter sur le site ET sur le réseau.

Cette évolution est un réel pas en avant pour la communauté, mais malheureusement la page d’inscription s’en était retrouvée complexifiée (gestion des erreurs peu explicite, resaisie des données, ordre du formulaire pas forcément logique …). Le nombre d’inscriptions au site avait chuté de 7 en moyenne par jour, à une moyenne de 3 par jour.

Nous avons donc pris le taureau par les cornes, et sommes repartis à zéro pour cette page, avec 2 mots d’ordre : simplicité et ergonomie.

Les 3 étapes

Nous avons supprimé tous les éléments non primordiaux, afin que notre utilisateur ait le moins d’informations à saisir. Nous n’avons gardé que le login, le mot de passe et l’adresse email de l’utilisateur. 3 champs à saisir : nous avons donc créé trois zones de saisie comportant un titre vraiment explicite, des informations sur le format autorisé, et des outils d’aide à la saisie.

Nous avons fait le choix de représenter ces trois zones horizontalement. Nous n’aurions pas pu le faire s’il y avait eu plus de trois zones.

Outils d’aide à la saisie

Nous avons implémenté deux outils que l’on retrouve habituellement sur les grands sites : la vérification de la disponibilité de son login en amont de l’inscription, et la vérification du niveau de sécurité du mot de passe.

Pour la vérification du login, rien de bien complexe : un petit appel Ajax lorsqu’on part du champ login (pour éviter de surcharger la base nous ne l’avons pas fait à chaque lettre tapée), et on affiche un petit message sous le champ pour informer l’utilisateur de la disponibilité du pseudo qu’il a choisi.

Concernant le test du niveau de sécurité du mot de passe, ca a été un peu plus compliqué : nous n’avons pas trouvé de script réellement performant sur le net (tous ne prenaient pas suffisament de paramètres en compte pour que ca contente notre cher Cesar ). Nous avons donc élaboré un système de points et de pénalités, en fonction des critères suivants :

• longueur du mot de passe
• présence de majuscules
• présence de chiffres
• présence de caractères spéciaux

Ce script sera rendu libre sous peu, et diffusé sur ce blog.

Messages d’erreur explicites

Enfin, et c’est le dernier point, nous avons ajouté des messages d’erreur explicites aux champs de saisie, afin d’aider au maximum l’utilisateur à corriger les erreurs. Les champs devant être modifiés ont été mis en valeur de la façon suivante :

Toutes ces modifications ont été mises en ligne hier : il ne nous reste plus qu’à suivre l’évolution du nombre d’inscriptions / jour pour savoir si notre travail simplifie réellement l’inscription … Résultats dans quelques jours

N’hésitez pas à nous transmettre vos remarques ici ou sur le forum, que ce soit d’ordre esthétique, fonctionnel ou ergonomique !

Cet article a été publié le Samedi 2 décembre 2006 à 16:30 et est classé dans Divers. Vous pouvez suivre les réponses reçues par cet article grâce au fil RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre site.