Responsive Web Design and Ensuring It Look Great on Every Device

Responsive Web: Testing on the Right Devices and Browsers

/, Mobile Application Testing, Responsive Web Design/Responsive Web: Testing on the Right Devices and Browsers

When formulating a responsive web design test plan, it’s important to strategically identify the right mobile devices and desktop browsers for your manual and automated testing. Making sure that you have the right test coverage will help ensure a great digital experience for all your users.

For mobile device testing, you can use your own customer analytics together with market data to complement your coverage, or leverage reports such the Digital Test Coverage Index Report.

For desktop web testing, you should also look into your web traffic analytics to understand which are the top desktop browsers and OS versions you should be testing against. You can also use the Digital Test Coverage Index report referenced above.

Related Post: Set Your Digital Test Lab with Mobile and Web Calendars

The Best Test Coverage for Your Responsive Web Design Project

Test coverage is a cross-organizational priority where business, IT, Dev and QA should be consistently aligned with planning and priorities. Below is a recommended web lab configuration for Q1 2016 taken from our Digital Test Coverage Index. Note the inclusion of beta browser versions in the recommended testing mix due to the fact that browser updates often happen automatically and silently without the user knowing.

Test Coverage for Responsive Web Design Plans

Once you’ve defined the mobile and web test coverage using the above guidelines, the next steps are to achieve parallel side-by-side testing for high efficiency, as well as keep the lab updated by revising the coverage mix once per quarter to make sure the devices and browsers you’re testing on match your customer data and market share data.

For recommendations, please review the mobile device coverage model below. It’s organized into three groups: Essential, Enhanced and Extended. Each of these groups include a mix of device types such as legacy, new, market leaders and reference devices (such as the Nexus devices).

Test Coverage Priority Groups

To learn more, check out our new comprehensive responsive web design whitepaper, Complete Guide to Building a Responsive Web Testing Strategy.

Complete Guide to Building a Responsive Web Design Testing Strategy

Eran Kinsbruner is the Lead Technical Evangelist at Perfecto and Author of the Digital Quality Handbook and Continuous Testing for DevOps Professionals books. He is formerly the CTO for mobile testing and Texas Instruments project manager at Matrix, Eran has been in testing since 1999 with experience that includes managing teams at ADT, Sun Microsystems, General Electric, and NeuStar. You can find Eran on Facebook, Twitter @ek121268, LinkedIn, and on his professional mobile testing blog at https://continuoustesting.blog/.

Leave A Comment