Formulaires Web : Les erreurs à éviter qui vous coûtent cher
About this audiobook
C’est quotidiennement que nous interagissons avec des pages web, des applications mobiles, des “Web Apps” et depuis quelques années ce qu’on appelle aussi des PWA (Progressive Web App). Ces artefacts qui composent le monde riche qu’est devenu le web ont tous au moins un point en commun : les formulaires qui nous permettent d’interagir avec ses contenus, ses créateurs, et bien d’autres personnes.
Ces formulaires ont pas mal évolué depuis les débuts du web. Les premières sources trouvées lors de mes recherches remontent à une interface nommée Archie, qui proposait un formulaire de recherche dans un index en FTP (File Transfer Protocol – ou protocole de transfert de fichiers en français) sur un réseau local. Rien qui ne représente donc une forte interaction avec autrui.
Avec la norme Web Forms 1.0, beaucoup de nouveautés adoptées autour de ces formulaires ont ensuite stagné jusqu’à un besoin de changement avec les usages mobiles notamment entre 2008 et 2015. D’ailleurs la norme Web Forms 2.0 commence son écriture en 2008, l’époque où j’ai commencé à me professionnaliser dans le domaine du web.
La norme Web Forms 2.0 introduite avec HTML 5 nous a apporté de nouveaux types de champs de formulaire, en nombre : e-mail, URL, téléphone, etc., ainsi que de nouvelles API (Application Programming Interface) en JavaScript, et continue d’évoluer aujourd’hui bien plus vite que par le passé. N’attendez pas une nouvelle version de HTML pour vous mettre à jour : HTML est un Living Standard, c’est-à-dire qu’il évolue constamment depuis cette version 5.
Ces évolutions techniques, ces champs, et autres nouveautés, ont pour but d’accompagner les changements d’usage notamment du côté des habitudes des utilisateurs et utilisatrices de terminaux mobiles comme les smartphones et tablettes, mais également d’enrichir les possibilités d’interaction sur l’ensemble des terminaux que nous utilisons aujourd’hui.
Malgré cette belle évolution, il n’est pas rare de trouver des formulaires à un niveau déplorable en termes d’expérience utilisateur.
Comment en sommes nous arrivés là alors que la technologie est censée nous aider à améliorer les services numériques que nous proposons ?
Ma réponse en une phrase : c’est un doux mélange de responsabilités entre service (client), design et ergonomie, accessibilité et technique, qui plonge nos utilisateurs et utilisatrices dans une dégradation de leur expérience avec nos sites web et plus particulièrement nos formulaires. Autrement dit, l’expérience utilisateur et l’expérience client est un processus à multiples étapes et intervenants qui peut s’apparenter à une machine : si un seul engrenage ne fait pas son travail, c’est tout le processus qui peut être mis à mal.
Comment pouvons-nous introduire un meilleur niveau d’expérience pour nos visiteurs ? Comment contrôler et mesurer cette qualité ?
Entre accessibilité, ergonomie, expérience et recherche utilisateur, interface utilisateur, HTML et CSS, faisons un rapide point sur l’état de l’art des formulaires web, et sur la manière dont nous pouvons améliorer tout cela.
About the author
Geoffrey est un passionné d'arts martiaux, de design et de photographie. Son expérience sur les tatamis lui a enseigné l'humilité et le respect. En dehors du dojo, il s'aventure dans l'artisanat de la maroquinerie depuis 2021, partageant ses créations sur Instagram sous le pseudo @lordleathercraft Plongé dans le monde professionnel du web depuis 2009, il explore le design et le développement, évoluant du front-end à la gestion de projets, en passant par le design d'interface. Son expérience variée, de freelance à des startups internationales, lui a ouvert les yeux sur la diversité des utilisateurs. Son premier livre d'une série sur le Product Design est axé sur les erreurs autour des formulaires et résulte de recherches approfondies et de contributions d'experts mêlant des opinions nuancées. Car le monde n'est que rarement binaire. Rejoignez l'exploration de perspectives étayées par la recherche, toujours conscient des nuances qui font la richesse de notre expérience commune.
Stéphanie est une Product Designer spécialisée dans la recherche utilisateur et l'élaboration de solutions métier répondant à des besoins complexes. Elle partage ses recherches et sa veille sur les réseaux sociaux un peu partout où vous pourrez croiser son nom.
