{"id":60,"date":"2014-03-10T20:28:57","date_gmt":"2014-03-10T20:28:57","guid":{"rendered":"https:\/\/www.jonathonmills.com\/?p=60"},"modified":"2015-08-28T00:20:50","modified_gmt":"2015-08-27T23:20:50","slug":"responsive-design","status":"publish","type":"post","link":"https:\/\/www.jonathonmills.com\/responsive-design\/","title":{"rendered":"Why responsive design?"},"content":{"rendered":"<p>It&#8217;s an undeniable fact, the web is a constantly changing entity. The way in which we design, develop and enhance sites is constantly changing thanks to ever improving technology and an online community that helps one another more than any i&#8217;ve come across so far in my professional career.<\/p>\n<p>One of the main changes to the way we use the web, has come off the back of the likes of the iPhone and iPad. The increasing trend is to use mobile and tablet in order to browse our favourite websites, which poses the question, should we optimise our websites for the different platforms? The answer is quite simply, yes.<\/p>\n<p>In the past, you could achieve some form of mobile optimisation by having a separate mobile site that would detect the device being used and would then direct you to that site. This posed two problems:<\/p>\n<ul>\n<li>It required a specific list of devices to check for. This was fine when the mobile market was small, but now that it&#8217;s so varied, it would be nigh on impossible to compile a check list of every single device on the market.<\/li>\n<li>It was a second site to manage. You were having to change content twice and this invariably lead to issues regarding consistent content between mobile and desktop sites.<\/li>\n<\/ul>\n<p>So this wasn&#8217;t an ideal solution to our problem. Ideally we needed a system that allowed us to have one website, that changed based on a constant between every single device, regardless of manufacturer. Thankfully, we were given <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Guide\/CSS\/Media_queries\" target=\"_blank\">media queries<\/a>\u00a0(well, technically we had them for a long time, but browsers didn&#8217;t begin to offer support <a href=\"http:\/\/www.w3.org\/TR\/css3-mediaqueries\/\" target=\"_blank\">until 2012<\/a>)\u00a0which used screen width to decide which form of the site to present, also allowing us to deliver one version of the site based on a few variables. This was the advent of responsive design.<\/p>\n<p>The next question is then why should we spend extra money making our site &#8216;responsive&#8217;? The best way to justify it, is to look at the figures compiled from the recent IS Scotland e-commerce seminar in Glasgow:<\/p>\n<ul>\n<li>Over Christmas 2013 in the UK, the majority of web traffic was on mobile <a href=\"https:\/\/econsultancy.com\/blog\/64057-christmas-2013-ecommerce-stats-round-up-john-lewis-amazon-and-m-commerce\" target=\"_blank\">[src]<\/a><\/li>\n<li>82% of sales are completed on a tablet device <a href=\"https:\/\/www.internetretailer.com\/2014\/01\/15\/tablets-help-propel-uk-e-commerce-2013\" target=\"_blank\">[src]<\/a><\/li>\n<li>Almost 50% of the USA have a mobile (smartphone or tablet) device in their hand while watching the TV <a href=\"http:\/\/techcrunch.com\/2012\/12\/05\/nielsen-85-percent-of-tablet-and-smartphone-owners-use-devices-as-second-screen-monthly-40-percent-do-so-daily\/\" target=\"_blank\">[src]<\/a><\/li>\n<li>Mobile paypal transactions are increasing at a rate of <a href=\"http:\/\/www.businessinsider.com.au\/the-paypal-braintree-acquisition-2013-9\" target=\"_blank\">170%<\/a> per year. Represents a significant sector of online sales.<\/li>\n<li>On average, only 30% of your target market are viewing your site on a desktop.<\/li>\n<\/ul>\n<p>These are just some snippets, but they show how important mobile and tablet already are in the market, that it seems like a poor business decision not to <strong>optimise<\/strong> your site for these markets. Remember, users will have different requirements when on your mobile site compared to your desktop, so you need to ensure that they&#8217;re receiving the correct experience for their device. Yes, your site will work on an iPhone if not responsive, but everybody knows how frustrating it is to try and navigate around those tiny links.<\/p>\n<p>The other consideration for mobile is Google. The world&#8217;s favourite search engine have now divided mobile and desktop searches into two separate entities and you need to make sure your site is ready for both. Mobile searches are on a <a href=\"https:\/\/econsultancy.com\/blog\/63230-30-compelling-mobile-search-statistics\" target=\"_blank\">massive increase<\/a>, so simply optimising your SEO for desktop is no longer enough.<\/p>\n<p>It can be a difficult decision to part with more cash for anything, but if you&#8217;re wanting to build an online presence then a responsive site is no longer an extra, it should be considered a necessity. If you choose not to, you&#8217;re quite simply missing out.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s an undeniable fact, the web is a constantly changing entity. The way in which we design, develop and enhance sites is constantly changing thanks to ever improving technology and an online community that helps one another more than any i&#8217;ve come across so far in my professional career.<\/p>\n","protected":false},"author":1,"featured_media":279,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,5,6],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why Responsive 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:\/\/www.jonathonmills.com\/responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Responsive Design?\" \/>\n<meta property=\"og:description\" content=\"It&#8217;s an undeniable fact, the web is a constantly changing entity. The way in which we design, develop and enhance sites is constantly changing thanks to ever improving technology and an online community that helps one another more than any i&#8217;ve come across so far in my professional career.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jonathonmills.com\/responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Jonathon Mills Web Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/jonmillsweb?fref=ts\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-10T20:28:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-27T23:20:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jonathonmills.com\/wp-content\/uploads\/2014\/07\/photo-1421757381940-5d269570b21c.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@jonathonmills\" \/>\n<meta name=\"twitter:site\" content=\"@jonathonmills\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jonathonmills.com\/responsive-design\/\",\"url\":\"https:\/\/www.jonathonmills.com\/responsive-design\/\",\"name\":\"Why Responsive Design?\",\"isPartOf\":{\"@id\":\"https:\/\/www.jonathonmills.com\/#website\"},\"datePublished\":\"2014-03-10T20:28:57+00:00\",\"dateModified\":\"2015-08-27T23:20:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.jonathonmills.com\/#\/schema\/person\/6082c41c92b8e29a5f84b0c14cad8da1\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jonathonmills.com\/responsive-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jonathonmills.com\/responsive-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jonathonmills.com\/responsive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jonathonmills.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why responsive design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jonathonmills.com\/#website\",\"url\":\"https:\/\/www.jonathonmills.com\/\",\"name\":\"Jonathon Mills Web Design\",\"description\":\"Web Design Glasgow\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jonathonmills.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jonathonmills.com\/#\/schema\/person\/6082c41c92b8e29a5f84b0c14cad8da1\",\"name\":\"jon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jonathonmills.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3af88afdf35b09ad8d91ec4b26990ab6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3af88afdf35b09ad8d91ec4b26990ab6?s=96&d=mm&r=g\",\"caption\":\"jon\"},\"url\":\"https:\/\/www.jonathonmills.com\/author\/jon\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why Responsive 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:\/\/www.jonathonmills.com\/responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"Why Responsive Design?","og_description":"It&#8217;s an undeniable fact, the web is a constantly changing entity. The way in which we design, develop and enhance sites is constantly changing thanks to ever improving technology and an online community that helps one another more than any i&#8217;ve come across so far in my professional career.","og_url":"https:\/\/www.jonathonmills.com\/responsive-design\/","og_site_name":"Jonathon Mills Web Design","article_publisher":"https:\/\/www.facebook.com\/jonmillsweb?fref=ts","article_published_time":"2014-03-10T20:28:57+00:00","article_modified_time":"2015-08-27T23:20:50+00:00","og_image":[{"width":2048,"height":1360,"url":"https:\/\/www.jonathonmills.com\/wp-content\/uploads\/2014\/07\/photo-1421757381940-5d269570b21c.jpeg","type":"image\/jpeg"}],"author":"jon","twitter_card":"summary_large_image","twitter_creator":"@jonathonmills","twitter_site":"@jonathonmills","twitter_misc":{"Written by":"jon","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jonathonmills.com\/responsive-design\/","url":"https:\/\/www.jonathonmills.com\/responsive-design\/","name":"Why Responsive Design?","isPartOf":{"@id":"https:\/\/www.jonathonmills.com\/#website"},"datePublished":"2014-03-10T20:28:57+00:00","dateModified":"2015-08-27T23:20:50+00:00","author":{"@id":"https:\/\/www.jonathonmills.com\/#\/schema\/person\/6082c41c92b8e29a5f84b0c14cad8da1"},"breadcrumb":{"@id":"https:\/\/www.jonathonmills.com\/responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jonathonmills.com\/responsive-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jonathonmills.com\/responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jonathonmills.com\/"},{"@type":"ListItem","position":2,"name":"Why responsive design?"}]},{"@type":"WebSite","@id":"https:\/\/www.jonathonmills.com\/#website","url":"https:\/\/www.jonathonmills.com\/","name":"Jonathon Mills Web Design","description":"Web Design Glasgow","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jonathonmills.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jonathonmills.com\/#\/schema\/person\/6082c41c92b8e29a5f84b0c14cad8da1","name":"jon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jonathonmills.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3af88afdf35b09ad8d91ec4b26990ab6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3af88afdf35b09ad8d91ec4b26990ab6?s=96&d=mm&r=g","caption":"jon"},"url":"https:\/\/www.jonathonmills.com\/author\/jon\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/posts\/60"}],"collection":[{"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/media\/279"}],"wp:attachment":[{"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jonathonmills.com\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}