One way to prototype a mobile app

Kristina Simakova
2 min readJun 2, 2019

--

Many of you might know about Google Design Sprint. During a sprint, a team should create a prototype of the feature, service or a product to be able to validate this feature with potential users. If your team is doing a design sprint for a mobile app, this article will talk about tools and methods on how to do prototype fast.

Photo by José Alejandro Cuffia on Unsplash
  1. Get Sketch app

Sketch is an easy to use design tool that helps you create beautiful designs & illustrations.

Photo by UX Store on Unsplash

2. Get inspiration and templates from Sketch App Resources

Sketch app resources has a lot of templates for mobile and desktop apps. You can also find icons for your application there.

I am going to download this template to base my prototype on.

3. Prototype your screens

Let’s make a travel guide app. Based on the downloaded template, I can use some time to customise it to my needs and features I want to create.

Before: Some of the screens from the template
After: Change screens to fit your goals

Use elements from different screens to create new ones.

4. Export your screens

Now let’s export our screens:

5. Use InVision for testing

InVision is a great prototyping tool that makes your screens into interactive experiences.

Connect your screens

After you are done with connecting your screens together in InVision, get a public share link or share internally in your team.

I hope this short article gave you a good overview on how to use Sketch app and InVision to prototype a mobile app

--

--