8min

Multiple Touch Devices Simulating a Different Connection Speed and Screen Orientation

In this example, we'll use simulations to test our website on an iPhone 12 under the following conditions:

  • Portrait, regular connection
  • Portrait, slow 3G connection
  • Landscape, regular connection
  • Landscape, slow 3G connection

And an iPad Pro under the following conditions:

  • Landscape, regular connection
  • Landscape, slow 3G connection
Document image

Prerequisites/recommended reading

Cloning Devices

Float Mode

Creating Presets

Simulations

Per-device Simulations

Instructions

Add both devices to the workspace and switch to Float Mode.

Document image

Clone the iPhone thrice and the iPad once. Rotate two of the iPhones and position the devices to your preference.

Document image

Optionally, rename the cloned devices like in the example below.

Only cloned devices can be renamed. If you want a custom name for all devices, create another clone, rename it, and hide the default device from the workspace.

Set one of each device type and orientation to simulate a slow 3G connection. Save the preset.

Document image

Reload the website and weep see the difference.

Document image