Overview

https://embed.figma.com/proto/99AJTn0BajBtOt6azEZt9z/-13-01-25--Adding-4-devices?page-id=40000777%3A79090&node-id=40000777-79091&viewport=675%2C208%2C0.41&t=Q77A1RAka5BNsDiw-8&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=40000777%3A79091&hide-ui=1&embed-host=notion&footer=false&theme=system

<aside>

SCALING PARALLEL TESTING TO 4 DEVICES IN BROWSERSTACK LIVE & APP LIVE

Feature Enhancement | B2B SaaS | 1 Month (Released April 2024)

I led the design of scaling Multi-Device Testing (MDT) from 2 to 4 parallel devices, transforming how software testers can view and interact with multiple devices at once. This makes it easier for quality assurance teams to test their apps and websites across different devices and user types simultaneously using BrowserStack.

Previously limited to 2 parallel devices, testers faced constraints with complex scenarios. Testing a food delivery app, for instance, required viewing customer, restaurant, and driver interfaces simultaneously. Our 1-month development sprint expanded testing capacity to 4 devices simultaneously

Contribution

• Led end-to-end design of 4-device parallel testing capability with dynamic layouts and responsive containers.
• Designed adaptive layout system that intelligently switches between column and grid layouts based on device sizes and screen resolution.
• Created ease-of-use functionalities including device resizing, pinning, repositioning, and reset capabilities.
• Collaborated closely with engineering team for iterative delivery under tight timeline constraints.

Impact

• App Live: MDT feature adoption increased by 23% and retention improved by 24%
• Live: MDT feature adoption increased by 32% and retention improved by 25%
• Made complex testing more accessible for apps like food ordering, ride-sharing, and other applications where multiple user types (like customers, drivers, and restaurants) need to be tested at the same time. </aside>

Continue reading below to learn about the detailed design process—including problem identification, solution exploration, designing adaptive layouts, and implementing ease-of-use functionalities. I'll explain key design decisions and how we delivered this complex feature under tight timeline constraints.

Context

About Browserstack

• At Browserstack we enable JOEs around the world test their apps and websites on real devices and not simply simulators.
• For example, Joe can test his mobile app on 30000+ real phones and tablets using App Live, one of our manual testing products
• To enable this for Joe, we host real devices in 19 data centers across 13 locations in the world. These devices can be directly accessed through our product interfaces for testing

What is Multi device testing

Multi-Device Testing (MDT) in BrowserStack refers to a feature or capability that allows users to test their websites or applications across multiple devices in parallel within the same testing session or workflow.