{"id":18,"date":"2009-01-07T14:06:08","date_gmt":"2009-01-07T22:06:08","guid":{"rendered":"http:\/\/kai.mactane.org\/blog\/2009\/01\/07\/a-tale-of-two-web-sites\/"},"modified":"2009-01-07T14:06:08","modified_gmt":"2009-01-07T22:06:08","slug":"a-tale-of-two-web-sites","status":"publish","type":"post","link":"https:\/\/kagan.mactane.org\/blog\/2009\/01\/07\/a-tale-of-two-web-sites\/","title":{"rendered":"A Tale of Two Web Sites"},"content":{"rendered":"<p>I just finished applying (online) for unemployment, and then followed the <span style=\"cursor: help; border-bottom: 1px dotted;\" title=\"Employment Development Department\">EDD<\/span>&#8216;s link to CalJobs. The difference in understanding of UI\/UX principles between the two sites is shocking.<\/p>\n<p>The EDD&#8217;s &#8220;Eapply4UI&#8221; site, aside from having a name that looks like it&#8217;s trying to fit onto a vanity license plate, is surprisingly good at what it does&nbsp;&mdash; particularly the input validation. When you type &#8220;San Francisco&#8221; into a text field and then tab off it, the page silently converts it to &#8220;SAN FRANCISCO&#8221;. When you enter a phone number in &#8220;123-456-7890&#8221; format, it silently auto-converts it to &#8220;(123) 456-7890&#8221;. And many items have little &#8220;Help&#8221; links that provide useful information.<\/p>\n<p>Those links provide the information throught the somewhat ugly and low-tech expedient of popping up a JavaScript <code>alert()<\/code> box, but the information in that <code>alert()<\/code> box is useful and helpful. Sure, a hidden <code>div<\/code> that fades in over an 800-millisecond time-span, with nicely styled borders and rounded corners, would be prettier. But in terms of &#8220;bang for one&#8217;s (taxpayer-funded) buck&#8221;? This gets the job done.<\/p>\n<p>CalJobs, on the other hand, has already earned my displeasure by assuming that everything in a registration form should be a doubled password field. Including your desired username, and your Social Security Number. And it doesn&#8217;t give any indication that you need to leave out the dashes in the SSN until you try to submit the form.<\/p>\n<p>This is silly.<\/p>\n<p>CalJobs people: Take a look at the EDD. And <em>learn.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just finished applying (online) for unemployment, and then followed the EDD&#8216;s link to CalJobs. The difference in understanding of UI\/UX principles between the two sites is shocking. The EDD&#8217;s &#8220;Eapply4UI&#8221; site, aside from having a name that looks like it&#8217;s trying to fit onto a vanity license plate, is surprisingly good at what it [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,10,9],"_links":{"self":[{"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/posts\/18"}],"collection":[{"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":0,"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"wp:attachment":[{"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kagan.mactane.org\/blog\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}