Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Design Creating Wireframe and Photoshop Mockups

Mobile First?

During this part of the design process, how do we account for 'mobile first' design? Shouldn't we do a wireframe for that first, and work off of there?

2 Answers

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 90,845 Points

I agree we should.

One method is to work your wireframes through in Illustrator. That way you can create 2 artboards in the program. One would reflect the size of a mobile phone, one for a desktop... and maybe a third for tablet displays. But it's important i think to get a good idea what layouts are going to be like on mobile and then build more in to desktop or wider screens. :-)

Matt Ramsden
Matt Ramsden
14,152 Points

I'm currently building a number of websites including my own gaming site, and after making and restarting a thousand times I have to admit designing on mobile first is a lot easier than doing top down from desktop so you should account for mobile first I think.