What Is Rapid Prototyping In UX? A Step-By-Step Guide

CareerFoundry Blog contributor Maria de la Riva

Prototypes are one of the most important deliverables of our discipline. They come in all shapes and sizes. We create them with everything from pencil and paper to fancy design software.

In this guide, we’ll explore one of the most useful yet intimidating prototyping techniques in the field: rapid prototyping.

We’ll go over:

  1. What is prototyping? A recap
  2. What is rapid prototyping?
  3. The benefits of rapid prototyping
  4. Rapid prototyping: A how-to guide
  5. Low vs. high-fidelity prototypes

Let’s dive in!

1. What is prototyping? A recap

Before you spend time and money developing an idea or building a product, you need to make sure that it works as intended. You’ll want to test it to ensure that it’s user-friendly and bug-free, and that it helps the user to complete their desired actions.

To do this, you create a scaled-down version of your product—be it an app, a website, or a piece of software. This is what’s known as a prototype. Prototypes can range from simple paper models to fully functional digital prototypes that the user can interact with.

Once you’ve created a prototype, you’ll test it on some target users. You’ll see how users interact with the product, discover any usability issues and design flaws, and identify areas in need of improvement.

You can learn more about prototyping and all the different kinds of prototypes in this guide. Now, though, let’s get back to the focus of this guide: rapid prototyping!

2. What is rapid prototyping?

In order to understand rapid prototyping, it is useful to consider where the term comes from.

The term “rapid prototyping” actually originates from the manufacturing industry. In manufacturing, rapid prototyping is used to create a 3D model of a product, or a single part of a product. The prototype can be tested before the product or part is manufactured in larger quantities.

In much the same way, designers in the digital world have adopted rapid prototyping as a quick and cost-effective way to build and test a working version of their product. In digital design, rapid prototyping is the process of iteratively mocking up an interface and validating it with users, stakeholders, and even your teammates.

But what makes it rapid compared to standard prototyping?

In the manufacturing world, rapid prototyping is much quicker than traditional prototyping, which may take months or even years. When it comes to building digital products, however, it shouldn’t ever take designers months or years to build and test a prototype. So, in actual fact, all prototyping in digital design can be considered rapid. Prototyping tools like InVision and Prott showcase the nature of prototyping in the digital realm: they are designed to expedite an already speedy process, allowing us to stitch together screens in just minutes.

In a relatively short space of time, we build a prototype of a section of a product we’d like to validate. We then show it to users or our team to gather feedback, and make changes based on this feedback. This process lets us gather feedback early and often, helping us “build better products faster.”

3. The benefits of rapid prototyping

Better. Faster. Sounds pretty good, right? But what exactly does this mean for teams and designers?

Well, for starters, rapid prototyping gives us a visual to make sure we’re all on the same page. It isn’t the same thing to describe a product as it is to see it. And while we probably can get away with descriptions within teams since we all speak the same language, they are no good for stakeholders, investors, or users. A quick prototype eliminates miscommunication.

Rapid prototyping also helps us catch problems or pain-points early on in the design process. This lets us address and solve the problem before it gets to development or further into the process, saving us precious time and money.

Finally, continuously and quickly testing our work helps us validate that we’re building a product tailored to fit real user needs and wants. We’ll be showing our rapid prototype to them, and they’ll be able to let us know if it’s working or not.

4. How to build a rapid prototype: The rapid prototyping cycle

Now we know what a rapid prototype is, let’s consider how to go about building one.

It is quite simple:

  1. Build what you’re testing
  2. Test it on users, stakeholders, or your team
  3. Adjust it to reflect feedback
  4. Repeat the process

That is it! The process isn’t complicated and yet it’s hugely beneficial.

Creating a rapid prototype: How much do I build?

Prototyping an entire app over and over again is a ton of work! And even as a “master” prototyper, it’s not a quick process. It is also not necessary to build an entire app right off the bat. So what do we build?

We commonly prototype:

  1. Core functionality and features
  2. Novel interactions and patterns

Core Functionality and Features

Where will your users spend the most time? Which features will they use the most? Start prototyping here!

Hammer out critical areas of your app or website and make sure they are meeting user expectations, needs, and wants.

Novel interactions and patterns

We’ve come a long way since the norm was seeing plenty of bad design like this around the web. Both in apps and on websites, we now see conventional structures and experiences. Users are familiar with these. When they see them, they know their way around them and how to use them.

Any time we’re creating something novel that departs from what users expect, we need to prototype and test. If you’re designing a crazy new login screen or a new, cool kind of checkout process, make sure you develop a prototype of it early on to iron out any kinks that will confuse users.

Prototyping isn’t limited to these two cases. You can prototype and test any section of your app. However, tackle one part or feature at a time. Don’t try to address the whole product at once or you’ll wind up with a prototype that is too big to let you be nimble.

5. Are rapid prototypes limited to low fidelity?

A student recently asked me if rapid prototyping was limited to low fidelity. It isn’t. You can test at all different levels of fidelity. You’ll still work quickly, will still gather feedback, and will still revise to reflect it. The difference lies in the kind of feedback you’ll receive.

Low-fidelity prototypes let users focus on how they’ll work their way through a product. Does it make sense? Can you find everything? Do any steps feel off? They are common during very early stages of product development and fleshed out with pencil and paper. Fast, easy, and effective!

Mid-fidelity prototypes help us focus on interactivity. They help us validate the behavior of elements and screens. These are commonly created in tools like Balsamiq.

High-fidelity prototypes look like the finished product and are created in tools like Sketch or Figma. When users are presented with these, they tend to focus on their visual design, so they aren’t ideal during the early stages. We’ll typically use them towards the end to validate that our visual design decisions clearly communicate what they are meant to.

So which level of fidelity is appropriate? It depends on the stage of your project and what you’re looking to measure or find out.

Happy prototyping!

If you’d like to learn more about the product design process, take a look at these guides:

What You Should Do Now

  1. Get a hands-on introduction to UX design with our free, self-paced UX design short course.

  2. Take part in one of our FREE live online UX design events with industry experts, and read up on UX graduate Alice’s career change from corporate banking.

  3. Become a qualified UX designer in just 5-10 months—complete with a job guarantee.

  4. This month, we’re offering a partial scholarship worth up to $1,365 off on all of our career-change programs to the first 100 students who apply 🎉 Book your application call and secure your spot now!

What is CareerFoundry?

CareerFoundry is an online school for people looking to switch to a rewarding career in tech. Select a program, get paired with an expert mentor and tutor, and become a job-ready designer, developer, or analyst from scratch, or your money back.

Learn more about our programs