Stop 05 · Wireframing & PrototypingTopics · 1/9

Low-Fidelity Wireframing

In short

The fastest way to waste a week is to polish the wrong layout. Low-fi wireframes let you try five ideas in an hour before any colour or font gets in the way.

Rough, low-detail sketches focused on layout and structure, not visual polish — the fastest way to explore multiple layout ideas before committing time to a polished version.

The jaadu kneels on the floor joining white chalk dots into a simple rangoli outline.

Think of it like this

Rangoli dots before colour

Before filling a rangoli with colour, you mark a grid of chalk dots and join them into a rough outline. If the shape looks wrong, you wipe it and redraw in seconds. Colour comes only after the outline works.

Watch it happen

From idea to tested wireframe

Sketch 8

Pick

Grey boxes

Real labels

Quick test

1/5Fold a paper into 8 panels and sketch 8 layout ideas in 8 minutes. Quantity first, no judging.

The big ideas

What you need to know

Speed over beauty

Wireframes are meant to be thrown away. If one takes an hour, it's too detailed.

No colour on purpose

Greyscale keeps feedback on layout and flow, not on whether someone likes purple.

Structure and priority

Wireframes answer: what's on this screen, in what order, and what's the main action?

Save yourself the pain

Common mistakes

Oops

Adding brand colours, icons and photos to a wireframe.

Do this instead

Keep it grey and simple. Details make people comment on looks instead of structure.

Oops

Making only one wireframe and falling in love with it.

Do this instead

Sketch several options first. The third idea is often better than the first.

Your mission

Crazy 8s for a home screen

~25 min

Quick check

Why do wireframes usually avoid colour and real images?

Go deeper

1Sketch 3 different layout options for the same screen using pen and paper or a simple tool.
2Practice resisting the urge to add color or polish at this stage — structure only.
3Learn why low-fidelity work is faster to change, encouraging more iteration.