When you've finished iterating on the wireframes, review your drawings and

choose your top choices.

When you have a couple favorites, it's a good idea to take photos of them,

because we want to share them with our team for feedback.

Also, we may decide to continue improving them in a design program.

There are a few different ways to digitize your drawings.

You can use a camera like the one on your smartphone, or

you can use a scanner in your home, local library, or nearby office supply store.

My favorite method is using an app on my smartphone.

I prefer Scanner Pro for iOS.

There are similar apps for Android as well.

Scanning apps like this one do a great job at automatically square in the edges,

removing the shadows, fixing the contrast, and removing the color from the lighting.

Once I have a good photo, I email it to myself so I can get it on my computer.

If you'd like to continue working on the wireframe within your favorite design

program, import the photo of your drawn wireframe.

And either draw on top of it in a new layer, or put it next to your artboard for

reference as you recreate it in a design program.

Otherwise, the next step is to share it with your team and stakeholders for

feedback.

I like to use InVision as a collaboration tool.

First, if you haven't done so already, create a free InVision account.

From the project screen, click the add button.

Choose prototype as the project type.

Add a project name.

Then for the device, you have a couple options.

Since we have wireframes for a mobile app,

we could choose an iPhone or Android device.

And that would display the wireframe on a mobile phone.

But, since these are early stage wireframes, I don’t like to pretend these

are polished at all, and often the wireframes are not to scale.

So to avoid any confusion about the level of feedback I’d like,

I choose Desktop web, regardless of the actual device type I’m designing for.

If you're creating wireframes later on that specifically focus on the form factor

of the device you're targeting,

then it would make sense to see it within the context of the device.

For now, let's keep it looking rough.

Choose desktop, web and click get started.

Drag your image onto the light gray background.

Add your teammates as collaborators to your project.

You will receive an email when a comment has been posted to your wireframe.

There is more you can do with InVision, but we'll touch on that later.

Now that you've seen the process,

let's explore the pros and cons of wireframing on paper.