User Experience

Mobile First Responsive Design

Design for the smallest device size first. Define a responsive template. Then scale up the design through to the largest device size.  

Good for:

  • Website design projects aimed at multiple device screen types.   
  • Information dense projects.
  • Projects with a similar use case between device types. 

Bad for:

  • Mobile app design
  • Television platform app design. 

How to use

  • Decide the initial target screen sizes you will base you design around. These will change as the design progresses. 
  • Set-up a canvas in Sketch for you target screen size. 


Set-up take's minutes. The hard part of making the right design decsions. 



Scott Byrne-Fraser

Katy Jackson