Wireframing Basics

Summary

Low-fidelity, rough sketches of a screen's layout used to communicate structure and flow quickly — a PM skill for thinking on paper, not a substitute for a designer's final mockup.

• 1Sketch a wireframe for a feature idea using pen and paper or a simple tool.
• 2Learn the difference between wireframe fidelity levels (sketch, lo-fi, hi-fi).
• 3Practice explaining a flow using only boxes and arrows, no visual design.