{"id":20680,"date":"2016-02-05T17:27:54","date_gmt":"2016-02-05T17:27:54","guid":{"rendered":"https:\/\/fifteen-staging.fifteen.dev\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/"},"modified":"2024-10-09T15:50:33","modified_gmt":"2024-10-09T14:50:33","slug":"the-importance-of-device-testing-and-fifteens-device-lab","status":"publish","type":"post","link":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/","title":{"rendered":"The Importance of Device Testing (and Fifteen&#8217;s Device Lab)"},"content":{"rendered":"<div class=\"entry-content\"><p>Back in February 2015, Google announced plans to increase the rankings of websites that were considered mobile friendly in mobile search results. It\u2019s important to note this will only affect mobile search results; desktop and tablet search results will not see their rankings change. Due to the increasing number of people viewing websites on mobile devices, many companies were desperate to get their sites mobile ready for the April 2015 deadline. Using Google\u2019s <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\">mobile-friendly tool<\/a> users could check to see if they&#8217;d pass the test.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"234\" class=\"alignnone size-full wp-image-8945\" src=\"https:\/\/www.fifteendesign.co.uk\/wp-content\/smush-webp\/2016\/01\/fifteen-design-mobile-friendly.png.webp\" alt=\"fifteen-design-mobile-friendly\" srcset=\"https:\/\/www.fifteendesign.co.uk\/wp-content\/smush-webp\/2016\/01\/fifteen-design-mobile-friendly.png.webp 576w, https:\/\/www.fifteendesign.co.uk\/wp-content\/smush-webp\/2016\/01\/fifteen-design-mobile-friendly-250x102.png.webp 250w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/p>\n<h2>How Fifteen do it<\/h2>\n<p><strong>Stage 1 &#8211; Browser tools<\/strong><\/p>\n<p>There are a number of ways to test a website\u2019s responsive design capability throughout the development process. Initially, we use our browser\u2019s developer mode, I tend to flip between <a href=\"https:\/\/developer.mozilla.org\/en\/docs\/Tools\/Responsive_Design_View\">Firefox\u2019s responsive design view<\/a> as I use Firefox as my default browser and <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/iterate\/device-mode\/\">Google Chrome DevTools\u2019 Device Mode<\/a>. As we near the end of a project and we think we\u2019ve got everything pretty much there we\u2019ll hop onto our device testing lab to really put the site through its paces. After all, there\u2019s no better way of testing a device but on the device itself!<\/p>\n<p><strong>Stage 2 &#8211; Device Lab<\/strong><\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><video id=\"gfyVid\" class=\"gfyVidIframe\" style=\"width: 100%; height: auto;\" poster=\"\/\/thumbs.gfycat.com\/PhonyEveryBabirusa-poster.jpg\" autoplay=\"autoplay\" loop=\"loop\" width=\"300\" height=\"150\"><source type=\"video\/webm\" src=\"https:\/\/zippy.gfycat.com\/PhonyEveryBabirusa.webm\" id=\"webmsource\" \/><source type=\"video\/mp4\" src=\"https:\/\/fat.gfycat.com\/PhonyEveryBabirusa.mp4\" id=\"mp4source\" \/>&nbsp;<\/video><\/div>\n<p>There are a few reasons why we can&#8217;t just rely on the browser based responsive tools:<\/p>\n<ul>\n<li>Our development computers will (usually) be a lot faster than mobile devices, so we need to test our sites on the devices to make sure they load in an acceptable amount of time.<\/li>\n<li>The rendering engine used by our desktop browser tools will be different to the ones used by mobile browsers, so websites may end up rendering differently.<\/li>\n<li>While we know the resolutions for each device, they each have their own user interface which will affect how much of the site you&#8217;ll actually be able to see.<\/li>\n<\/ul>\n<p>Our custom built testing lab has a huge range of devices (increasing by the day) that allow us to test for device specific problems much like we test for browser specific problems.<\/p>\n<p>To speed up the testing process we\u2019ve linked all of our devices together so interactions are carried across to all connected devices at the same time, including scroll events, button clicks and even page changes!<\/p>\n<p>After the completion of our device lab, we&#8217;ve been able to speed up the time required to test on separate devices dramatically and concentrate our time on giving our users a better user experience.<\/p>\n<p>[fifteen_button link=&#8221;https:\/\/www.fifteendesign.co.uk\/contact\/&#8221;]If you&#8217;re concerned about how your website works on mobile devices get in touch today[\/fifteen_button]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"Back in February 2015, Google announced plans to increase the rankings of websites that were considered mobile friendly in mobile search results. It\u2019s important to note this will only affect mobile search results; desktop and tablet search results will not see their rankings change. Due to the increasing number of people viewing websites on mobile [&hellip;]","protected":false},"author":84,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-20680","post","type-post","status-publish","format-standard","hentry","category-news"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Importance of Device Testing<\/title>\n<meta name=\"description\" content=\"Device Testing is becoming ever-more important as Google now include mobile compatibility in ranking on Google on mobile devices.\" \/>\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.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Importance of Device Testing (and Fifteen&#039;s Device Lab)\" \/>\n<meta property=\"og:description\" content=\"Device Testing is becoming ever-more important as Google now include mobile compatibility in ranking on Google on mobile devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/\" \/>\n<meta property=\"og:site_name\" content=\"Fifteen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FifteenDesign\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-05T17:27:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-09T14:50:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png\" \/>\n\t<meta property=\"og:image:width\" content=\"576\" \/>\n\t<meta property=\"og:image:height\" content=\"234\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kyle Lindsay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kyle Lindsay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Importance of Device Testing","description":"Device Testing is becoming ever-more important as Google now include mobile compatibility in ranking on Google on mobile devices.","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.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/","og_locale":"en_GB","og_type":"article","og_title":"The Importance of Device Testing (and Fifteen's Device Lab)","og_description":"Device Testing is becoming ever-more important as Google now include mobile compatibility in ranking on Google on mobile devices.","og_url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/","og_site_name":"Fifteen","article_publisher":"https:\/\/www.facebook.com\/FifteenDesign","article_published_time":"2016-02-05T17:27:54+00:00","article_modified_time":"2024-10-09T14:50:33+00:00","og_image":[{"width":576,"height":234,"url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png","type":"image\/png"}],"author":"Kyle Lindsay","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kyle Lindsay","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#article","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/"},"author":{"name":"Kyle Lindsay","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"headline":"The Importance of Device Testing (and Fifteen&#8217;s Device Lab)","datePublished":"2016-02-05T17:27:54+00:00","dateModified":"2024-10-09T14:50:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/"},"wordCount":445,"commentCount":0,"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png","articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/","url":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/","name":"The Importance of Device Testing","isPartOf":{"@id":"https:\/\/www.fifteendesign.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#primaryimage"},"image":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png","datePublished":"2016-02-05T17:27:54+00:00","dateModified":"2024-10-09T14:50:33+00:00","author":{"@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714"},"description":"Device Testing is becoming ever-more important as Google now include mobile compatibility in ranking on Google on mobile devices.","breadcrumb":{"@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#primaryimage","url":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png","contentUrl":"https:\/\/www.fifteendesign.co.uk\/wp-content\/uploads\/2016\/01\/fifteen-design-mobile-friendly.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fifteendesign.co.uk\/blog\/the-importance-of-device-testing-and-fifteens-device-lab\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fifteendesign.co.uk\/"},{"@type":"ListItem","position":2,"name":"The Importance of Device Testing (and Fifteen&#8217;s Device Lab)"}]},{"@type":"WebSite","@id":"https:\/\/www.fifteendesign.co.uk\/#website","url":"https:\/\/www.fifteendesign.co.uk\/","name":"Fifteen","description":"Creative. Digital. Marketing.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fifteendesign.co.uk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.fifteendesign.co.uk\/#\/schema\/person\/7ed95bc67f5f57b732bf2a5870cb4714","name":"Kyle Lindsay","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5ff545c843da22e360dda49e4548bb9eed66d8b0c5f8b1a89afb5ee6ba4d44f3?s=96&d=mm&r=g","caption":"Kyle Lindsay"},"url":"https:\/\/www.fifteendesign.co.uk\/blog\/author\/kyle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/20680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/comments?post=20680"}],"version-history":[{"count":0,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/posts\/20680\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/media?parent=20680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/categories?post=20680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fifteendesign.co.uk\/wp-json\/wp\/v2\/tags?post=20680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}