Wireframes are like blue prints in architecture.

Wireframes can be sketched and also be digital.

Wireframes help you concentrate on hierarchy of components, layout, interactions and user flow. It is so easy to get lost in aesthetics.

Do not use colours
Do not use images
Use only one generic font

Types of wireframes

Low-fidelity wireframes

More abstract version
Relatively quick to develop
Lorem ipsum text used as filler for content and labels

High-fidelity wireframes

Better for documentation because of their increased level of detail
Often include information about tech particular item on the page (dimensions, behaviour and/or actions related to any interactive element

A single golf clap? Or a long standing ovation?

By clapping more or less, you can signal to us which stories really stand out.