Améliorer l’expérience utilisateur de vos formulaires web

Une fois n’est pas coutume, cette année m’a permis de proposer et présenter un sujet à un événement que j’apprécie particulièrement : le DevFest Nantes. Dans la rubrique UX/UI Design j’ai proposé un sujet sur l’expérience utilisateur des formulaires web, et quelques pistes d’entrée pour améliorer cette expérience.

Je dis une fois n’est pas coutume car j’avais eu l’occasion de proposer un CodeLab (un atelier de code) sur la puissance des pseudo-éléments en 2018. Mon expérience avec ce DevFest avait été fabuleuse en 2018, et lorsque j’ai vu l’annonce d’appel à orateurs et oratrices pour cette année 2022, j’ai sauté sur l’occasion pour proposer deux sujets.
Celui sur l’expérience des formulaires web aura été retenu, à ma grande surprise puisque l’autre sujet sur les Design Systems me semblait plus attrayant. Mais c’est le jeu ! Et ce sujet sur l’expérience autour des formulaires est vraiment passionnant !

Améliorer nos formulaires web ? Comment faire ? Pourquoi ?

Je me suis posé ces questions plus d’une fois : pourquoi est-ce que ce sujet intéresserait des gens, a priori en 2022 nous avons suffisamment de connaissances et d’outils à notre disposition pour faire ce qu’il faut pour que nos expériences sur ces formulaires web ne soient pas désastreuses.
Non je déconne, c’est toujours pas suffisant apparemment.

Quand je vous ai demandé sur Twitter, j’ai eu quelques réponses sympa :

Je prépare un sujet de conférence sur l'amélioration de l'expérience utilisateur et l'accessibilité des formulaires.

Est-ce que vous auriez des cas d'expérience (en images ou récits),positifs ou négatifs, à me partager ?

Ici, ou DM ouverts bien sûr.
Un grand merci !

— geoffrey.crofte@mastodon.design 🐧 (@geoffreycrofte) July 4, 2022

Slides et vidéos du sujet DevFest Nantes sur l’amélioration de l’UX des formulaires

J’avais distribué le PDF de la présentation avant mon intervention afin que tout un chacun puisse suivre également sur son ordinateur, notamment en cas de nécessité de zoom par exemple. Voici également un Speaker Deck.

Les slides sont également directement visibles sur la vidéo fournie par le DevFest Nantes. Un grand merci aux cadreur, monteur, et régie son pour l’excellent travail, ainsi qu’à la vélotypie qui a plutôt bien réussi à suivre 🙂

Je voulais aussi remercier les personnes présentes qui ont énormément réagit aux différentes expériences racontées, aux questions posées en fin de session, et même durant le reste de la journée. Des questions valides et pas toujours simples à répondre.

Et si vous êtes plutôt du genre sketchnote, Aurélie nous a fait de magnifiques résumés de quelques sujets auxquels elle a assisté. Et j’ai eu le droit à cette belle prise de note. Un grand merci à toi Aurélie c’est fabuleux 🤗

Pour bien commencer la journée, je suis allée assister à la conf de @geoffreycrofte : Améliorer l’expérience utilisateur de nos formulaires web. 👍

Et j’ai bien noté la mention spéciale à @NintendoFrance 😂#html #css #accessibilite #DevFest #DevfestNantes #DevfestNantes2022 pic.twitter.com/Wm9tp9M51L

— Aurelie Touchard 💻 🖍 📒 (@AurelieT44) October 21, 2022

Il faut bien plus que 45 min pour couvrir ce type de sujet, et c’est pour cela que j’ai préparé une checklist pour vous, et que je prépare un e-book en complément également.

Améliorez l’expérience de vos formulaires web : ebook & checklist

La checklist est finalisée et publiee, mais l’ebook est encore en cours de rédaction.

Il sera disponible courant 2023, sans date annoncée pour le moment (c’est sur mon temps libre :p). Mais vous pouvez également être tenu·e informé·e de sa publication par e-mail directement.

Être tenu·e informé·e

Promis, dans les deux cas il n’y aura aucune spam, vous recevrez au maximum 2 mails, un pour la checklist et un autre à la publication de l’ebook.

Merci pour votre soutien et bonne lecture/visionnage à vous !