Interactive Mockups

The graphic design phase is always included when defining an application. Typically, the designer presents his proposals with static images, created, for example, with Photoshop, to represent a few screens. Although the presentation and appearance of these images can be excellent, they are inconvenient because they are statistical images and do not allow any type of interaction. Thus, it is relatively easy to lose sight of the usability and navigation features between screens. These graphic proposals are known as mockups.

Justinmind Prototyper now allows you to make them interactive with minimum effort:

Set up each of your mockups on a screen other than your prototype (remember that you can directly drag image files or copy and paste them).
Move the Image Map component over the mockup areas representing buttons or any other element that causes a screen change when clicking on it.
Drag the Image Maps over the screens you want them to be linked to.

Tip: You can even bring forms to life: place form fields over their graphic representation, remove borders and adjust its size and font. Next click the Simulate button.

Back to all Tutorials