The journey to a product involves...

Byte Author Uploaded Image Author/Copyright holder: Teo Yu Siang and Interaction Design Foundation.

Let's focus on Prototyping. A prototype is:

  • A simplified model of a proposed solution

  • Made cheaply and quickly

  • Used to test ideas

Byte Author Uploaded Image

Why Prototype?

Byte Author Uploaded Image

Ok, prototyping helps us develop the model deeper, but does it affect our budget?

Byte Author Uploaded Image

Prototyping helps reduce errors. This helps us avoid expensive mistakes late in the development process.


What is the purpose of prototyping?

Prototype Fidelity

Prototypes can be either high or low fidelity. This depends on how close to the final product they are.

Flaticon Icon

Low Fidelity Prototypes

  • These are easier to create because they are cheap and fast.

  • They have a low level of functionality.

  • These are made early in the development process.

Example: Paper Prototypes.

Byte Author Uploaded Image


What is the advantage of a high fidelity prototype?

High Fidelity Prototypes

  • These are more complex, and closer to the final product.

  • They incorporate a high level of functionality.

  • These help collect accurate user feedback.

Example: Digital Prototypes made in Figma, Sketch and Adobe XD and Axure.

Byte Author Uploaded Image


Avi is designing an app. Which of these is a high fidelity prototype he could make?

Next Steps

  • Identify some prototype samples you have created throughout your life.

  • Incorporate what you have learnt so far in the upcoming prototype you may create.

  • Share what you have learnt in this byte with others!

Take Action


What's a prototype you have created? Was it low or high fidelity?

Photo by Alvaro Reyes on Unsplash Photo by Alvaro Reyes on Unsplash


Your feedback matters to us.

This Byte helped me better understand the topic.

Get support to take action on this Byte