Améliorer l’expérience utilisateur des formulaires mobiles – partie 1

Ce contenu a été rédigé il y a 6 ans. Il se peut qu'il ne soit plus à jour.

Cette semaine j’ai publié un article sur Smashing Magazine sur l’expérience utilisateur des formulaires intitulé « UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1)« . Il sera publié en deux parties. Les formulaires sont le moyen d’interaction principal des utilisateurs avec nos services et produits. On dénombre aujourd’hui plus d’utilisateurs mobiles que « desktop » à travers le monde. Pourtant, l’expérience des formulaires sur mobile est toujours et encore désastreuse.

Lire l’article (en Anglais)

Dans la première partie de l’article, je reviens sur les bases de bonnes pratiques et d’ergonomie mobile : placement des labels, taille des champs, structure, hiérarchie d’information à l’intérieur du formulaire. Je propose ensuite des solutions techniques et ergonomiques pour réduire les coûts d’interaction sur mobile en fonction des besoins utilisateurs. Enfin, je reviens sur les bases pour la prévention et gestion des erreurs.

Cette première partie a vocation de guide de bonnes pratiques. Comme toutes les bonnes pratiques, il s’agit bien sure de bases, parfois vous devrez peut-être y déroger en fonction de besoins spécifiques de vos utilisatrices et projets. Le mot d’ordre : testez, TESTEZ vos formulaires, sur des appareils mobiles, avec VOS utilisateurs.

Pour le moment je n’ai pas de traduction de l’article (vu la longueur vous comprendrez pourquoi) mais pour les francophones, vous pouvez consulter les slides de ma conférence « Aidez-moi à remplir vos formulaires mobile ! – Blend Web Mix 2016 » ou consulter la vidéo. C’est bien sure moins complet que l’article puisque ces contenus datent de 2016 mais vous avez une base.