{"id":8274,"date":"2022-11-14T22:57:37","date_gmt":"2022-11-14T21:57:37","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=8274"},"modified":"2023-01-07T22:24:49","modified_gmt":"2023-01-07T21:24:49","slug":"checklist-ameliorez-ux-formulaires-web","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/checklist-ameliorez-ux-formulaires-web","title":{"rendered":"Checklist : Am\u00e9liorez l&rsquo;UX de vos formulaires web"},"content":{"rendered":"<p>Comme je l&rsquo;annon\u00e7ais dans l&rsquo;article \u00e0 propos du <a href=\"https:\/\/www.creativejuiz.fr\/blog\/evenements\/ameliorer-lexperience-utilisateur-de-vos-formulaires-web\">DevFest de Nantes de 2022<\/a>, j&rsquo;ai travaill\u00e9 r\u00e9cemment sur la r\u00e9alisation d&rsquo;une checklist afin d&rsquo;accompagner product designers, product owner, d\u00e9veloppeurs et designers dans la r\u00e9alisation de meilleurs formulaires web.<\/p>\n<p><!--more--><\/p>\n<p>La r\u00e9daction vient d&rsquo;un constat assez simple : apr\u00e8s ce nombreuses recherches sur ce sujet des formulaires web, il s&rsquo;av\u00e8re que ces derniers ont des impacts de plus en plus forts sur notre quotidien. Et pour cause, de plus en plus de processus avant \u00ab\u00a0physique\u00a0\u00bb se font maintenant num\u00e9riquement, souvent par l&rsquo;interm\u00e9diaire de formulaire web.<\/p>\n<p>Beaucoup se sont improvis\u00e9s cr\u00e9ateurs de formulaire du jour au lendemain sans forc\u00e9ment avoir les connaissances ad\u00e9quates du web, et lorsque c&rsquo;est le cas, les connaissances de l&rsquo;accessibilit\u00e9 num\u00e9rique, d&rsquo;ergonomie, ou des capacit\u00e9s m\u00eame des navigateurs modernes ne sont pas toujours bien connues. Et c&rsquo;est normal, le web a \u00e9volu\u00e9 tr\u00e8s vite, et ses usages avec.<\/p>\n<h2>Une checklist \u00e9volutive pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur de vos formulaires<\/h2>\n<p>C&rsquo;est sur ce constat et l&rsquo;\u00e9lan apport\u00e9 par un sujet que je traite depuis des ann\u00e9es que j&rsquo;ai souhait\u00e9 partag\u00e9 avec vous gratuitement cette checklist de 67 points (\u00e0 l&rsquo;\u00e9criture de ces lignes) \u00e0 v\u00e9rifier avant, pendant, ou apr\u00e8s la r\u00e9alisation d&rsquo;un formulaire.<\/p>\n<p><a href=\"https:\/\/geoffreycrofte.com\/clf\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-8275\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2022\/11\/ameliorez-experience-formulaire-web-checklist-geoffrey-crofte.jpg\" alt=\"\" width=\"1280\" height=\"720\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2022\/11\/ameliorez-experience-formulaire-web-checklist-geoffrey-crofte.jpg 1280w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2022\/11\/ameliorez-experience-formulaire-web-checklist-geoffrey-crofte-300x169.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2022\/11\/ameliorez-experience-formulaire-web-checklist-geoffrey-crofte-600x338.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2022\/11\/ameliorez-experience-formulaire-web-checklist-geoffrey-crofte-768x432.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a><\/p>\n<p>Pour r\u00e9sumer cette checklit en quelques chiffres :<\/p>\n<ul>\n<li>14 pages d&rsquo;items et conseils<\/li>\n<li>67 items \u00e0 v\u00e9rifier avec des exemples, conseils et liens<\/li>\n<li>1 fichier PDF importable ou imprimable<\/li>\n<li>Note de 5\/5 (merci au 2 notes actuelles \ud83d\ude01\ud83d\udc4d)<\/li>\n<\/ul>\n<p><a class=\"livre\" href=\"https:\/\/geoffreycrofte.com\/clf\">T\u00e9l\u00e9charger cette checklist<\/a><\/p>\n<h3>Pourquoi cette checklist sur la qualit\u00e9 des formulaires ?<\/h3>\n<p>Malgr\u00e9 notre professionnalisme et notre volont\u00e9 de bien faire, il nous arrive de prendre des raccourcis dans nos m\u00e9thodes et nos d\u00e9cisions. Cette checklist est un outil d\u2019auto-contr\u00f4le pour vous assurer que vous n\u2019avez rien oubli\u00e9.<\/p>\n<p>Vous pouvez \u00e9galement l&rsquo;utiliser comme base de travail pour d\u00e9finir des r\u00e8gles d&rsquo;\u00e9quipe, et rappeler aux product owners, aux managers, ou encore \u00e0 vos directeurs et directrices que la qualit\u00e9 prend du temps et de l\u2019attention, et que prendre des raccourcis, c&rsquo;est prendre des risques de perdre de l&rsquo;argent. (j&rsquo;en parle un peu dans <a href=\"https:\/\/www.creativejuiz.fr\/blog\/evenements\/ameliorer-lexperience-utilisateur-de-vos-formulaires-web\">mon sujet de conf\u00e9rence<\/a>)<\/p>\n<h3>Comment utiliser cette checklist qualit\u00e9 ?<\/h3>\n<p>Chaque entr\u00e9e de cette checklist est cens\u00e9e vous aider \u00e0 apporter une meilleure qualit\u00e9 globale \u00e0 votre formulaire web, peu importe son niveau de complexit\u00e9 initial. Chaque item ignor\u00e9 risque de rajouter une friction \u00e0 l\u2019usage.<\/p>\n<p>Il vous appartient cependant de consid\u00e9rer le contexte et votre propre cas d\u2019usage afin de vous assurer de l\u2019interpr\u00e9tation de chaque item. Par exemple, si je vous dis \u201cLa hi\u00e9rarchie d\u2019information est coh\u00e9rente\u201d, c\u2019est \u00e0 vous de d\u00e9finir et v\u00e9rifier cette coh\u00e9rence dans votre contexte et avec l\u2019aide de vos utilisateurs et utilisatrices (et designers, et d\u00e9veloppeur, et toute autre personne utile).<\/p>\n<p>Utilisez cette liste pour dialoguer avec vos paires et vos coll\u00e8gues lors d\u2019une collaboration. L\u2019objectif est l\u2019alignement des forces vives du projet, casser les silos et garder en t\u00eate l&rsquo;objectif final : un formulaire avec une utilisabilit\u00e9 irr\u00e9prochable, ou presque.<\/p>\n<p><a class=\"livre\" href=\"https:\/\/geoffreycrofte.com\/clf\">T\u00e9l\u00e9charger la checklist<\/a><\/p>\n<h2 id=\"affilier\">Gagner de l&rsquo;argent gr\u00e2ce \u00e0 cette checklist sur la qualit\u00e9 des formulaires web ?<\/h2>\n<p>Derri\u00e8re ce dernier titre racoleur, puisque vous auriez le droit de vous dire que c&rsquo;est difficile de gagner de l&rsquo;argent avec une liste distribu\u00e9e graphiquement, il y a une r\u00e9alit\u00e9 malgr\u00e9 tout.<\/p>\n<p><del>Gumroad<\/del> <ins>Payhip (j&rsquo;ai chang\u00e9 de service apr\u00e8s le foutage de gueule en public de Gumroad)<\/ins> permet de d\u00e9finir un prix de base \u00e0 0\u20ac pour un objet distribu\u00e9 gratuitement. Cependant j&rsquo;ai laiss\u00e9 libre la possibilit\u00e9 de mettre un prix personnalis\u00e9 \u00e0 partir de 4\u20ac (oui cette liste \u00e9tait gratuite quelques mois pour la beta). Certaines personnes ont mis jusqu&rsquo;\u00e0 20\u20ac pour cette checklist, et je ne peux que remercier chacun des contributeurs et contributrices (mesdames vous \u00eates biens plus g\u00e9n\u00e9reuses d&rsquo;ailleurs) qui \u00e9valuent et gratifient le temps pass\u00e9 sur cette checklist qualit\u00e9 web.<\/p>\n<p>La moyenne fin 2022 (lorsque le produit \u00e9tait gratuit) \u00e9tait de 0,52\u20ac par t\u00e9l\u00e9chargement. Il est donc possible pour vous, si vous souhaitez relayer plus activement cette ressource, de peut-\u00eatre gagner 50% des dons et paiements. Je ne peux rien promettre bien s\u00fbr, cela d\u00e9pendra des achats de chaque personne. Pour devenir affili\u00e9\u00b7e, c&rsquo;est par ici : <a href=\"https:\/\/payhip.com\/auth\/register\/af6391a4013e536\">Devenir affili\u00e9\u00b7e<\/a><\/p>\n<p>Vous pourrez \u00e9galement partager et toucher un revenu pour mes prochaines publications, notamment l&rsquo;<a href=\"https:\/\/geoffreycrofte.com\/book\/fr\/\">e-book<\/a> que je suis en train d&rsquo;\u00e9crire qui ne sera pas distribu\u00e9 gratuitement.<\/p>\n<p>Merci pour vos contributions, quelles qu&rsquo;elles soient. \ud83d\ude0a<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comme je l&rsquo;annon\u00e7ais dans l&rsquo;article \u00e0 propos du DevFest de Nantes de 2022, j&rsquo;ai travaill\u00e9 r\u00e9cemment sur la r\u00e9alisation d&rsquo;une checklist afin d&rsquo;accompagner product designers, product owner, d\u00e9veloppeurs et designers dans la r\u00e9alisation de meilleurs formulaires web.<\/p>\n","protected":false},"author":4,"featured_media":8275,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[875,50],"tags":[936,432,578],"coauthors":[597],"class_list":["post-8274","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-experience-utilisateur","category-ressources-telechargements","tag-checklist","tag-formulaire","tag-ux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=8274"}],"version-history":[{"count":3,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8274\/revisions"}],"predecessor-version":[{"id":8368,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8274\/revisions\/8368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/8275"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=8274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=8274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=8274"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=8274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}