{"id":1438,"date":"2010-04-04T10:31:30","date_gmt":"2010-04-04T09:31:30","guid":{"rendered":"http:\/\/www.jurecuhalev.com\/blog\/?p=1438"},"modified":"2010-04-10T22:11:04","modified_gmt":"2010-04-10T21:11:04","slug":"positioning-of-radio-buttons","status":"publish","type":"post","link":"https:\/\/www.jurecuhalev.com\/blog\/positioning-of-radio-buttons\/","title":{"rendered":"Positioning of radio buttons"},"content":{"rendered":"<p>Usability of 3rd party modules is often interesting and you can see evolution of the product through the interface. <a href=\"http:\/\/crosstec.de\/\">Breezing Forms<\/a> is not exception to this, as it uses interesting formation of\u00a0 radio buttons to indicate validation options.<\/p>\n<p>Trick question: what is current setting?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1439\" title=\"FirefoxScreenSnapz264\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2010\/04\/FirefoxScreenSnapz264.png\" alt=\"\" width=\"514\" height=\"95\" \/><\/p>\n<p>Yep, it&#8217;s None. Not Library that it seems from the first glance. Readability of this form can be greatly improved by moving radio button field to the left of text:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1440\" title=\"FirefoxScreenSnapz265\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2010\/04\/FirefoxScreenSnapz265.png\" alt=\"\" width=\"513\" height=\"132\" \/><\/p>\n<p>The lesson here is that if you&#8217;re forms are making you hesitate before clicking, you probably have to rethink them.<\/p>\n<p><strong>Update<\/strong>: D. submitted further improvement in the comments (thanks!):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1442\" title=\"tmp670\" src=\"https:\/\/www.jurecuhalev.com\/blog\/wp-content\/uploads\/2010\/04\/tmp670.png\" alt=\"\" width=\"514\" height=\"182\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Usability of 3rd party modules is often interesting and you can see evolution of the product through the interface. Breezing Forms is not exception to this, as it uses interesting formation of\u00a0 radio buttons to indicate validation options. Trick question: what is current setting? Yep, it&#8217;s None. Not Library that it seems from the first [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16],"tags":[894,895,936],"class_list":["post-1438","post","type-post","status-publish","format-standard","hentry","category-ideas","tag-form-design","tag-radio-buttons","tag-usability"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/1438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/comments?post=1438"}],"version-history":[{"count":3,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/1438\/revisions"}],"predecessor-version":[{"id":1443,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/1438\/revisions\/1443"}],"wp:attachment":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/media?parent=1438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/categories?post=1438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/tags?post=1438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}