Back to all Tutorials

Validate Through Scenarios

Justinmind Prototyper offers a system that allows you to define navigation flows in a conceptual manner. We call these flows Scenarios and you can work with them in the Scenarios tab, next to the User Interface tab.

To create one, click the "+" button in the right-hand panel. All the scenarios in a prototype appear here. Just double-click its name to open it. The scenario editor and the distribution of information actually operate in a way similar to the screens.

On the left side there are forms or components that you can drag to the screen. Specifically, you can move Screens, Decisions or Actions. You can also move the screens created in the User Interface by using the list below the shape list. Join the ones you moved with the arrow tool in the toolbar. Click it and the cursor takes the shape of an arrow. When you drag a shape on top of another using this tool, it creates an arrow linking the two and draws a navigation flow.

You can start defining a prototype by creating different navigation scenarios and then create a simulation that will adjust to them from the User Interface tab. Each time you create a screen in a scenario with the same name as a Screen in the user interface, a preview (thumbnail) of the screen is displayed, instead of an icon.

Note: if you right click on a screen icon in a scenario, you create an equivalent screen in the simulation.

A warning symbol appears when two screen thumbnails are linked by an arrow and both are real screens in the simulation. This indicates that there is no event in the first screen to cause the navigation described by the arrow. If you add one and return to the scenario, the warning symbol disappears.

All the information on the scenarios is included when you export the contents of a prototype to MS Word.

Back to all Tutorials