Close

What is a prototype and where do I start?

Prototyping is a huge part of any product design journey. It can be considered pre-emptive testing before lots of time, money and resource is used. However, prototyping isn’t just one thing. There are lots of different styles of prototyping.

Although there are lot of different styles of prototypes, they can be categorised within two axes: Fidelity and Feature Depth. Fidelity is how close to the final product your prototype is and Feature Depth is how focused your prototyping is.

Data Flow Prototyping

Low Fidelity, Low Feature Depth

A rough basic outline of how data is sent around the system. For instance, in a photo editing app data flow design, you might outline the following low fidelity data flow prototype.

UX/UI Prototyping

Low Fidelity, High Feature Depth

User Experience (UX)/ User Interface (UI) Prototypes are very common and give an overall visual view of the system and how users will interact with it. This prototype tests how your users with interact and experience your technology and often highlight issues around visual elements. You may go through several iterations of prototypes at this point starting with quite low fidelity designs which become higher as feedback is given and they’re reviewed.

Component Prototyping

High Fidelity, Low Feature Depth

Component prototyping looks at specific components to test if they will work. These prototypes are only really used if there is a part of the system that you’re unsure how it would work. For instance, if you were developing a nuclear reactor, there are lots of very complex parts with specific functions. Before spending lots of money on building the whole reactor, you first would want to identify any issues that may arise with those component parts.

Use Case Prototyping

High Fidelity, High Feature Depth

A Use Case Prototype is what most people would imagine if you said prototype. It’s a fully working demo of a product or service. Every element is represented and you’re mainly testing whether the prototype meets the users use cases (requirements).

A simple example

This is perhaps quite a common prototype journey, where a business first draws their idea at a high level and identifies some complex components (1). They then test that single component to see how viable the who project is (2). On the back of that success they then design a UX wireframe for the whole system (3).

Using that wireframe then create a more functional prototype to demo to investors (4).

Find Out More

If you enjoyed this briefing paper, check out our other digital resources which cover a wide range of topics, including quantum computing, social media, and 3D printing.

The Lancashire Cyber Foundry runs a series of business strategy and cyber workshops specifically designed for SMEs in Lancashire. We’re passionate about seeing Lancashire business become more cyber-aware and innovative and so offer funded places for companies to come and learn how to defend, innovate and grow their business. Additionally, we have an experienced technical team ready to help you with your business innovation ideas, particularly around cyber and digital innovation.

To find out more about how your business can access support or register on one of upcoming workshops, contact us: 

About the Author

Geraint Harries

Before starting at Lancaster University over four years ago, Geraint had worked in software development roles in IBM and the Civil Service. In addition to being a qualified teacher, Geraint has worked freelance with a varied client base as a software developer and graphic designer. 

Interested? Email us

Sign up to our newsletter

Get the latest updates on news and events from the Lancashire Cyber Foundry team.

By filling in this form you register for our e-newsletter, which will help explain the programme and how we could benefit your business. Registering does not place you under any obligation, and you can unsubscribe from communications at any time using the unsubscribe link at the bottom of our newsletters. Lancaster University will hold and use the information which you supply in line with our privacy policy.

Processing...
Thank you! Your subscription has been confirmed. You'll hear from us soon.
ErrorHere