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?
Recommended