Menu

User Experience

Mobile First

Plain English

It means starting with the smallest screen so the essentials are clear first.

Definition

Mobile first is the practice of designing for the smallest screen before up to larger ones. The constraint forces early decisions about what matters most, and those decisions then carry through to every other size.

In practice

Used to prioritise simplicity and .

In context

The discipline is in the constraint, not the device. Deciding what survives on a small screen forces the that a wide lets you avoid.

The reality

If ignored, mobile suffers.

Compared with

Mobile First vs Mobile Friendly

Mobile friendly means the desktop experience works acceptably on a phone. Mobile first means the small screen shaped the decisions and larger ones were built up from it. The results differ most in what got cut.

Related Services

Related Guides

Related Terms

LET'S WORK TOGETHER

Ready to improve your product?

UX, research and product leadership for teams tackling complex digital services.

Previous feedback

I had a fantastic experience working with Andy. One of his most impressive achievements during our time at NHS HEE was masterminding a deeply complex information architecture for a new platform that brought together a large number of legacy websites.

Will Parkhouse

Senior Content Designer