Sketches

3-UP MOBILE-FIRST WIREFRAME SKETCHES

The challenge for this exercise is to “Assume that your user is using a device with a small screen. There is not a lot of room for complex interactivity, and you have limited space to present your content. What do you show on this page? Focus on the priority of content and the actions you want to encourage.”

The narrow page templates require people to focus and draw only the most important ideas and page elements. Many of the sketches will still look like apps at this point.

6-UP RESPONSIVE WIREFRAME SKETCHES

In the 6-up sketching exercise, you will take the original ideas from the 3-up mobile sketches and think about how to adapt them to different screen sizes. You are encouraged to move beyond their initial ideas and grasp for new ones.

This is an excerpt from How To Sketch A New Mobile Web.