Testing mobile designs

When testing mobile interfaces you may want to ensure test participants are getting as close to a real world experience as possible. For this use case UsabilityHub provides device frames. Device frames present your design as it would appear on a mobile device by wrapping it in a mock device container when viewed on desktops and ensuring your design is flush with the screen on mobiles and tablets.

If your design extends past the dimensions of the device frame we will resize it and allow vertical scrolling to emulate the behaviour participants would experience on a real device. We currently support device frames for iPhone, Android, and tablet devices and you can select either portrait or landscape orientation.

How to use a device frame

  1. Upload your image(s) to a test section
  2. Select the frame to use (iPhone, Android, or Tablet) under the display style dropdown