What, when and why of wireframes - James Kelway - 2009 08 17

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Hertje Brodersen, Information Architect at Tribal DDB, favorited this 3 weeks ago
Luca Mascaro, User Experience Architect at Sketchin, favorited this 1 month ago
Tags wireframe
Juan Sanchez, Experience Architect at EffectiveUI, favorited this 1 month ago
Tags wireframes
Mauricio Candamil, Information Architect at Zemoga, favorited this 1 month ago
Tags wireframes information-architecture
Alberto Mucignat, User Experience Designer at Doralab, favorited this 1 month ago
Tags wireframes ia ux
Cristiano Siri, User Experience Designer at freelance, favorited this 1 month ago
Aisha Williams, Web & Graphic Designer at Pepper Advertising , favorited this 2 months ago
Tags interaction design
sbrion favorited this 2 months ago
Tags numbered
andre.c3a9 favorited this 2 months ago
Tags wireframes
pearlapearla favorited this 3 months ago
sandeep_naharia favorited this 3 months ago
Tags wireframes kelway and of 17 2009 what when why james 08
Arnold Wytenburg, art business consultant at Toronto, favorited this 3 months ago
Tags wireframes workflow web design dev
J.C. F., SuperHuman at STILLITS, favorited this 3 months ago
Tags wireframes webdesign
Juarez P. A. Filho, Web Addict / Front-end Dev at Freelancer, favorited this 3 months ago
Tags wireframes
torbra, Information Architect at LBi, favorited this 3 months ago
Tags ux

The what, when and why of wireframes
By 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?