Cross Device Testing Update

Back in February 2016 we wrote a post on Why Cross Device Testing is Important to Us. Although the message remains the same “We want the websites that we develop to appear as they were designed to look on all browsers and all devices – whether that’s a desktop PC, Mac, Laptop, Tablet, Phablet or Smartphone.” we thought it was about time that we wrote an updated post with the latest stats.

 

The reality of web development is that our sites simply can’t display pixel perfect or function without error across every single browser, device or screen size ever released – and not just because the resource and expense that would go into that would be restricted by time and budget but also because we can’t control the human at the end of the device and their preferred (or most often unknown) settings. What we can do though, is ensure that we have a robust strategy that deals with website display on the most commonly used browsers and devices; taking into account the most common (default) settings. There are so many different configurations (Operating System, screen size, screen resolution, screen orientation, preferred browser and device) that we rely on market share statistics to tell us which configurations are most popular and we build, test and QC according to that data.  You might also like to take a look at our updated post on Why Web Browser Compatibility Is Important To Us.

 

Who’d have thought 10 years ago that we’d live in a multi device world where the internet wasn’t just available to us through our wired desktop PC or Mac but that we’d be carrying it around in our pockets and bags on our wireless smart devices in an omni-channel world? We’ve talked before about how fluid our industry is and the past 10 years have been the most fluid yet as we’ve adapted to these changes that have resulted in connectivity like never before.

 

So, what are the devices that we build for and test our websites on?

I’ll start by mentioning that there are many, many emulators (software designed to show an approximation of what a website should look like in a given browser/device) and cross browser/device testing services available to website developers and QC teams. These are great and many do a lot of the heavy lifting that is required. We ourselves use emulators (and even built our own Responsive Website Tool) to check layout as it speeds up the build but we always, always test on the actual hardware post build and in QC phase. Nothing comes close to the experience of viewing a website on an actual physical device as you also get to interact with the website and navigate it as a user would. We currently test on 11 (yes 11!) different devices before the website goes to the client for approval.

 

Here are a list of the devices we test on and some reasons why:

 

Desktop PC

In the office we are Microsoft Windows 10 users so we test on a range of desktop PCs all with multiple screen sizes ranging from 20”to 24” and resolutions of 1024×768 and 1366×768 (the two most popular). We also test on our boardroom monitor which is 60”. Our goal is to cover as many bases by testing on as many different configurations as possible.

 

Desktop Mac

Our designer uses an Apple Mac (of course!) and so full testing is carried out on a 27” screen. Apple products are sold with a feature called Retina display which is simply a brand name for screen resolution. The difference with Retina display is that the pixel density is so high that it is almost impossible to see the pixels up close – this gives the crisp display that Apple products are known for and is something else that we have to be mindful of when designing, developing and testing websites.

 

Laptop

There is a myriad of different laptop sizes sold by a myriad of manufacturers. We test on both 14” and 15.6” screens – these are fairly standard screen sizes and they are configured by default to a 1366×768 resolution.

 

Mobile/Tablet Operating System Market Share – August 2017

Source: Netmarketshare.com

As you’ll see from the image above, Android (Google) dominates the market share for tablet and mobile with 64.57% followed not so close by iOS (Apple) with 33.01% and Windows Phone (Microsoft) coming in a very distant third with 0.85%.

 

These stats lead us nicely into the mobile device testing that we carry out:

 

Tablets

 

iPad

As mentioned above Apple’s iOS operating system is second in line to Google’s Android when it comes to market share. iOS devices allow you to update to the latest version as they are released. This is a great feature as you know you’ll always have the latest version of the software installed (if you want it) and it makes it much easier for the build, testing and QC process as only one version of the OS needs to be considered – the latest one! We don’t consider older versions simply because updates are available for ALL users.

 

Windows Tablet

