Making a Prototype: Best Tools to Choose From

The term prototype is used in many spheres of life starting from healthcare and finishing with manufacturing. Prototyping in software engineering means the activity of creating models of software apps, which are incomplete versions of software programs. Such prototypes can and definitely will vary greatly from the final product version.

Why build prototypes?

There are several strong advantages that prototyping brings including:

  • Prototyping helps to explore and try out functionality or/and design ideas aiming to increase innovation, creativity, and attractiveness of the product;

What are the stages of a typical prototype development process?

Like any other development process, prototype development has its stages. Some general steps include:

Basic and principal requirements are being determined. The attention is paid to the core functionality and details such as security issues, safety, and beautiful design can be ignored.

The prototype consisting of user interfaces is developed.

Potential customers examine and check the prototype and express their opinion on it, and share their feedback and reaction. They can also provide their ideas on improvement and additions.

During the final stage, with the help of the feedback received before the prototype is being improved. If changes are introduced and their necessity has been negotiated and agreed on, then stages 3 and 4 can be required.

How to choose a tool for prototype development?

As the advantages of prototyping get validated by more and more companies, new tools for building prototypes appear. All of them have their characteristics such as fidelity level, collaboration and sharing level, usability and testing availability, support, device testing level, etc. Some of the tools provide quick development, so it takes less time to launch a prototype. Other tools are good at the simulation of the intended interactivity of the prototype.

So, which things should be addressed while choosing the most applicable prototype development tool to match your requirements and needs? Before you start, answer the following set of questions to decide in favor of any tool:

  • How much time do I have for prototype development? How much time are you ready to spend on building the preliminary model of your idea? The amount of time required for a prototype development is strongly influenced by the ease of use and learnability of the tool itself. Of course, in this vision the quicker the better.

Which prototype development tools exist?

As we’ve already said, today there are hundreds of tools that are of good help in prototype making. All of them have their specific features and support various tasks and requirements, and definitely, some tools will fit you better than others. For instance:

  • if you want your prototype to be developed from scratch, you can use, Axure, Easel, Justinmind, or Fluid. These tools allow to create elements and details from scratch to add some interactivity and actions to each of the element;

We’d like to provide a well summarized analytical table compiled by Emily Schwartzman on the existing — and what is more important — the most effective systems and tools for prototype development. As of 2016, the tools for such development vary from “building from scratch” to “building the least”. Have a look at the evaluation of the prototyping tools to see which of them can potentially bring more benefit to you.

What are the pros and cons of the most popular tools?

A prototyping tool for iOS apps, designed for Web and ideal for Mobile development.

- Easy to learn and very fast.
- The sharing options are handy and fast: share the prototype just in one click.
- You can drag and drop new files over the existing ones to edit the prototype.
- The scrollable area for overflow content is being created automatically.
- It can add transition effects from a limited set of links.

- The only control on the screen level is available
- All screens and mockups have to be imported, so no options for creating or editing elements in the tool directly are available
- Limited interactivity

A collaborative tool for the teams of designers, best for Web, Desktop, and Mobile

- Easy to learn and very fast.
- Drag+drop system for adding screens and creating hotspots.
- Feedback collection is available due to sharing and commenting options.
- Easy file sharing and editing due to Dropbox-like system availability.

- No support for gesture-based interaction is available.
- Elements cannot be created or modified in the tool, and all screens and mockups have to be imported.
- No options for adding animation to the elements or transition effects to links available.
A prototyping tool for mobile devices designed for The Web, and ideal for Mobile development.

- Animation to individual details and transition effects to links can be added.
- Good simulation of high-fidelity interaction behaviors.
- Gesture-based interaction and good support are available.

- Better for a professional user, not the first-timer.
- Not very fast.
- Animated behaviors often are buggy and work properly.
- Screens have to be built out in the tool.

A prototyping tool for apps and websites designed for Windows and Mac

- Decent support level.
- Very flexible and can be used for prototyping products intended for any digital platform.
- A built-in library of useful widgets is available, and it can be customized with specific actions and behaviors.
- Complex interaction behaviors can be prototyped.

- Not easy to use for a first-timer.
- Exporting to HTML is necessary to preview the prototype.
- Not all browsers support the web display of the prototype. Chrome even requires a special plug-in to view.

A prototyping tool best for the web and mobile apps for Mac and Windows

- Supports gesture-based interaction.
- Interactivity can be added to separate elements.
- Animation can be added to separate elements, as well as the transition to links.
- A full web preview of a prototype with a device frame is available.
- Drag+drop system is available to add features and assets.

- Not so easy for a beginner.
- Actions implemented in sequence, not simultaneously if multiple actions are assigned to a single element.
- Animations and transitions are buggy and operate slowly.

Originally published at

We are an IT products development company. Our team are experienced professionals who are ready to share their expertise with Medium readers.