<?xml version="1.0" encoding="utf-8"?>

Step 4: Set up a mobile frame

Step 4: Set up a mobile frame Bad Practice
Step 4: Set up a mobile frame Best Practice

After you have created and tested low-fidelity sketches, it's time to move to medium-fidelity wireframes. The sketches from the previous step will form a foundation for this one.

Start by setting up a mobile frame. This will create the illusion of an actual design but also prevent you from putting too many elements on the screen.

Which dimensions should you use if you need to design for a range of devices? The best practice is to start with the device with a mid-sized screen. For instance, if you developed an app for iOS in 2019, you could use an iPhone 7 frame.

Improve your UX & Product skills with interactive courses that actually work