Back to Instructables

Paper Prototyping Guide

A low-fidelity method to visualize and test interfaces before writing a single line of code.

Why Paper?

Paper prototyping is the fastest way to get ideas out of your head and into the real world. It prevents you from getting attached to specific UI details (like colors or fonts) and keeps the focus on the core flow and functionality.

Materials Needed

Sharpies / Pens
Paper (A4 or A3)
Scissors
Post-it Notes
Tape / Glue

The Process

1 Sketch the Screens

Draw the main screens of your user flow. Don't worry about straight lines. Use thick markers to prevent yourself from drawing too much detail.

2 Create Interactive Elements

Cut out separate pieces of paper for elements that change, like dropdown menus, pop-ups, or sliding panels. Use Post-its for error messages or notifications.

3 Define the Flow

Arrange your screens in order. Walk through the "happy path" yourself to ensure you haven't missed any steps.

Testing with Users

When testing a paper prototype, assign roles to your team:

  • The Computer: This person manipulates the paper pieces in response to the user's "clicks" (taps on the paper). They should know the system logic perfectly.
  • The Facilitator: Guides the user through the tasks and asks questions.
  • The Observer: Takes notes on user behavior and friction points.