{"id":86,"date":"2011-06-24T00:08:55","date_gmt":"2011-06-24T00:08:55","guid":{"rendered":"http:\/\/baywm.com\/seo-sem\/?p=86"},"modified":"2011-06-24T01:15:33","modified_gmt":"2011-06-24T01:15:33","slug":"stupid-smart-web-form-design","status":"publish","type":"post","link":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/","title":{"rendered":"Stupid &#038; Smart Web Form Design"},"content":{"rendered":"<div class=\"wp_plus_one_button\" style=\"margin: 0 8px 8px 0; float:left; \"><g:plusone href=\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\" callback=\"wp_plus_one_handler\"><\/g:plusone><\/div><p>User friendliness is very important for any application including a web site. As we can find out, many nice web sites make it so easy for you to input the phone number, while others may really be frustrating to use some so-called &#8220;so smart&#8221; validating script to prevent you from entering your phone number in certain format.<\/p>\n<p>Programmers are supposed to smart, but some of them are not considerate, from the users&#8217; point of view.<\/p>\n<p>For example, maybe the database field only accept the phone number without any dashes. In the form field, it still should be OK for the user to just enter the number with dashes or dots or quotes like<br \/>\n&#8220;510-123-4567&#8221; or &#8220;(510)123-4567&#8221; or 510.123.4567 because the form processor we program can take out the non-numeric characters easily to turn it into just &#8220;5101234567&#8221;. It is a piece of cake to make it work easily without bugging the user filling the form. Why we still often see the design like the following?<\/p>\n<div style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/content.screencast.com\/users\/ChineseBay.com\/folders\/Jing\/media\/3f3f7a3c-017f-48b5-9716-a6e9e1acd5b9\/stupid-programming.png\"><img decoding=\"async\" loading=\"lazy\" class=\" \" title=\"Smart Web Design\" src=\"http:\/\/content.screencast.com\/users\/ChineseBay.com\/folders\/Jing\/media\/3f3f7a3c-017f-48b5-9716-a6e9e1acd5b9\/stupid-programming.png\" alt=\"Things to Avoid for Smart Web Design\" width=\"500\" height=\"282\" \/><\/a><p class=\"wp-caption-text\">Things to Avoid for Smart Web Design<\/p><\/div>\n<p>Want to see a smart form design? Here&#8217;s an example which we can follow for your Web design so your user will find your site more user friendly:<br \/>\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/7uXBJJPTIkA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"wp_plus_one_button\" style=\"margin: 0 8px 8px 0; float:left; \"><g:plusone href=\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\" callback=\"wp_plus_one_handler\"><\/g:plusone><\/div><p>User friendliness is very important for any application including a web site. As we can find out, many nice web sites make it so easy for you to input the phone number, while others may really be frustrating to use some so-called &#8220;so smart&#8221; validating script to prevent you from entering your phone number in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Stupid &amp; Smart Web Form Design - Bay Area SEO Web Design<\/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:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stupid &amp; Smart Web Form Design - Bay Area SEO Web Design\" \/>\n<meta property=\"og:description\" content=\"User friendliness is very important for any application including a web site. As we can find out, many nice web sites make it so easy for you to input the phone number, while others may really be frustrating to use some so-called &#8220;so smart&#8221; validating script to prevent you from entering your phone number in [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Bay Area SEO Web Design\" \/>\n<meta property=\"article:published_time\" content=\"2011-06-24T00:08:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-06-24T01:15:33+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/content.screencast.com\/users\/ChineseBay.com\/folders\/Jing\/media\/3f3f7a3c-017f-48b5-9716-a6e9e1acd5b9\/stupid-programming.png\" \/>\n<meta name=\"author\" content=\"Editor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\",\"url\":\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\",\"name\":\"Stupid & Smart Web Form Design - Bay Area SEO Web Design\",\"isPartOf\":{\"@id\":\"https:\/\/baywm.com\/seo-sem\/#website\"},\"datePublished\":\"2011-06-24T00:08:55+00:00\",\"dateModified\":\"2011-06-24T01:15:33+00:00\",\"author\":{\"@id\":\"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/6eda48c437442548a069ebc9744ed772\"},\"breadcrumb\":{\"@id\":\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/baywm.com\/seo-sem\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stupid &#038; Smart Web Form Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/baywm.com\/seo-sem\/#website\",\"url\":\"https:\/\/baywm.com\/seo-sem\/\",\"name\":\"Bay Area SEO Web Design\",\"description\":\"BayWM.com = Bayarea Web Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/baywm.com\/seo-sem\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/6eda48c437442548a069ebc9744ed772\",\"name\":\"Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dcd9dffc2ac00dbf8cf8fbc68ce07867?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dcd9dffc2ac00dbf8cf8fbc68ce07867?s=96&r=g\",\"caption\":\"Editor\"},\"description\":\"Senior Web Developer and Internet Marketing consultant with over 17 years of experience.\",\"sameAs\":[\"http:\/\/facebook.com\/baywm\"],\"url\":\"https:\/\/baywm.com\/seo-sem\/author\/kaibo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Stupid & Smart Web Form Design - Bay Area SEO Web Design","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:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/","og_locale":"en_US","og_type":"article","og_title":"Stupid & Smart Web Form Design - Bay Area SEO Web Design","og_description":"User friendliness is very important for any application including a web site. As we can find out, many nice web sites make it so easy for you to input the phone number, while others may really be frustrating to use some so-called &#8220;so smart&#8221; validating script to prevent you from entering your phone number in [&hellip;]","og_url":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/","og_site_name":"Bay Area SEO Web Design","article_published_time":"2011-06-24T00:08:55+00:00","article_modified_time":"2011-06-24T01:15:33+00:00","og_image":[{"url":"http:\/\/content.screencast.com\/users\/ChineseBay.com\/folders\/Jing\/media\/3f3f7a3c-017f-48b5-9716-a6e9e1acd5b9\/stupid-programming.png"}],"author":"Editor","twitter_misc":{"Written by":"Editor","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/","url":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/","name":"Stupid & Smart Web Form Design - Bay Area SEO Web Design","isPartOf":{"@id":"https:\/\/baywm.com\/seo-sem\/#website"},"datePublished":"2011-06-24T00:08:55+00:00","dateModified":"2011-06-24T01:15:33+00:00","author":{"@id":"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/6eda48c437442548a069ebc9744ed772"},"breadcrumb":{"@id":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/baywm.com\/seo-sem\/stupid-smart-web-form-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/baywm.com\/seo-sem\/"},{"@type":"ListItem","position":2,"name":"Stupid &#038; Smart Web Form Design"}]},{"@type":"WebSite","@id":"https:\/\/baywm.com\/seo-sem\/#website","url":"https:\/\/baywm.com\/seo-sem\/","name":"Bay Area SEO Web Design","description":"BayWM.com = Bayarea Web Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/baywm.com\/seo-sem\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/6eda48c437442548a069ebc9744ed772","name":"Editor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/baywm.com\/seo-sem\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dcd9dffc2ac00dbf8cf8fbc68ce07867?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcd9dffc2ac00dbf8cf8fbc68ce07867?s=96&r=g","caption":"Editor"},"description":"Senior Web Developer and Internet Marketing consultant with over 17 years of experience.","sameAs":["http:\/\/facebook.com\/baywm"],"url":"https:\/\/baywm.com\/seo-sem\/author\/kaibo\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3JvpA-1o","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/posts\/86"}],"collection":[{"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":5,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/posts\/86\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baywm.com\/seo-sem\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}