Create a set of wireframes that contains a user flow for a mobile app concept. Watch my class and follow along as I create a set of wireframes for a mobile travel app. Feel free to create wireframes for a different app idea, but try to make sure you create wireframes that show a task a user might complete using your app (for example, create a set of wireframes that show how a user would browse an online shop, selecting a product, and check out for an ecommerce app). If you don’t have your own idea, just watch each video, and we’ll do it together one step at a time!

WHAT YOU’LL NEED

You’ll need grid paper, a camera to document your wireframes, a pencil & eraser, and a ruler.

Optional: UI Stencil, and a scanner app.

RESOURCES

Software

Scanner Pro App - Scan Your Drawings from Your Phone

InVision App - Create Clickable Prototypes

Tools

UI Stencil for Paper Prototyping

Free Printable Grid Paper for Wireframing

Blogs

How to Make Your First Wireframe

Wireframing Best Practices