Once you're satisfied with your mock-ups,

it's time to put them in front of users and get some feedback.

We'll be learning how to create a prototype from your sketch file and

get them ready for user testing.

Prototyping is a making of a representation of a solution to a design

problem, in a way that a user is able to experience it.

Prototypes are not meant to be functional, but

rather to let users interact with them so that they can provide feedback.

You can turn your mock-ups into prototypes by creating simple click

through prototypes and adding animation or transitions.

There are many prototyping tools, such as Invision, Principle, Figma or Atomic.

Many of these tools have a free trial option that you can sign up for and

you can refer to the teacher's notes for more information about these tools.

Figma is a free online tool that easily imports your sketch files.

We'll be using Figma to create a simple prototype of our mobile app.

Go to Figma's website and go to through the installation steps.

Import your sketch file by clicking the import icon in the top bar.

Open the file you imported, click on the top left where it says Assets,

then select Mockup 2, click on the Prototype tab.

You can start mapping your screens by selecting the element or

part of the screen that you want to be interactive and

connecting the dot to the screen that you want it to go to

Then click the Play button in the top bar to play your prototype.

After you finish creating the prototype,

it's time to put it in front of some users.

Consult your researcher, if you have one, and create a user test script that will

you test the usability of the product thus far.

There are different user testing methods and

tools you can use to test your prototypes with users.

One way is to do an in-person interview, where you can observe how users interact

with your prototype and also asks some questions as they walk through it.

If you can't interview people in person, you can also use online user testing

tools, or you can create a test with your prototype, and gather insights by watching

or listening to users as they walk through the prototype.

Refer to the teacher's notes for more information.

[SOUND] Test your prototype with users by doing an interview with people.

[SOUND] Create a script with or

a list of questions that you will ask them as they look through your prototype.

Once you've gathered your insights, quickly identify any pain points,

confusion that people may have had, and

take note of opportunities where you can make changes to your design, and

continue to iterate on your design until you're ready to ship.

When you're testing your prototype with users,

observe how they're interacting with it.

Are they doing what you intended for users to do with your design?

Is your design clear or are your users having difficulties with it?

Is the experience what users expected?

What opportunities for improvement or changes do you see?

After you've gathered the results of your user test, you will most likely need to

make some changes or refinements to your design solution.

These tests will give you valuable feedback as to whether your solution is

working, if there are any problem areas, as well as new ideas for your solution.

This process of testing and refining your design may take a couple of rounds.