The what, when and why of wireframesBy James Kelway

What are wireframes?

Boxes

Text

Arrows

What are wireframes?

What are wireframes?

Wireframes are NOT....

• for an external audience without an explanation of context

• the design of a page

• to portray any graphic elements

• to convey the brand of a website

Why do we use them?

To help gain understanding

Why do we use them?

To help project workflow

Why do we use them?

To help stakeholders

Why do we use them?

To help designers and developers

When should they be used?

What are the different types?

Hand drawn

sketches

What are the different types?

Collaborative sketches

What are the different types?

Annotated Wireframes

What are the different types?

Hi-fidelity Wireframes

•For opinion

•Requires an explanation

•Very near the final execution

How do we use them at Hello?

Websites

How do we use them at Hello?

Dashboards

How do we use them at Hello?

Optimisation

Why are they important?

Why are they important?

Why are they important?

Why are they important?