Viewing Your Prototypes
Using your prototypes
Indigo's HTML-based viewer lets you run the prototypes you share using any modern browser and device without the need for plugins. The viewer also includes a vertical toolbar to the left of the running prototype, that you can use to toggle features like highlighting interactions.
Prototypes made with Indigo Studio can have multiple screens, screenparts, their states, or a combination of these. The toolbar also allows you to see a list of designs shared in the prototype, and also the states designed inside each of the screens or screenparts. The states are presented using the
Interactions Explorer, which you have already seen and used when designing the prototype. With the interactions explorer view, one can dive into any particular state without having to interact with the prototype itself.
If you want to read about how to share a design, see the Sharing Your Prototypes topic.
Using the Toolbar
This section describes what you can do with the prototype toolbar. If you wish to view the prototype used in this topic, click here.
|Toggling visibility of the toolbar||Click the
|Toggling the Table of Contents||Click the
|Toggling interactions highlights||Click the
|Toggling annotations||Click the
|Going to the Project Home Screen||Click the
Using the Table of Contents
When you view a shared prototype, Indigo provides a table of contents including all the shared designs.
This tab has several options to make it easy for you to find the design you are looking for.
|Toggling between screens and screenparts||Click on the
|Searching for designs||Type in the search box.||![img-10]|
|Loading a design||Click on the name of the screen or screenpart. Current design name is highlighted.||![img-11]|
|Viewing design states||Click on the
Using the Interactions Explorer
|Loading states||Click on the state in the