Wireframe

A wireframe is a low-fidelity representation of a screen or flow.

It focuses on structure, hierarchy, content order, and functionality before final visual design.

Use It For

  • testing page structure
  • planning content hierarchy
  • checking navigation
  • aligning team expectations early
  • separating layout decisions from visual style

What It Should Show

  • main sections
  • important actions
  • content order
  • navigation paths
  • rough component placement