Market Share for Windows Tablet users is much lower than for iPad or Android but as it makes up one of the top three operating systems (even with its drop from 2.86% in January 2016 to only 0.85% today) it still can’t be ignored. Plus, predictions are that Microsoft is expected to have 18% of tablet market share by 2019. This is thanks largely to the release of Windows 10 – another reason for us to continue our testing on this device. We test on a Hewlett Packard tablet that, like our PCs, runs on Windows 10.

 

Android Tablet

We’ve noted the rise of the Samsung Internet app which is now bundled as the primary browser on all current Samsung devices. Market share is creeping up (currently sitting at 10%) so we’re now testing on the Samsung Galaxy Tab S2 (running Nougat 7.0) which has the new browser installed.

 

Android devices have historically been shipped with a default WebKit browser that has been the bane of many a developer’s day! It is possibly the most unforgiving web browser ever! Thankfully Google (the company behind Android) saw the light and announced in 2012 that 4.0 and above Android devices would be shipped with Google Chrome starting with the Nexus 7.

 

The default WebKit browser mentioned above has dropped to just 1.7% this year so, we’ve decided it no longer makes sense to support this browser – a decision that our developers and our QC team are pretty happy about given that it has been the most unforgiving browser, in terms of website display, ever!

 

Mobile

We’ve got two types of people in our office – those firmly in the Android camp (including our Lead Developer and Digital Marketing Manager), and those in the Apple camp (once you go Apple it’s really hard to go back!).

 

We used to be pretty firm proponents of the Windows phone but with a significant drop in market share (to 0.85%) and Windows dropping support for Windows Phone 8.1 this year we’ve decided it’s no longer necessary to test on Windows Phone.

 

Android Phone

As per the section above on the Android tablet we need to consider not only the version of the operating system but the default browser. The great thing is that we have four different Android phones in the office all on different operating systems and all of which have the highest market share. We test on KitKat 4.4.2 (16%) and Lollipop 5.1.1 (21.8%), Marshmallow 6.0 (32.3%) and Nougat 7.0 (12.3%). Two of these have WebKit as the default browser which is really useful for us and with the Chrome download it gives us another level of testing.

 

iPhone

Even with Android continuing to eat into the iPhones’ global market share, the iPhone is still second in line and has mass appeal. The battle between Google and Apple for market share will never be over and we’ll continue to test on this device for a long time to come. Like the iPad we run the latest version, 10.3.3 and only need to consider this version in our testing.

 

Once again, I hope that this post offers some insight into the robust nature of our QC process and why it is so important to us, in our multi device world, that your website looks the best it can regardless of the device it is being viewed on. I’d love to hear from others who have an opinion on the importance of cross device testing so please feel free to comment below with your thoughts.

 

Disclaimer: Device stats are notoriously difficult to obtain due to the way that different sources interpret the data and calculate the stats plus the popularity of devices differs quite significantly by country. There are also biases when it comes to tablet vs. mobile data. I’ve offered my best efforts to give global statistics based on research from sitepont.com, gs.statcounter.com, netmarketshare.com and w3counter.com and this information is offered as a general insight into why we at Limelight Online build for and test our websites in particular devices.

Related

Design & Development
And Now, How to Build the Perfect eCommerce Product Page
Design & Development
How to Build the Perfect eCommerce Product Category Page
Design & Development
How to setup a 301 Permanent Redirect
Design & Development
And Now, How to Build the Perfect eCommerce Product Page
Design & Development
How to Build the Perfect eCommerce Product Category Page
Design & Development
How to setup a 301 Permanent Redirect

Our thoughts

Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate • Let's collaborate

Like what you see?
Get in touch

"*" indicates required fields

Your personal information will only be used to service your enquiry. We will only contact you with relevant information. For further information view our full Privacy Policy.
This field is for validation purposes and should be left unchanged.

CONTACT

Hi, let's see how
we can help

"*" indicates required fields

Your personal information will only be used to service your enquiry. We will only contact you with relevant information. For further information view our full Privacy Policy.
This field is for validation purposes and should be left unchanged.