{"id":467,"date":"2009-01-07T02:23:09","date_gmt":"2009-01-07T07:23:09","guid":{"rendered":"http:\/\/www.jasonmorrison.net\/content\/?p=467"},"modified":"2009-01-09T01:23:40","modified_gmt":"2009-01-09T06:23:40","slug":"usability-and-design-of-wifi-interstitials","status":"publish","type":"post","link":"http:\/\/www.jasonmorrison.net\/content\/2009\/usability-and-design-of-wifi-interstitials\/","title":{"rendered":"Usability and Design of WiFi Interstitial Pages"},"content":{"rendered":"<p>You&#8217;re out somewhere, maybe a coffee shop or an airport.\u00a0 Suddenly, a man falls to the floor &#8211; you need to know &#8211; what&#8217;s the antidote for tricyclic antidepressants*?\u00a0 You grab your laptop or mobile and use the local WiFi to look up the answer &#8211;<\/p>\n<p>Only to be annoyed and inconvenienced by the interstitial &#8220;terms and conditions&#8221; page that the coffee shop and\/or airport redirects your browser to.\u00a0 Time is of the essence!\u00a0 Why do they need a 2-minute flash animation to load an &#8220;I agree&#8221; button?<\/p>\n<p>Thus ends my attempt to make a relatively boring subject seem interesting.\u00a0 In any event, I can&#8217;t be the only person who&#8217;s noticed that WiFi login or &#8220;terms and conditions&#8221; pages are often way more complicated and annoying than they need to be.<\/p>\n<p>In the hope that someone, somewhere will do a quick search before implementing one and come across this blog, here are some guidelines.\u00a0 These all follow logically from supporting the user&#8217;s goal, which is to get info quickly, and the business&#8217; goal, which is to attract and keep customers.<\/p>\n<p><strong>Do not require Flash<\/strong>, ActiveX, or god forbid Silverlight.\u00a0 Nothing you could want to do here could possibly require it, and there are lots of WiFi-enabled mobile devices that don&#8217;t have it.\u00a0 Do you really want to poke a finger in the eye of every customer with an iPhone?\u00a0 If we&#8217;ve already bought iPhones,\u00a0 we obviously like spending money!<\/p>\n<p><strong>Make the checkboxes \/ buttons large<\/strong> enough to click on a small device.\u00a0 So that people with touchscreen PDAs, Blackberries, iPhones and G1&#8217;s will be able to touch it on their screens.<\/p>\n<p><strong>Make the page and any server-side code fast<\/strong>.\u00a0 Stay out of the user&#8217;s way as much as possible.\u00a0 If your code can&#8217;t accept a form and do some logging without dragging a user&#8217;s browsing session to a crawl, you need to go yell at your devs.<\/p>\n<p><strong>Once users agree to terms, save it in a cookie<\/strong> for a reasonable amount of time. Many mobile devices don&#8217;t allow programs to run in the background, which means session cookies can expire every time the device dozes off.<\/p>\n<p><strong>Once users agree, redirect them back to where they were trying to go<\/strong>.\u00a0 And use a real, server-side http redirect too, not a fragile javascript redirect.\u00a0 Many people set up their browsers to ignore those.<\/p>\n<p><strong>Make the legal terms and conditions as readable as possible<\/strong>.\u00a0 Readability is an interesting topic, with <a href=\"http:\/\/csep.psyc.memphis.edu\/cohmetrix\/readabilityresearch.htm\">lots of research into measurement formulas<\/a> and the like.\u00a0 I think we can all agree that an iframe with 1700 words of legalease is not readable or useful.\u00a0 And while we&#8217;re at it, why not add some actually useful information, like bandwidth limits, disabled protocols, etc.\u00a0 If you are blocking POP and IMAP, let me know so I don&#8217;t waste time trying to check my email.<\/p>\n<p>While the crazy scenario at the beginning of the post isn&#8217;t very likely, this isn&#8217;t just a list of gripes.\u00a0 Why are you providing WiFi if not as a service to customers or a way to differentiate?\u00a0 Well, coffee shops with WiFi aren&#8217;t very unusual anymore, so you should look at it as part of the who customer experience.<\/p>\n<p>* Why did I pick tricyclic antidepressants?\u00a0 I did a Google search for poison antidotes and picked the first one with an antidote I thought you might be able to find, in a mad rush to save a beloved minor character&#8217;s life, like in a TV show.<\/p>\n<p>EDIT:\u00a0 thanks to Wysz for pointing out the massive numbers of typos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;re out somewhere, maybe a coffee shop or an airport.\u00a0 Suddenly, a man falls to the floor &#8211; you need to know &#8211; what&#8217;s the antidote for tricyclic antidepressants*?\u00a0 You grab your laptop or mobile and use the local WiFi to look up the answer &#8211; Only to be annoyed and inconvenienced by the interstitial [&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,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[19],"tags":[455,581,137,580,579,582,746,143,554],"class_list":["post-467","post","type-post","status-publish","format-standard","hentry","category-blog","tag-flash","tag-interstitial","tag-iphone","tag-mobile-devices","tag-readability","tag-touchscreen","tag-usability","tag-user-experience-design","tag-wifi"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts\/467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/comments?post=467"}],"version-history":[{"count":3,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts\/467\/revisions"}],"predecessor-version":[{"id":469,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/posts\/467\/revisions\/469"}],"wp:attachment":[{"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/media?parent=467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/categories?post=467"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jasonmorrison.net\/content\/wp-json\/wp\/v2\/tags?post=467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}