Prototyping Tools

marvellogo

Marvel

Marvel is ideal for creating fast, click-through prototypes for web and mobile apps. Prototypes can be easily shared through multiple channels, and teams can access and share projects with some of the upgraded plans.

Prototypes are created from existing mocks that can be imported into Marvel via Dropbox or a Sketch file.

PROS

  • Easy to learn.
  • Fast—setup account and created first prototype in roughly 15 minutes.
  • Quick and intuitive to add screens and create hotspots.
  • Ability to connect to Dropbox and keep files in sync, or link to a Sketch file via a plugin.
  • Options for adding simple animations to page transitions.
  • Support for basic mobile/touch gestures.
  • Automatically creates scrollable area for overflow content.
  • Simple share options, including option to embed prototype into a website or blog.
  • Export options (PDF, ZIP, APK (Android) or IPA (iOS)) available with Pro plan.
  • Frames available for many devices.

 

CONS

  • Only good for working with existing mocks; No features for creating or modifying elements in the tool.
  • Interactivity limited to hotspots or timeouts for moving between screens.
  • Some features are hard to discover; did not discover the ability to add hotspots to multiple screens until I had finished doing it manually.

justinmindlogo

Justinmind

Justinmind is a flexible prototyping tool that supports many devices and works well for simple click-through prototypes or more complex interactions.

Prototypes can be created from existing mocks or by building screens out within Justinmind using libraries of standard assets.

It offers capabilities typically found in diagramming tools like drag and drop placement, re-sizing, formatting and export/import of widgets. In addition, it has features for annotating widgets and defining interactions such as linking, animations, conditional linking, calculations, simulating tab controls, show/hide elements and database simulation with real data. There is support for high-fidelity simulation of Rich Internet Applications, and app prototypes can be simulated on the actual devices too, thanks to Justinmind app.

PROS

  • Device-specific templates and features.
  • Quick and intuitive to add assets via drag + drop.
  • Simulate feature generates a web preview of fully interactive prototype with a device frame.
  • Fine-grain controls for adding interactivity to individual elements.
  • Support for gesture-based interaction.
  • Option to add animation to individual elements or transition effects to links.

CONS

  • Moderate learning curve; took some time to get oriented as a first-time user.

 

invision-logo-square

inVISION

InVision is ideal for creating fast click-through prototypes of web, desktop and mobile applications that can be easily shared.

Prototypes are created from existing mocks that must be imported into InVision to get started.

 

PROS

  • Easy to learn.
  • Fast—setup account and created first prototype in 10 minutes.
  • Quick and intuitive to add screens and create hotspots (drag + drop).
  • Sharing and commenting system for collecting feedback.
  • Asset management features via web tool or Dropbox-like folder for easy file sharing and editing.
  • Simple web display of prototype.
  • Options for adding animation to page transitions (mobile only).
  • Support for mobile/touch gestures.

 

CONS

  • Only good for working with existing mocks; No features for creating or modifying elements in the tool.
  • Interactivity limited to hotspots or timeouts for moving between screens.

 

References

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s