{"id":8266,"date":"2022-11-07T22:20:16","date_gmt":"2022-11-07T21:20:16","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=8266"},"modified":"2023-01-07T22:23:34","modified_gmt":"2023-01-07T21:23:34","slug":"ameliorer-lexperience-utilisateur-de-vos-formulaires-web","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/evenements\/ameliorer-lexperience-utilisateur-de-vos-formulaires-web","title":{"rendered":"Am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur de vos formulaires web"},"content":{"rendered":"<p>Une fois n&rsquo;est pas coutume, cette ann\u00e9e m&rsquo;a permis de proposer et pr\u00e9senter un sujet \u00e0 un \u00e9v\u00e9nement que j&rsquo;appr\u00e9cie particuli\u00e8rement : le DevFest Nantes. Dans la rubrique UX\/UI Design j&rsquo;ai propos\u00e9 un sujet sur l&rsquo;exp\u00e9rience utilisateur des formulaires web, et quelques pistes d&rsquo;entr\u00e9e pour am\u00e9liorer cette exp\u00e9rience.<\/p>\n<p><!--more--><\/p>\n<p>Je dis une fois n&rsquo;est pas coutume car j&rsquo;avais eu l&rsquo;occasion de proposer un CodeLab (un atelier de code) sur <a href=\"https:\/\/speakerdeck.com\/geoffreycrofte\/la-puissance-des-pseudo-elements\">la puissance des pseudo-\u00e9l\u00e9ments<\/a> en 2018. Mon exp\u00e9rience avec ce DevFest avait \u00e9t\u00e9 fabuleuse en 2018, et lorsque j&rsquo;ai vu l&rsquo;annonce d&rsquo;appel \u00e0 orateurs et oratrices pour cette ann\u00e9e 2022, j&rsquo;ai saut\u00e9 sur l&rsquo;occasion pour proposer deux sujets.<br \/>\nCelui sur l&rsquo;exp\u00e9rience des formulaires web aura \u00e9t\u00e9 retenu, \u00e0 ma grande surprise puisque l&rsquo;autre sujet sur les Design Systems me semblait plus attrayant. Mais c&rsquo;est le jeu ! Et ce sujet sur l&rsquo;exp\u00e9rience autour des formulaires est vraiment passionnant !<\/p>\n<h2>Am\u00e9liorer nos formulaires web ? Comment faire ? Pourquoi ?<\/h2>\n<p>Je me suis pos\u00e9 ces questions plus d&rsquo;une fois : pourquoi est-ce que ce sujet int\u00e9resserait des gens, a priori en 2022 nous avons suffisamment de connaissances et d&rsquo;outils \u00e0 notre disposition pour faire ce qu&rsquo;il faut pour que nos exp\u00e9riences sur ces formulaires web ne soient pas d\u00e9sastreuses.<br \/>\nNon je d\u00e9conne, c&rsquo;est toujours pas suffisant apparemment.<\/p>\n<p>Quand je vous ai demand\u00e9 sur Twitter, j&rsquo;ai eu quelques r\u00e9ponses sympa :<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"fr\" dir=\"ltr\">Je pr\u00e9pare un sujet de conf\u00e9rence sur l&#39;am\u00e9lioration de l&#39;exp\u00e9rience utilisateur et l&#39;accessibilit\u00e9 des formulaires. <\/p>\n<p>Est-ce que vous auriez des cas d&#39;exp\u00e9rience (en images ou r\u00e9cits),positifs ou n\u00e9gatifs, \u00e0 me partager ?<\/p>\n<p>Ici, ou DM ouverts bien s\u00fbr. <br \/>Un grand merci !<\/p>\n<p>&mdash; Geoffrey Crofte \ud83d\udcd7 (@geoffreycrofte) <a href=\"https:\/\/twitter.com\/geoffreycrofte\/status\/1543988474558152705?ref_src=twsrc%5Etfw\">July 4, 2022<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<h3>Slides et vid\u00e9os du sujet DevFest Nantes sur l&rsquo;am\u00e9lioration de l&rsquo;UX des formulaires<\/h3>\n<p>J&rsquo;avais distribu\u00e9 le PDF de la pr\u00e9sentation avant mon intervention afin que tout un chacun puisse suivre \u00e9galement sur son ordinateur, notamment en cas de n\u00e9cessit\u00e9 de zoom par exemple. Voici \u00e9galement un Speaker Deck.<\/p>\n<p><iframe title=\"Am\u00e9liorez l&#039;exp\u00e9rience utilisateur de vos formulaires web\" id=\"talk_frame_948166\" class=\"speakerdeck-iframe\" src=\"\/\/speakerdeck.com\/player\/be594b19362345ca987caa7dd73d1106\" width=\"500\" height=\"281\" style=\"aspect-ratio:500\/281; border:0; padding:0; margin:0; background:transparent;\" frameborder=\"0\" allowtransparency=\"true\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Les slides sont \u00e9galement directement visibles sur la vid\u00e9o fournie par le DevFest Nantes. Un grand merci aux cadreur, monteur, et r\u00e9gie son pour l&rsquo;excellent travail, ainsi qu&rsquo;\u00e0 la v\u00e9lotypie qui a plut\u00f4t bien r\u00e9ussi \u00e0 suivre \ud83d\ude42<\/p>\n<p>Je voulais aussi remercier les personnes pr\u00e9sentes qui ont \u00e9norm\u00e9ment r\u00e9agit aux diff\u00e9rentes exp\u00e9riences racont\u00e9es, aux questions pos\u00e9es en fin de session, et m\u00eame durant le reste de la journ\u00e9e. Des questions valides et pas toujours simples \u00e0 r\u00e9pondre.<\/p>\n<p><iframe title=\"[DevFest Nantes 2022] Am\u00e9liorer l&#039;exp\u00e9rience utilisateur de nos formulaires web\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/LI3vLQXUnY8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Et si vous \u00eates plut\u00f4t du genre sketchnote, Aur\u00e9lie nous a fait de magnifiques r\u00e9sum\u00e9s de quelques sujets auxquels elle a assist\u00e9. Et j&rsquo;ai eu le droit \u00e0 cette belle prise de note. Un grand merci \u00e0 toi Aur\u00e9lie c&rsquo;est fabuleux \ud83e\udd17<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"fr\" dir=\"ltr\">Pour bien commencer la journ\u00e9e, je suis all\u00e9e assister \u00e0 la conf de <a href=\"https:\/\/twitter.com\/geoffreycrofte?ref_src=twsrc%5Etfw\">@geoffreycrofte<\/a>  : Am\u00e9liorer l\u2019exp\u00e9rience utilisateur de nos formulaires web. \ud83d\udc4d<\/p>\n<p>Et j\u2019ai bien not\u00e9 la mention sp\u00e9ciale \u00e0 <a href=\"https:\/\/twitter.com\/NintendoFrance?ref_src=twsrc%5Etfw\">@NintendoFrance<\/a> \ud83d\ude02<a href=\"https:\/\/twitter.com\/hashtag\/html?src=hash&amp;ref_src=twsrc%5Etfw\">#html<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/css?src=hash&amp;ref_src=twsrc%5Etfw\">#css<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/accessibilite?src=hash&amp;ref_src=twsrc%5Etfw\">#accessibilite<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DevFest?src=hash&amp;ref_src=twsrc%5Etfw\">#DevFest<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DevfestNantes?src=hash&amp;ref_src=twsrc%5Etfw\">#DevfestNantes<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/DevfestNantes2022?src=hash&amp;ref_src=twsrc%5Etfw\">#DevfestNantes2022<\/a> <a href=\"https:\/\/t.co\/Wm9tp9M51L\">pic.twitter.com\/Wm9tp9M51L<\/a><\/p>\n<p>&mdash; Aurelie Touchard \ud83d\udcbb \ud83d\udd8d \ud83d\udcd2 (@AurelieT44) <a href=\"https:\/\/twitter.com\/AurelieT44\/status\/1583401192863899650?ref_src=twsrc%5Etfw\">October 21, 2022<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Il faut bien plus que 45 min pour couvrir ce type de sujet, et c&rsquo;est pour cela que j&rsquo;ai pr\u00e9par\u00e9 <a href=\"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/checklist-ameliorez-ux-formulaires-web\">une checklist<\/a> pour vous, et que je pr\u00e9pare un e-book en compl\u00e9ment \u00e9galement.<\/p>\n<h2>Am\u00e9liorez l&rsquo;exp\u00e9rience de vos formulaires web : ebook &amp; checklist<\/h2>\n<p><a href=\"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/checklist-ameliorez-ux-formulaires-web\">La checklist<\/a> est finalis\u00e9e et publiee, mais l&rsquo;ebook est encore en cours de r\u00e9daction.<\/p>\n<p><a href=\"https:\/\/geoffreycrofte.com\/book\/\" rel=\"me\"><img decoding=\"async\" src=\"https:\/\/geoffreycrofte.com\/book\/fr\/img\/ameliorez-l-experience-utilisateur-de-vos-formulaire-web-geoffrey-crofte.png\" alt=\"Couverture de l'ebook titrant &quot;UX Design, Am\u00e9liorez l'exp\u00e9rience utilisateur de vos formulaires web, par Geoffrey Crofte&quot; suivit d'une description &quot;Entre technques, astuces ergonomiques et exp\u00e9riences v\u00e9cues, d\u00e9couvrez comment \u00e9viter de tomber dans les pi\u00e8ges les plus courants, mais \u00e9galement les plus bloquants.&quot; avec en pied de page &quot;Pr\u00e9gace par Myriam Jessier et St\u00e9phanie Walter&quot;. et un petit ninja logo.\" width=\"312\" height=\"441\" \/><\/a><\/p>\n<p>Il sera disponible courant 2023, sans date annonc\u00e9e pour le moment (c&rsquo;est sur mon temps libre :p). Mais vous pouvez \u00e9galement \u00eatre tenu\u00b7e inform\u00e9\u00b7e de sa publication par e-mail directement.<\/p>\n<p><a class=\"livre\" href=\"https:\/\/geoffreycrofte.com\/book\/\">\u00catre tenu\u00b7e inform\u00e9\u00b7e<\/a><\/p>\n<p>Promis, dans les deux cas il n&rsquo;y aura aucune spam, vous recevrez au maximum 2 mails, un pour la checklist et un autre \u00e0 la publication de l&rsquo;ebook.<\/p>\n<p>Merci pour votre soutien et bonne lecture\/visionnage \u00e0 vous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une fois n&rsquo;est pas coutume, cette ann\u00e9e m&rsquo;a permis de proposer et pr\u00e9senter un sujet \u00e0 un \u00e9v\u00e9nement que j&rsquo;appr\u00e9cie particuli\u00e8rement : le DevFest Nantes. Dans la rubrique UX\/UI Design j&rsquo;ai propos\u00e9 un sujet sur l&rsquo;exp\u00e9rience utilisateur des formulaires web, et quelques pistes d&rsquo;entr\u00e9e pour am\u00e9liorer cette exp\u00e9rience.<\/p>\n","protected":false},"author":4,"featured_media":8270,"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":[10,700],"tags":[107,432,578,917],"coauthors":[597],"class_list":["post-8266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-evenements","category-retours-experience","tag-conference","tag-formulaire","tag-ux","tag-ux-writing"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8266","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=8266"}],"version-history":[{"count":3,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8266\/revisions"}],"predecessor-version":[{"id":8367,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/8266\/revisions\/8367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/8270"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=8266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=8266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=8266"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=8266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}