Wireframe

A wireframe is a simple layout of a screen, focused on structure, not style. The example shows a class list and a class page, drawn with gray boxes and placeholders.

Wireframes decide what goes where, such as the search field, images, titles and the Book seat button, without worrying about colors or type.

Because they are quick to make, wireframes are a cheap way to explore ideas and get early feedback.