{"id":318,"date":"2011-08-10T02:01:37","date_gmt":"2011-08-10T06:01:37","guid":{"rendered":"https:\/\/www.customedialabs.com\/blog\/?p=318"},"modified":"2018-01-30T09:35:58","modified_gmt":"2018-01-30T14:35:58","slug":"your-mobile-site-sucks-please-fix-it","status":"publish","type":"post","link":"https:\/\/www.customedialabs.com\/blog\/your-mobile-site-sucks-please-fix-it\/","title":{"rendered":"your mobile site sucks.  please fix it."},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>Wait, let me guess.\u00a0 You don\u2019t think you need some fancy schmancy mobile\u00a0website.\u00a0 Your website works just fine from a\u00a0mobile phone, thank you very much.\u00a0 You can even see\u00a0the whole thing if you just zoom in a few times by spreading your fingers!<\/p>\n<p>Well, how\u2019s that going for you?<\/p>\n<p>I\u2019ll tell you how it\u2019s going.\u00a0 It\u2019s going something like this:<\/p>\n<p>&nbsp;<\/p>\n<p><em>Hi there.\u00a0 I\u2019m a potential customer. <\/em><\/p>\n<p><em>I\u2019m not at home right now.\u00a0 But I am interested in learning more about you.\u00a0 I think I\u2019ll take a look at your website.<\/em><\/p>\n<p><em>Can you tell me more about the products you offer?\u00a0 I only have a minute. <\/em><\/p>\n<p><em>Wait, I have to click on this teeny-tiny link crammed next to these fourteen other teeny-tiny links? <\/em><\/p>\n<p>&nbsp;<\/p>\n<p><em>I think I\u2019ll just call you instead, if I can just find your phone number&#8230;\u00a0 Oh, there it is! <\/em><\/p>\n<p>&nbsp;<\/p>\n<p><em>But when I press it, it doesn\u2019t automatically dial? What, am I supposed to memorize it to type it into my phone? <\/em><\/p>\n<p>&nbsp;<\/p>\n<p><em>You know what, never mind. I really don\u2019t have time for this!<\/em><\/p>\n<p><em><br \/>\n<\/em><\/p>\n<p>Yeah, that\u2019s what I thought.\u00a0 Your mobile website sucks.\u00a0 Now what are you going to do about it?<\/p>\n<p>May I suggest \u2013 fixing it?<\/p>\n<p><!--more--><\/p>\n<p><strong>mobile friendly vs. mobile optimized<\/strong><\/p>\n<p>Here\u2019s the thing.\u00a0 Bad mobile sites happen to good companies.\u00a0 Usually because they don\u2019t understand the difference between a mobile friendly and a mobile optimized site.<\/p>\n<p>So what is the difference?<\/p>\n<p>(I\u2019ll give you a hint: it\u2019s not just the ability to access a website from a smart phone.)<\/p>\n<p>Most websites are <em>mobile friendly<\/em>, meaning you can physically view them from your mobile device.\u00a0 But you\u2019ve probably noticed that many sites don\u2019t look right; the text, pictures, and links were designed to fit an average computer\u2019s screen (which is like, twelve times bigger than your mobile screen).<\/p>\n<p>Alternatively, a <em>mobile optimized<\/em> website is a site that has been designed specifically for the size of a mobile device and the needs of its mobile user.\u00a0 The text and pictures are larger and simpler.\u00a0 Links are often displayed as vertically stacked buttons.\u00a0 And here\u2019s an important feature: they load quickly!<\/p>\n<p><strong>people like mobile<\/strong><\/p>\n<p>As a sales manager, CEO, or marketing executive, having a mobile optimized<a href=\"https:\/\/www.customedialabs.com\/blog\/2011\/your-mobile-site-sucks-please-fix-it\/happy-mobile-user\/\" rel=\"attachment wp-att-329\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignleft size-full wp-image-329\" title=\"happy mobile user\" src=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/happy-mobile-user.jpg\" alt=\"\" width=\"283\" height=\"424\" \/><\/a> website is one of the best things you can do for your potential customers.<\/p>\n<p>You see, whether you\u2019ve planned on it or not, people are going to access your site on-the-go.\u00a0 While they are waiting in a line, stopped at a red light, or sitting at their desk at work.\u00a0 You can call it multi-tasking or wasting time, but either way, it\u2019s going to happen.<\/p>\n<p>How can I be so sure?<\/p>\n<p>Mobile internet access is growing rapidly.<\/p>\n<p>In their <a href=\"http:\/\/www.pewinternet.org\/Reports\/2011\/Smartphones\/Summary.aspx\">July 2011 Smartphone Adoption and Usage Report<\/a>, The Pew Internet Project found that 83% of American adults have a cell phone and a full 42% of those have a smartphone.\u00a0 \u00a0And 87% of smartphone users access the internet from their phones.<\/p>\n<p><strong>who are these people?<\/strong><\/p>\n<p>These are the people you are most likely to do business with \u2013 the young, urban, educated, and affluent.<\/p>\n<p>Pew found that smartphone adoption was much higher for some groups, such as the young (under 49), well-educated, or urban\/suburban residents.\u00a0 Income is highly correlated to smartphone adoption.\u00a0 A full 59% of those with an income of over $75,000 have a smart phone, but even households with incomes of $30,000 or less had smartphone use equal to the national average.<\/p>\n<p>Still think mobile sites are just fancy schmancy? (Hmmm?)<\/p>\n<p>So, how can you give mobile users a positive experience?<\/p>\n<p><strong>it\u2019s all about user experience<\/strong><\/p>\n<p>User experience is like customer service for the internet.<\/p>\n<p>If your customer has a bad experience in your store, they will remember it.\u00a0 Likewise, if your customer has a bad experience on your website, they\u2019ll remember that, too.\u00a0 Luckily, the inverse is also true.\u00a0 Give them a good experience and it will leave a positive impression.<\/p>\n<p>So how do you keep people happy online?\u00a0 <em>When designing a mobile site, it\u2019s your job to figure out what the user is looking for and to give it to them as easily and quickly as possible.<\/em><\/p>\n<p><strong>learn from good sites<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Here are 4 key considerations about designing for mobile devices.<\/p>\n<p><strong>1. Focus on Core Features. <\/strong><\/p>\n<p>Smaller screens mean there is less information you should include on your main page.\u00a0 So, focus on the core functions of your site.\u00a0 What exactly is your user trying to do?\u00a0 Travel Texas has made it easy to plan a trip or look at things to do.<\/p>\n<p><a href=\"https:\/\/www.customedialabs.com\/blog\/2011\/your-mobile-site-sucks-please-fix-it\/travel-tex\/\" rel=\"attachment wp-att-320\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-320\" title=\"travel tex mobile site\" src=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/travel-tex.png\" alt=\"\" width=\"321\" height=\"450\" \/><\/a><\/p>\n<p><strong>2. Make Links Easy. <\/strong><\/p>\n<p>Another problem with smaller screen sizes is that links get cluttered and can be difficult to click.\u00a0 Vertically stacked, large buttons make it easier for the user to click.\u00a0 Drop down menus can be converted to pop-up in the window to make an easy selection. \u00a0customedialabs uses large, vertically stacked links and displays a pop-out selection menu.<\/p>\n<p><a href=\"https:\/\/www.customedialabs.com\/blog\/2011\/your-mobile-site-sucks-please-fix-it\/cml-mobil\/\" rel=\"attachment wp-att-321\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-321\" title=\"customedialabs mobile site\" src=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/cml-mobil.png\" alt=\"\" width=\"381\" height=\"535\" srcset=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/cml-mobil.png 381w, https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/cml-mobil-370x520.png 370w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/a><\/p>\n<p><strong>3. Minimize Load time.<\/strong><\/p>\n<p>People get frustrated when they are sitting at their desks waiting for a website to load.\u00a0 When they are on-the-go, their impatience skyrockets.\u00a0 Not only does a slow load time kill their mood, but it can kill their wallet (by using more bandwidth) and their batteries, as well!<\/p>\n<p>Minimizing load time doesn\u2019t mean you necessarily have to stick to text only.\u00a0 Subaru managed to cram a lot of images into their mobile site and still have a fast load time.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.customedialabs.com\/blog\/2011\/your-mobile-site-sucks-please-fix-it\/subaru\/\" rel=\"attachment wp-att-322\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-322\" title=\"subaru mobile site\" src=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/subaru.png\" alt=\"\" width=\"344\" height=\"291\" srcset=\"https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/subaru.png 956w, https:\/\/www.customedialabs.com\/blog\/wp-content\/uploads\/2011\/08\/subaru-520x440.png 520w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/a><\/p>\n<p><strong>4. Use Special Features. <\/strong><\/p>\n<p>Smart phones are filled with all kinds of cool features like cameras, orientation flipping, and geo-location.\u00a0 So, use them! For example, if you are a retail store, use geo-location instead of having the user type in a zip code or address.\u00a0 Walgreens is one example of a store that uses geo-location to find a store or clinic near you.<\/p>\n<p><strong>lost opportunities<\/strong><\/p>\n<p>If your company\u2019s mobile website sucks &#8211; please fix it!<\/p>\n<p>Instead of viewing it as an obstacle to success, view it as a challenge to learn more about your mobile customers and to create a unique experience just for them.<\/p>\n<p>Trust me, they\u2019ll appreciate it.<\/p>\n<p>If you have any questions or want specific advice, give us a comment, tweet or phone call \u2013 we\u2019ll be glad to help!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Wait, let me guess.\u00a0 You don\u2019t think you need some fancy schmancy mobile\u00a0website.\u00a0 Your website works just fine from a\u00a0mobile phone, thank you very much.\u00a0 You can even see\u00a0the whole thing if you just zoom in a few times by spreading your fingers! Well, how\u2019s that going for you? I\u2019ll tell you how it\u2019s [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":429,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[178],"tags":[77],"_links":{"self":[{"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/posts\/318"}],"collection":[{"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":27,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions"}],"predecessor-version":[{"id":3721,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/posts\/318\/revisions\/3721"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/media\/429"}],"wp:attachment":[{"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/media?parent=318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/categories?post=318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.customedialabs.com\/blog\/wp-json\/wp\/v2\/tags?post=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}