## Interactive images

When defining an application, the graphic design phase is always included. Typically, the designer presents his proposals in the form of static images that may be created with an external image editor to represent a few screens. While the presentation and appearance of these images can be excellent, the inconvenience is that they are completely static and do not provide any type of interaction. It is therefore relatively easy to lose sight of the application’s usability and the navigation between screens. These graphic proposals are known as mockups.

Justimind Prototyper provides you with the necessary tools to add interactivity to these images with minimal effort.

1. Set up each mockup that you have on a different screen of your prototype (remember that you can drag files or images directly or copy and paste them).

2. Drag and drop the Hotspot widget over the mockup areas representing buttons or any other element that should cause a screen change when clicking on it.

3. Drag the Hotspots you created and drop them on the screens you want them to link in the Screens panel. Or see how links can be created here.

####

Tip: Even forms can be brought to life: place form fields over their graphic representation, remove borders, and adjust size and font. Now click on the Simulate button.