{"id":2211,"date":"2009-12-08T20:38:40","date_gmt":"2009-12-08T19:38:40","guid":{"rendered":"http:\/\/www.ziserman.com\/blog\/?p=2211"},"modified":"2009-12-08T20:38:40","modified_gmt":"2009-12-08T19:38:40","slug":"erreur-classique-dergonomie-dans-un-formulaire","status":"publish","type":"post","link":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/","title":{"rendered":"Erreur classique d&rsquo;ergonomie dans un formulaire"},"content":{"rendered":"<p>Ah l\u00e0 l\u00e0, les formulaires, on en parlera jamais assez !<\/p>\n<p>Pas si facile de faire un bon formulaire, clair, lisible, et qui transforme bien.<\/p>\n<p>Une erreur tr\u00e8s classique est, pour gagner de la place, de mettre des boutons radios en ligne :<\/p>\n<p><a href=\"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-2212\" title=\"bugboutonradio\" src=\"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png\" alt=\"bugboutonradio\" width=\"191\" height=\"19\" \/><\/a><\/p>\n<p>Erreur, car en regardant rapidement, la s\u00e9lection n&rsquo;est pas du tout intuitive. Le bouton du milieu permet il de s\u00e9lectionner le brun ou le vert ?<\/p>\n<p>Pareil en fait avec des boites \u00e0 cocher :<\/p>\n<p><a href=\"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboiteacocher.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-2213\" title=\"bugboiteacocher\" src=\"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboiteacocher.png\" alt=\"bugboiteacocher\" width=\"326\" height=\"22\" srcset=\"https:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboiteacocher.png 326w, https:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboiteacocher-300x20.png 300w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/a><\/p>\n<p><strong>\u00e7a n&rsquo;a l&rsquo;air de rien, mais ce sont bien ce type d&rsquo;erreurs qui attaquent le taux de transformation d&rsquo;un site<\/strong>, parce que l&rsquo;impression de l&rsquo;internaute n&rsquo;est pas \u00ab\u00a0rassurante\u00a0\u00bb.<\/p>\n<p>La solution en occurrence, c&rsquo;est soit de mettre une option par ligne, soit de bien s\u00e9parer les options, de mani\u00e8re \u00e0 ce que l&rsquo;association entre le bouton et le libell\u00e9 soit \u00e9vidente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ah l\u00e0 l\u00e0, les formulaires, on en parlera jamais assez ! Pas si facile de faire un bon formulaire, clair, lisible, et qui transforme bien. Une erreur tr\u00e8s classique est, pour gagner de la place, de mettre des boutons radios en ligne : Erreur, car en regardant rapidement, la s\u00e9lection n&rsquo;est pas du tout intuitive. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[2],"tags":[379,371,6],"class_list":["post-2211","post","type-post","status-publish","format-standard","hentry","category-e-commerce","tag-araok","tag-e-commerce","tag-ergonomie"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Erreur classique d&#039;ergonomie dans un formulaire - Ziserman.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Erreur classique d&#039;ergonomie dans un formulaire - Ziserman.com\" \/>\n<meta property=\"og:description\" content=\"Ah l\u00e0 l\u00e0, les formulaires, on en parlera jamais assez ! Pas si facile de faire un bon formulaire, clair, lisible, et qui transforme bien. Une erreur tr\u00e8s classique est, pour gagner de la place, de mettre des boutons radios en ligne : Erreur, car en regardant rapidement, la s\u00e9lection n&rsquo;est pas du tout intuitive. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/\" \/>\n<meta property=\"og:site_name\" content=\"Ziserman.com\" \/>\n<meta property=\"article:published_time\" content=\"2009-12-08T19:38:40+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png\" \/>\n<meta name=\"author\" content=\"Fran\u00e7ois\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ziserman\" \/>\n<meta name=\"twitter:site\" content=\"@ziserman\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fran\u00e7ois\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/\"},\"author\":{\"name\":\"Fran\u00e7ois\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#\\\/schema\\\/person\\\/f9bae013e59005579f4b86f162f89c72\"},\"headline\":\"Erreur classique d&rsquo;ergonomie dans un formulaire\",\"datePublished\":\"2009-12-08T19:38:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/\"},\"wordCount\":154,\"commentCount\":12,\"publisher\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#\\\/schema\\\/person\\\/f9bae013e59005579f4b86f162f89c72\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.ziserman.com\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/11\\\/bugboutonradio.png\",\"keywords\":[\"ARAOK !\",\"e-commerce\",\"Ergonomie\"],\"articleSection\":[\"e-commerce\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/\",\"url\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/\",\"name\":\"Erreur classique d'ergonomie dans un formulaire - Ziserman.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.ziserman.com\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/11\\\/bugboutonradio.png\",\"datePublished\":\"2009-12-08T19:38:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.ziserman.com\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/11\\\/bugboutonradio.png\",\"contentUrl\":\"http:\\\/\\\/www.ziserman.com\\\/blog\\\/wp-content\\\/uploads\\\/2009\\\/11\\\/bugboutonradio.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/2009\\\/12\\\/08\\\/erreur-classique-dergonomie-dans-un-formulaire\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Erreur classique d&rsquo;ergonomie dans un formulaire\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/\",\"name\":\"BLOG E-COMMERCE\",\"description\":\"Fran\u00e7ois Ziserman : entrepreneur, IA et \u00e9b\u00e9nisterie\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#\\\/schema\\\/person\\\/f9bae013e59005579f4b86f162f89c72\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/#\\\/schema\\\/person\\\/f9bae013e59005579f4b86f162f89c72\",\"name\":\"Fran\u00e7ois\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g\",\"caption\":\"Fran\u00e7ois\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g\"},\"url\":\"https:\\\/\\\/www.ziserman.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Erreur classique d'ergonomie dans un formulaire - Ziserman.com","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:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/","og_locale":"fr_FR","og_type":"article","og_title":"Erreur classique d'ergonomie dans un formulaire - Ziserman.com","og_description":"Ah l\u00e0 l\u00e0, les formulaires, on en parlera jamais assez ! Pas si facile de faire un bon formulaire, clair, lisible, et qui transforme bien. Une erreur tr\u00e8s classique est, pour gagner de la place, de mettre des boutons radios en ligne : Erreur, car en regardant rapidement, la s\u00e9lection n&rsquo;est pas du tout intuitive. [&hellip;]","og_url":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/","og_site_name":"Ziserman.com","article_published_time":"2009-12-08T19:38:40+00:00","og_image":[{"url":"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png","type":"","width":"","height":""}],"author":"Fran\u00e7ois","twitter_card":"summary_large_image","twitter_creator":"@ziserman","twitter_site":"@ziserman","twitter_misc":{"\u00c9crit par":"Fran\u00e7ois","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#article","isPartOf":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/"},"author":{"name":"Fran\u00e7ois","@id":"https:\/\/www.ziserman.com\/blog\/#\/schema\/person\/f9bae013e59005579f4b86f162f89c72"},"headline":"Erreur classique d&rsquo;ergonomie dans un formulaire","datePublished":"2009-12-08T19:38:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/"},"wordCount":154,"commentCount":12,"publisher":{"@id":"https:\/\/www.ziserman.com\/blog\/#\/schema\/person\/f9bae013e59005579f4b86f162f89c72"},"image":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#primaryimage"},"thumbnailUrl":"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png","keywords":["ARAOK !","e-commerce","Ergonomie"],"articleSection":["e-commerce"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/","url":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/","name":"Erreur classique d'ergonomie dans un formulaire - Ziserman.com","isPartOf":{"@id":"https:\/\/www.ziserman.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#primaryimage"},"image":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#primaryimage"},"thumbnailUrl":"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png","datePublished":"2009-12-08T19:38:40+00:00","breadcrumb":{"@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#primaryimage","url":"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png","contentUrl":"http:\/\/www.ziserman.com\/blog\/wp-content\/uploads\/2009\/11\/bugboutonradio.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ziserman.com\/blog\/2009\/12\/08\/erreur-classique-dergonomie-dans-un-formulaire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.ziserman.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Erreur classique d&rsquo;ergonomie dans un formulaire"}]},{"@type":"WebSite","@id":"https:\/\/www.ziserman.com\/blog\/#website","url":"https:\/\/www.ziserman.com\/blog\/","name":"BLOG E-COMMERCE","description":"Fran\u00e7ois Ziserman : entrepreneur, IA et \u00e9b\u00e9nisterie","publisher":{"@id":"https:\/\/www.ziserman.com\/blog\/#\/schema\/person\/f9bae013e59005579f4b86f162f89c72"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ziserman.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.ziserman.com\/blog\/#\/schema\/person\/f9bae013e59005579f4b86f162f89c72","name":"Fran\u00e7ois","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g","caption":"Fran\u00e7ois"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/ba23809fd4de9b5f86f21715fd23efa8331e766f2929dc11d3ae98539ba237b4?s=96&d=mm&r=g"},"url":"https:\/\/www.ziserman.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/posts\/2211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/comments?post=2211"}],"version-history":[{"count":0,"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/posts\/2211\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/media?parent=2211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/categories?post=2211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ziserman.com\/blog\/wp-json\/wp\/v2\/tags?post=2211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}