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.

If you would prefer to limit your test to participants using a real mobile handset, you can use device targeting instead.

How to use a device frame

  1. Upload your file(s) to a test section

  2. Select the frame to use (iPhone, Android, or Tablet) under the Display style dropdown

Did this answer your question?