Prototype & test

Build a prototype

Plan the lowest-fidelity prototype that tests the concept, build it in your prototyping tool, and link it back.

How to do it

1. Say what the test has to find out.
2. List only the screens the test needs.
3. Copy the prompt into v0, Lovable, Figma Make or another tool, or let a connected tool read it.
4. Paste the link to what it built back onto the card.

Tip. Link the finished prototype back to the card, so the test script, the sessions and the report all point to the real thing.

What you need

Start from:

• Concept or Brief

It is better with: Persona, Assumption map or Insight.

What you get: Prototype

A prototype template has these sections:

• Description
• What it tests
• Screens
• Open questions

Where it fits

• Deliver (Double Diamond): Test the chosen answer with real people and hand it over.

Usually comes after

• Ideate concepts
• Vary the concept
• Write a project brief

What to do next

• Write a usability test script
• Run usability tests
• Review as stakeholders
• Write copy options

Templates that use it

• Evaluative study: Does this design work for the people who will use it?
• Double Diamond: A whole project, from understanding a problem to a tested answer.
• Assumption-led (Lean UX): You already have an idea. What could sink it?
• Continuous discovery: A product team learning every week towards one outcome.
• Design Thinking: Empathize, define, ideate, prototype and test, in the classic five modes.
• Design Sprint: Five days from a big question to a prototype tested with real people.