{"id":17719,"date":"2020-03-13T10:30:04","date_gmt":"2020-03-13T09:30:04","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=17719"},"modified":"2025-08-19T17:15:33","modified_gmt":"2025-08-19T15:15:33","slug":"ux-ui-booster-design-formulaire","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/","title":{"rendered":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires"},"content":{"rendered":"<p>L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout&nbsp;: dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS.<\/p>\n<p>La data est le nerf de la guerre de la plupart des entreprises d\u2019aujourd\u2019hui et chaque contact obtenu s\u2019acquiert durement mais est un client potentiel qui vaut le coup de se donner de la peine.<\/p>\n<p>Alors que l\u2019on sait aujourd\u2019hui que la couleur d\u2019un bouton peut augmenter votre taux de conversion, il devient urgent de soigner l\u2019outil qui permet de collecter ces donn\u00e9es&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/reussir-formulaires-sur-mobile\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>vos formulaires. <\/strong><\/a><\/p>\n<p>Voici quelques conseils glan\u00e9s sur des sites d\u2019experts pour booster leur efficacit\u00e9 via des astuces de design, pour tenter d\u2019augmenter vos conversions.<\/p>\n<p>&nbsp;<\/p>\n<h2>1. Un formulaire en plusieurs \u00e9tapes\u2026<\/h2>\n<p>Vous \u00eates-vous d\u00e9j\u00e0 retrouv\u00e9s devant un formulaire trop long pour le temps que vous aviez \u00e0 y consacrer que vous avez abandonn\u00e9&nbsp;?<\/p>\n<p>C\u2019est ce que permet d\u2019\u00e9viter un formulaire en plusieurs \u00e9tapes, en plus de vous faire b\u00e9n\u00e9ficier du biais cognitif du pied dans la porte.<\/p>\n<p>Une fois la <strong>premi\u00e8re \u00e9tape entam\u00e9e<\/strong> et le formulaire commenc\u00e9, votre prospect aura plus de chances de terminer le processus, m\u00eame si cela lui co\u00fbte un effort suppl\u00e9mentaire.<\/p>\n<p>Si vous faites appel \u00e0 ce proc\u00e9d\u00e9, ajoutez une barre de progression pour motiver votre utilisateur, \u00e7a ne mange pas de pain et pourrait le rassurer sur la dur\u00e9e du processus.<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/web-design-etapes-basiques-site-web-performant\">Web Design&nbsp;: 5 \u00e9tapes basiques pour un site web performant<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>2\u2026 Ou en une seule colonne<\/h2>\n<p>Cr\u00e9er un formulaire en plusieurs colonnes casse sa dynamique et para\u00eet plus fouillis. Restez sur une colonne, cela vaut mieux pour votre exp\u00e9rience utilisateur.<\/p>\n<figure id=\"attachment_17728\" aria-describedby=\"caption-attachment-17728\" style=\"width: 746px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17728\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-seule-colonne-scaled-e1583915524984.jpeg\" alt=\"colonne formulaire ux ui\" width=\"746\" height=\"213\" \/><figcaption id=\"caption-attachment-17728\" class=\"wp-caption-text\"><a href=\"https:\/\/uxdesign.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/figcaption><\/figure>\n<p>La seule exception \u00e9tant lorsque vous demandez une date ou une heure, pour lesquelles il est plus ergonomique de tout aligner.<\/p>\n<p>Enfin, dans l\u2019id\u00e9e du point 1, vous pouvez tr\u00e8s bien <strong>regrouper vos champs en sections<\/strong> si votre formulaire en a plus de 6.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/5-erreurs-ergonomie-interface\">5 erreurs \u00e0 ne plus faire sur une interface utilisateur<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>3. \u00c9liminez les questions superflues<\/h2>\n<p>Savez-vous qu\u2019Expedia a perdu 12 millions de dollars par an en posant une question de plus dans son formulaire de r\u00e9servation <em>(en l\u2019occurrence le nom de la soci\u00e9t\u00e9)<\/em>&nbsp;?<\/p>\n<figure id=\"attachment_17734\" aria-describedby=\"caption-attachment-17734\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17734 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/formulaire-court-e1583916204126.png\" alt=\"formulaire court\" width=\"700\" height=\"525\" \/><figcaption id=\"caption-attachment-17734\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/10410812-GitHub-Homepage\" target=\"_blank\" rel=\"noopener noreferrer\">Source&nbsp;: Dribbble<\/a><\/figcaption><\/figure>\n<p>Si les cons\u00e9quences ne sont pas toujours aussi d\u00e9sastreuses, retenez que <strong>plus votre formulaire sera court, plus il convertira<\/strong> et votre co\u00fbt par lead fondra au soleil telle une glace par temps de canicule.<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ressources-essentielles-landing-pages\">5 ressources essentielles pour vos landing pages<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>4. Groupez les \u00e9tiquettes<\/h2>\n<p>R\u00e9duisez l\u2019espace entre vos \u00e9tiquettes et vos champs pour une meilleure lisibilit\u00e9.<\/p>\n<figure id=\"attachment_17725\" aria-describedby=\"caption-attachment-17725\" style=\"width: 247px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17725 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/Formulaire_de_cr\u00e9ation_de_compte.jpg\" alt=\"formulaire wikipedia\" width=\"247\" height=\"230\" \/><figcaption id=\"caption-attachment-17725\" class=\"wp-caption-text\">Ce formulaire de wikip\u00e9dia illustre bien notre conseil<\/figcaption><\/figure>\n<p>De m\u00eame, pr\u00e9f\u00e9rez l\u2019alignement vertical, les formulaires l\u2019utilisant \u00e9tant plus remplis et mieux optimis\u00e9s pour le mobile.<\/p>\n<p><strong>L\u2019alignement horizontal<\/strong> pourra \u00eatre utilis\u00e9 pour les formulaires plus longs, puisqu\u2019ils r\u00e9duisent la hauteur et donc la longueur de votre formulaire.<\/p>\n<p>&nbsp;<\/p>\n<h2>5. R\u00e9duisez les clics<\/h2>\n<p>Lorsque Windows est pass\u00e9 d\u2019une interface \u00e0 un clic pour \u00e9teindre son ordinateur \u00e0 une autre \u00e0 <strong>trois clics<\/strong>, ils ont vu le nombre de personnes \u00e9teignant leur PC diminuer, juste \u00e0 cause de ces deux clics suppl\u00e9mentaires.<\/p>\n<figure id=\"attachment_17737\" aria-describedby=\"caption-attachment-17737\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17737 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/formulaire-ui-ux-scaled-e1583916502199.jpeg\" alt=\"\" width=\"700\" height=\"270\" \/><figcaption id=\"caption-attachment-17737\" class=\"wp-caption-text\"><a href=\"https:\/\/uxdesign.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/figcaption><\/figure>\n<p>Pour une question \u00e0 choix multiples (avec moins de 6 choix), pr\u00e9f\u00e9rez lorsque c\u2019est possible des cases \u00e0 cocher ou des boutons \u00e0 cliquer aux <a href=\"https:\/\/graphiste.com\/blog\/web-design-secrets-liste-deroulante\">listes d\u00e9roulantes<\/a> pour \u00e9viter au maximum ce type de b\u00e9vue.<\/p>\n<p>&nbsp;<\/p>\n<h2>6. Laissez les \u00e9tiquettes \u00e0 leur place<\/h2>\n<p>\u00c9vitez de mettre les \u00e9tiquettes dans les champs m\u00eame, ce qui a \u00e9t\u00e9 analys\u00e9 par le <a href=\"https:\/\/www.nngroup.com\/articles\/form-design-placeholders\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nielsen Norman Group<\/a> comme heurtant l\u2019exp\u00e9rience utilisateur plus qu\u2019autre chose.<\/p>\n<p>N\u2019avez-vous jamais commenc\u00e9 \u00e0 remplir un champ et oubli\u00e9 de quoi il s\u2019agissait en relisant avant de l\u2019envoyer&nbsp;?<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\">Web design&nbsp;: 3 questions sur la typographie variable<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>7. Utilisez des CTA clairs et descriptifs<\/h2>\n<p>\u00ab S\u2019inscrire \u00bb vaut mieux que \u00ab Envoyer \u00bb.<\/p>\n<p>De la m\u00eame mani\u00e8re, utilisez des Call To Action du type \u00ab Acheter \u00bb, \u00ab T\u00e9l\u00e9charger \u00bb, \u00ab Adh\u00e9rer \u00bb\u2026<\/p>\n<p><a href=\"https:\/\/www.redacteur.com\/blog\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-17731 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/cta-generique-formulaire-e1583915819687.png\" alt=\"\" width=\"700\" height=\"311\" \/><\/a><\/p>\n<p>Plut\u00f4t qu\u2019un terme g\u00e9n\u00e9rique qui ne d\u00e9crit pas l\u2019action en cours.<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ui-ux-elements-navigation-a-connaitre\">UI\/UX design&nbsp;: 8 \u00e9l\u00e9ments de navigation \u00e0 conna\u00eetre<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>8. Sp\u00e9cifiez d\u2019o\u00f9 vient l\u2019erreur<\/h2>\n<p>Si c\u2019est un peu plus une affaire de codage, ce point est crucial pour votre taux de conversion&nbsp;: pr\u00e9cisez d\u2019o\u00f9 vient une erreur pour ne pas que l\u2019utilisateur perde du temps \u00e0 la chercher et risque d\u2019abandonner sa t\u00e2che.<\/p>\n<figure id=\"attachment_17726\" aria-describedby=\"caption-attachment-17726\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17726 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/Formulaire_langue.jpg\" alt=\"formulaire r\u00e9ussir design UX UI\" width=\"800\" height=\"432\" \/><figcaption id=\"caption-attachment-17726\" class=\"wp-caption-text\">Pensez \u00e9galement \u00e0 adapter la langue des messages d\u2019erreur \u00e0 votre cible. Image par othree CC by 2.0<\/figcaption><\/figure>\n<p>Rien de plus \u00e9nervant qu\u2019un formulaire qui affiche \u00ab 1 erreur trouv\u00e9e \u00bb sans pr\u00e9ciser laquelle.<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/formulaires-web-creatifs-reussis\">Inspiration&nbsp;: 10 formulaires web cr\u00e9atifs et r\u00e9ussis<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>9. Au revoir Ast\u00e9risque<\/h2>\n<p>Les utilisateurs ne savent pas toujours ce qu\u2019une * peut signifier.<\/p>\n<figure id=\"attachment_17729\" aria-describedby=\"caption-attachment-17729\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17729 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/asterisque-utilisation-formulaire-scaled-e1583915677822.jpeg\" alt=\"formulaire ui ux colonne ast\u00e9risque \" width=\"700\" height=\"301\" \/><figcaption id=\"caption-attachment-17729\" class=\"wp-caption-text\"><a href=\"https:\/\/uxdesign.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/figcaption><\/figure>\n<p>Pr\u00e9f\u00e9rez mentionner les champs optionnels plut\u00f4t que de mettre ce petit signe sur vos \u00e9tiquettes.<\/p>\n<blockquote><p><strong>\u00c0 lire aussi<\/strong>&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/e-commerce-pratiques-ux-en-2020\">E-commerce\u00a0: les 6 meilleures pratiques UX en 2020<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>10. Mobile en option<\/h2>\n<p>Moins un d\u00e9tail de graphisme qu\u2019une m\u00e9thode marketing, mais une <a href=\"http:\/\/www.smallfarmdesign.com\/blog\/2010\/06\/07\/how-form-design-affects-customers\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9tude de Clicktale<\/a> a r\u00e9v\u00e9l\u00e9 que de mettre le champ du num\u00e9ro de mobile optionnel a fait chuter les abandons de formulaire de 39% \u00e0 4%&#8230;<\/p>\n<figure id=\"attachment_17736\" aria-describedby=\"caption-attachment-17736\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-17736 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/formulaire-mobile-e1583916269952.png\" alt=\"formulaire court ux ui design\" width=\"700\" height=\"525\" \/><figcaption id=\"caption-attachment-17736\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/7370518-Onboarding-Track-Your-Spending-App\" target=\"_blank\" rel=\"noopener noreferrer\">Source&nbsp;: Dribbble<\/a><\/figcaption><\/figure>\n<p>Et a doubl\u00e9 le taux de conversion <strong>(de 43% \u00e0 80%)<\/strong>. Pensez-y si vous n\u2019avez pas absolument besoin d\u2019un num\u00e9ro de t\u00e9l\u00e9phone&nbsp;!<\/p>\n<blockquote><p>Pour aller plus loin&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/reussir-formulaires-sur-mobile\">8 r\u00e8gles \u00e0 respecter pour r\u00e9ussir les formulaires sur mobile<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>Besoin d\u2019un graphiste pour cr\u00e9er un formulaire du feu de dieu&nbsp;? Trouvez le sur<a href=\"https:\/\/graphiste.com\" target=\"_blank\" rel=\"noopener noreferrer\"> graphiste.com<\/a>&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout&nbsp;: dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est le nerf de la guerre de la plupart des entreprises d\u2019aujourd\u2019hui et chaque contact obtenu s\u2019acquiert durement mais est un client potentiel qui vaut le coup de se donner [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17724,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-17719","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-13T09:30:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-19T15:15:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires\",\"datePublished\":\"2020-03-13T09:30:04+00:00\",\"dateModified\":\"2025-08-19T15:15:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\"},\"wordCount\":1018,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\",\"url\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\",\"name\":\"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg\",\"datePublished\":\"2020-03-13T09:30:04+00:00\",\"dateModified\":\"2025-08-19T15:15:33+00:00\",\"description\":\"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog","description":"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/","og_locale":"fr_FR","og_type":"article","og_title":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog","og_description":"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est","og_url":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2020-03-13T09:30:04+00:00","article_modified_time":"2025-08-19T15:15:33+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires","datePublished":"2020-03-13T09:30:04+00:00","dateModified":"2025-08-19T15:15:33+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/"},"wordCount":1018,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/","url":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/","name":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg","datePublished":"2020-03-13T09:30:04+00:00","dateModified":"2025-08-19T15:15:33+00:00","description":"L\u2019\u00e8re de la donn\u00e9e bat son plein.\u00a0Elle est partout : dans nos CRM, int\u00e9gr\u00e9e dans nos newsletters, nos notifications et m\u00eame dans certains SMS. La data est","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/03\/une-graphiste-booster-ui-ux-formulaire-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/ux-ui-booster-design-formulaire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"UX\/UI\u00a0: 10 fa\u00e7ons de booster le design de vos formulaires"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/17719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=17719"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/17719\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/17724"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=17719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=17719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=17719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}