From the course: UXPin: Design Sprints and Reviews

Explore the prototype experience - UXPin Tutorial

From the course: UXPin: Design Sprints and Reviews

Start my 1-month free trial

Explore the prototype experience

- [Narrator] Now that we have our first design which would be day four in the design sprint we can go ahead and gather validation of our prototype. In day five of a sprint we send a prototype to external clients to validate our design. So throughout this chapter, we'll explore the tools you can use to execute this step and we'll first get started on the items customers will see when you share the prototype. So let's go back to UXPin in the design section and in this section you have the design and then the documentation. The documentation is basically things that you want to add to any of the areas in here that people are going to see when they actually watch your prototype. So, for example, if we want to mention that we're going to change the background here. So these are the internal documentation for us, but customers or external stakeholders can also see this. So, let's say for example we want to add a general comment, we can do something like "we'll change the background with another picture" and you can also click on this item here to actually pin what element you want to pin this comment to, for example, the background. So if you want to add also that you are planning on using different versions for the actual button here you can add another one. So let's pin to element, "we'll explore different versions of this button." So now you have two elements here in your documentation. So the second thing we want to explore is what the external clients are going to see when they click on the preview. So lets go and click on preview and this is what the preview screen looks like, like we've explored before. So you have the two screens here, so welcome and main and then you have the simulate, so, again, if we actually enter name and then we click go, we're going to simulate the prototype like we've actually added the interactions in this prototype. Now if you want to take a look at the comments, these are basically comments that people are going to add as they explore your prototype. So your customers when they click on welcome and main, if they have any specific comments they can actually click on something and then add a comment, so for example, "I don't like the colors of the logo," and then click and then basically that's how it works. So anyone that has access to this can actually add comments. Then the specs are basically all the details of the prototypes. So if you have someone that is fairly technical or a designer or an external customer who is a designer he can take, or she can take, a look at this information. What fonts were used, the background, all the color codes and the actual width and so on and so forth. So this is available across, so if you click on a specific item, so the logo, you can actually have more details on that specific logo and you can even have code in certain cases. So if we click on this text here you're going to get details for CSS and you can copy and paste, so this is good for developers. Last but not least, you have the documentation which you can take a look at so if we go on the welcome page we have the details that we've added in here so people can take a look at that and all the information and then place comments. So on the day four where your customers are actually validating your prototype this is what they would use and see. So this was an overview of all the elements that are a part of the preview mode when customers or external stakeholders can take a look at your prototype.

Contents