Beginner’s Guide to Interactive Prototyping: Which Tool Should I Choose

Fin Devin
Fin Devin
Feb 23, 2017 · 3 min read

Add two states for the dynamic panel and use the condition builder to distinguish the state. Then, set the Move action and parameter. Finally, switch the dynamic panel state.

Here’s a more detailed look:

Method 2: Add condition

This method will use the condition builder as well. Programming knowledge is required, such as “variable”, “global variable”, “assignment”, “if”, and “else”. The details are shown below.

Method 3: Show and hide

Use two images names A and B. Follow these steps:

  • Show A and hide B
  • Click A to move it to the specified location and show B, hide A
  • Click B to move it to the specified location and show A , hide B

Justinmind

Method 1: Use Toggle event plus Move action

This method makes this interaction effect easy. However, this interaction effect will not work using a double-click.

Method 2: Show and hide

This works the same way as the same method used in Axure.

Mockplus

We can build this interaction effect with the auto-recovery feature. All it takes is one click.

To return to the original interaction, just add a move action for the image using drag and drop, then select “Auto recovery” from the interaction panel.

Meanwhile, the “show and hide” method can be used to achieve the same effect, but is unnecessary.

The perfect way to find the perfect tool is to use them in practice. Here’s my take on it:

* If you have enough time and enjoy the experience of mastering a comprehensive prototyping tool, I’d recommend using Axure. There are plenty of advanced features that are worth exploring.

* If you would like to create high fidelity and sophisticated interactive prototypes, I’d recommend using Justinmind. However, this would require programming knowledge.

* If you want to master a tool in a very short time and care about productivity, I’d recommend using Mockplus for rapid prototyping. It simplifies the interaction design, saving you a lot of time.

All in all, the primary purpose of using tools is to prototype more efficiently. These tools should not be a cause for limitation or lack of focus on the project at hand.

1. 5 Golden Rules about Lightweight App Design

2. What’s Behind an Advanced Product Manager

3. What We Talk About When We Talk About Prototyping Tools

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade