Lors d’un récent voyage en République Tchèque, j’ai acheté une carte de téléphone cellulaire pour ensuite essayer de l’enregistrer sur le site web de T-Mobile. J’étais confuse par la façon dont le formulaire était conçu et il m’a fallu quelques essais avant de pouvoir en arriver à l’étape suivante de l’enregistrement. Pouvez-vous voir pourquoi?

Ma confusion était due aux raisons suivantes :

• Le lien menant vers la prochaine étape est situé à l’extérieur de l’espace visuel dans lequel se trouve le champ de saisie (la boîte grise); je ne l’ai pas remarqué initialement
• Je tape la touche « retour », ce qui me donne un message d’erreur
• Une fois que j’ai remarqué le lien, j’hésite à cliquer car il n’est pas clair («Continuer dans l’enregistrement»)
• Je suis habituée à voir un bouton plutôt qu’un lien texte à côté d’une boîte où j’ai entré de l’information. Je ne sais pas si elle sera sauvegardée si je clique le lien.

Puisque j’aime bien trouver une « morale » à chacune de mes expériences, voici trois trucs tirés de cet exemple qui vous aideront à améliorer vos formulaires :

1. Groupez les éléments qui vont ensemble

Dans cet exemple, une boîte grise est utilisée autour du champ de saisie. C’est une bonne idée, puisqu’il y a d’autres éléments dans la page qui ne font pas partie du formulaire; cette approche les isole du reste. Par contre, le lien vers l’étape suivante aurait dû être inclus dans cet espace visuel, car il fait partie intégrante du formulaire.

2. Respectez les attentes des utilisateurs

Même si la façon dont nous utilisons les formulaires évolue avec les nouvelles technologies du web, les gens se sont habitués à procéder d’une certaine manière. Par exemple, la plupart des gens s’attendent à ce qu’un bouton (ou un graphique qui ressemble à un bouton), et non un lien texte, se trouve à côté d’un champ qu’ils doivent remplir. Plusieurs sites conscients de l’utilisabilité, tels que Backpack et Smugmug, appliquent toujours ce principe :

3. Utilisez des mots spécifiques pour les actions

Le mot « enregistrement » apparaît quatre fois dans la page de T-Mobile, et très près l’un de l’autre. Plutôt que d’utiliser des mots génériques qui peuvent confondre l’utilisateur, sélectionnez des verbes qui indiquent clairement quelle est la prochaine étape logique, tels que « Sauvegarder », « Publier » ou « Envoyer ». Comme Garrett du site yourtotalsite.com le dit si bien : Les boutons devraient communiquer ce qui arrive quand on clique dessus et utiliser un langage que les utilisateurs comprennent.