Ergonomie : comment bien designer un formulaire de login ? C’est l’un des formulaires les plus répandus (avec le formulaire de recherche, mais là, difficile de faire mieux que Google). StumbleUpon nous donne un exemple particulièrement réussi.Voici une copie d’écran du formulaire, annotée par mes soins (non, les cercles rouges n’apparaissent pas dans le formulaire d’origine) :
Démonstration, du haut par le bas.
- Esthétiquement, le formulaire est clair, sobre ;
- J’adore, en face de chaque champ, la petite explication de texte qui s’affiche quand le curseur est dans le champ ; c’est élégant et efficace, d’autant que l’on comprend bien le vocabulaire utilisé ;
- Le petit message sur la sûreté du mot de passe est rassurant ; un peu trop « technique » mais ça rassure tout de même ;
- Le must : le test en temps réel des caractères tapés dans le mot de passe ; plutôt que de retourner au formulaire avec un message d’erreur, on affiche en temps réel les erreurs de saisie (message rouge qui ne s’affiche que si je tape des caractères bizarres) ; le nombre de formulaires que j’ai dû re-soumettre parce qu’ils ne prenaient pas les caractères hors-alpha dans les mots de passe… ça fait du bien ; bon, ok, ç’aurait été mieux de les prendre en compte de toutes façons ;
- Le bouton « Join Now » est évident et naturel. Il rappelle pourquoi on est sur le formulaire, mieux qu’un simple « ok ».
Voilà. Gratuitement, 5 conseils pour rendre vos formulaires de login plus sexy. Au boulot !
Et vous ? Avez-vous d’autres idées ?
