< Back to blog
PUBLISH DATE:
UPD:
Max SavoninMax SavoninChief Executive Officer at KeenEthics

What Is Prototyping and Why Do We Need It

Oksana

The word “Prototype” is a fairly common word, but since it has been adopted by the IT community, it acquired additional meanings. Prototyping is an important part of the product development process. According to Quora, a knowledge sharing platform, there are at least 1000 apps submitted per day, and each one of them had to go through the prototyping stage before reaching the final product.

The information we will share with you is not a well-kept secret, but it does tend to slip through the cracks from time to time. Let us save you some time by unwrapping the two main meanings of the word “prototype”, the importance of prototyping, and what it can be confused with.

What Is Prototyping?

Meaning 1

Imagine this conversation:

– Do you have the prototype ready?

– Yes, we will send you the link to InVision.

In the above scenario, a person is talking about a prototype that is basically pictures of your app's interface with buttons. As a variation, you could also hear “Clickable Prototype”, which is a prototype that allows you to go from one screen to another by clicking on buttons to understand user flows.

InVision is a popular online service, often used by UX designers to create a prototype and share it by copying a link. Some other similar service platforms include:  Marvel,  Webflow,  Proto.io,  Justinmind,  Origami Studio.

Timeframe

The main point to remember here is that no coding is involved in creating the prototype, only drawing using one of the applications mentioned above. It should take very few additional hours on top of the main design process. Be wary if your designer says you need to pay him double for a prototype of something you already have, he might be trying to play you out of extra cash.

Meaning 2

– Do you have the prototype ready?

– Yes, we are testing it now, it's a little buggy, but we're getting there.

In this dialogue, the word “prototype” refers to a very basic version of your website or mobile app, which is not a final product. It should never see the world at this stage. It’s intended for internal use on the production site only or to be shared with close friends.

Showing this preliminary model of your product to strangers is like leaving your house with your fly down – socially unacceptable and doesn’t make sense.

Timeframe

Coding is involved in creating this prototype. Depending on the complexity of your website or mobile app, this prototype would take considerably more time on top of the design process.

What Can It Be Confused With?

Confusion 1

A prototype can be confused with an MVP (Minimum Viable Product). MVP is not a final product yet, but it works as if it is. It is needed to roll out the product on the market and start usability testing and getting the first feedback from users. In order to cut costs when building and designing an MVP, the product owners would pick and focus on the most important functions of their app, which is a wise thing to do. Think of it as the very basic version of the finished product. Unlike prototype, an MVP works properly and has no bugs. Sometimes, an app can be so simple that no additional functionality needs to be added after the MVP is released.

Confusion 2

It can also be confused with a mockup. A mockup is just an image. It would not show animations of transitioning between pages, for example, buttons can’t be clicked, there is no movement whatsoever.

Why Is Prototyping Important?

The importance of prototyping in product development process can’t be overstated. We’ve listed some of the prototyping benefits below.

  • Shareholders and potential investors can get the taste of your application and get a basic understanding of the product faster and cheaper so that you can secure the funding.

  • Frontend Developers will use a working prototype to implement it in a form of a code. A prototype would have pictures and icons that make a front end developer's task much easier. However, a mockup would do just as good guiding a developer.

  • The importance of prototyping shows in Usability Testing. Testing your app at this stage of development allows avoiding mistakes and spotting bugs very early in the process. Making corrections to a working prototype is like making corrections in the architectural plan of a building instead of fixing the house after it has already been built.

  • Your idea can be quickly assessed and compared to existing competitors thanks to a prototype.

  • Because a prototype is a working model of the end product and it feels like a real application, it creates solid ground for your ideas to take flight.

  • Making a prototype could be the best way to determine the final specifications of your finished product based on a preliminary model.

Do I Really Need to Create a Prototype?

To sum it up, a prototype can mean  two things: first, a set of images made in an InVision-type online service, which allows users to click buttons and go from one screen of an app to another; and second, a somewhat working version of your app, that is not intended for the end-customer.

In our opinion, if your app is more than just a registration form – you should start with a clickable prototype. As a company, you should evaluate the importance of prototyping for your needs and then reach out to a trusted company for help. Most development agencies and design studios will offer you an entire spectrum of their services including making a prototype.

Do you want to develop a prototype?

When you need a clickable prototype, contact us for a free consultation. Our UI/UX designers will gladly assist you with this task!