Formulaires Web : Les erreurs à éviter qui vous coûtent cher

· Product Design (FR) Book 1 · Geoffrey Crofte
2 reviews
Ebook
341
Pages
Eligible

About this ebook

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.

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 form...

Discover more

Ratings and reviews

2 reviews
Design UX Francophone
May 2, 2024
Nous conseillons ce livre à toute personnes dont le profil serait designer, développeur, product own, product manager ou business analyst, ou similaire, travaillant dans le web ou les applications mobiles ou métier. Ce livre traite d'évidences en design qui sont totalement ignorées par les professionnels du web. De quoi améliorer l'expérience utilisateur et vos conversions !
Did you find this helpful?

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.

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 @lordleathercraf...

Rate this ebook

Tell us what you think.

Reading information

Smartphones and tablets
Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.
Laptops and computers
You can listen to audiobooks purchased on Google Play using your computer's web browser.
eReaders and other devices
To read on e-ink devices like Kobo eReaders, you'll need to download a file and transfer it to your device. Follow the detailed Help Center instructions to transfer the files to supported eReaders.