Why do designers build rough models of their ideas, and what kinds of prototype are useful at each stage?
Explain the purpose of prototyping and create low- and high-fidelity prototypes and mock-ups to test and develop a design
A focused answer on prototyping for O-Level Design Studies. The purpose of prototypes, low- versus high-fidelity, paper prototypes and mock-ups, fail fast and cheap, and how prototyping develops a design.
Reviewed by: AI editorial process; not yet individually human-reviewed
Have a quick question? Jump to the Q&A page
Jump to a section
What this dot point is asking
This dot point asks you to explain why designers prototype and to create prototypes and mock-ups to test and develop a design. A prototype is a preliminary, testable version of an idea, made to learn from rather than to keep. You should understand the purpose of prototyping, the difference between low-fidelity and high-fidelity prototypes, the idea of a mock-up, and the principle of failing fast and cheap. Prototyping turns an idea from something imagined into something you can examine, test with users, and improve, which is how a design moves from sketch to resolved outcome.
The answer
What a prototype is and why it matters
A prototype is a draft, working version of a design made to test and learn, not to be the final product. It makes an idea tangible so the designer and users can interact with it, revealing problems that are invisible on paper. The purpose is to learn cheaply and quickly: to test whether an idea works, to gather feedback, and to develop the design before committing to a finished version.
Low-fidelity prototypes
Low-fidelity (low-fi) prototypes are rough, quick and cheap, made from simple materials such as paper, card, foam or basic sketches. A paper prototype of an app, with screens drawn by hand and swapped to mimic clicking, is a classic example. Their value is speed and disposability: they are fast to make, easy to change, and cheap to throw away, which makes them ideal early when ideas are still moving.
High-fidelity prototypes
High-fidelity (high-fi) prototypes are detailed and realistic, close to the final design in look, feel or function. A polished digital mock-up of an app, or a carefully made 3D model of a product, are high-fi. They give realistic feedback on the final experience but take more time and money, so they are used later, once the idea is settled and the questions are about refinement rather than direction.
Mock-ups
A mock-up is a realistic, often non-functional model of how a design will look, used to evaluate appearance and presentation. A mock-up of packaging shows the artwork on the actual box shape; a mock-up of a poster shows it in its real setting. Mock-ups help the designer and client judge the look in context before production.
Fail fast and cheap
A guiding principle of prototyping is to fail fast and cheap: find a design's flaws early, using quick, inexpensive prototypes, before time and money are spent on a finished version. A problem caught on paper costs minutes to fix; the same problem found after production can waste weeks. Each prototype is a chance to discover and fix weaknesses while change is still easy.
How prototyping develops a design
Prototyping is not a one-off step. A design typically moves from rough low-fi prototypes (testing the concept and direction) toward higher-fi prototypes (refining the detail), with testing and feedback at each stage feeding the next. This progression is how a vague idea becomes a resolved, well-tested design.
Examples in context
Example 1. A paper app prototype. A team tests a new app by drawing each screen on paper and swapping sheets as a user "taps". Within an hour they find that people cannot locate a key feature, and they fix it with a pen. The cheap prototype reveals a serious flaw before a single line of code, showing fail-fast in action.
Example 2. A packaging mock-up. Before printing thousands of boxes, a designer builds one mock-up with the artwork wrapped onto the real box shape and stands it on a shelf among competitors. Seeing it in context reveals that the brand name is hard to read at a distance, prompting a fix while it is still cheap to change.
Try this
Cue. Make a low-fidelity paper prototype of a simple app screen or a product, then ask someone to use it. Note one problem you discover that you had not noticed in your sketch.
Cue. Take an idea and decide what question you most need answered (does the layout work? does it feel good in the hand?). Choose whether a low-fi or high-fi prototype best answers it, and explain why.
Cue. Describe a real product that clearly went through prototyping, and suggest one low-fi and one high-fi prototype its designers might have built. Explain what each would have tested.
Exam-style practice questions
Practice questions written in the style of SEAB exam questions on this dot point, with worked answer explainers. The year tag is the paper they imitate, not the source.
Original5 marksExplain the difference between a low-fidelity and a high-fidelity prototype, and state one situation where each is the better choice.Show worked answer →
A low-fidelity prototype is rough, quick and cheap, made from simple materials such as paper, card or basic sketches. A high-fidelity prototype is detailed and realistic, close to the look, feel or function of the final design.
A low-fidelity prototype is the better choice early on, when ideas are still changing, because it is fast and cheap to make and easy to throw away or alter after feedback.
A high-fidelity prototype is the better choice later, when the idea is settled and you need realistic feedback on the final look, feel or usability before committing to production.
What markers reward: a correct contrast (rough, cheap, early versus detailed, realistic, later), and an appropriate situation for each linked to the stage of the project.
Original4 marksExplain why it is an advantage for a prototype to 'fail fast and cheap', using an example.Show worked answer →
"Fail fast and cheap" means finding a design's flaws early using quick, inexpensive prototypes, before time and money are spent on a finished version. It is an advantage because problems are far cheaper and easier to fix at the rough stage than after production.
Example: a paper prototype of an app screen might reveal that users cannot find the menu. Fixing it on paper takes minutes; discovering the same fault only after the app is fully built would waste weeks of work.
What markers reward: the idea that cheap early prototypes reveal problems before costly commitment, and a clear example showing a problem caught early being far cheaper to fix.
Related dot points
- Describe the stages of the design process - empathise, define, ideate, prototype and test - and explain why it is iterative rather than linear
A focused answer on the design process for O-Level Design Studies. The stages of design thinking from empathise to test, why the process is iterative and cyclical, and how each stage feeds the next.
- Use ideation techniques and annotated sketching to generate a range of ideas and communicate design thinking on paper
A focused answer on ideation and sketching for O-Level Design Studies. Brainstorming, mind-mapping and SCAMPER, thumbnail sketches, annotation, and how to generate and communicate a range of ideas quickly.
- Test designs with users, evaluate against criteria, gather and act on feedback, and iterate to improve a design
A focused answer on testing and evaluation for O-Level Design Studies. User testing, evaluating against the specification, gathering qualitative and quantitative feedback, iteration, and the difference between feedback and opinion.
- Describe materials and techniques used for model-making and prototyping, and select suitable materials for a model at a given stage
A focused answer on model-making for O-Level Design Studies. Paper, card, foam, clay and found materials, the difference between sketch models and presentation models, and choosing materials for the stage of a project.
- Describe common digital design tools and the difference between raster and vector graphics, and choose the right tool and format for a task
A focused answer on digital design tools for O-Level Design Studies. Raster versus vector graphics, resolution and scalability, common software types, file formats, and choosing the right tool and format for a task.