The document discusses wireframing and prototyping techniques used by designers. It begins by acknowledging that many designers have never done a wireframe before. It then discusses different approaches that can be used instead of traditional requirements documents, such as task analysis grids, inspiration libraries, and extensive sketching. The document emphasizes sketching, receiving feedback through pitches and critiques, and moving from simple to more advanced prototypes using tools like HTML and Fireworks. Key principles mentioned are to sketch frequently, practice receiving and providing critique, and use tools you are already familiar with.

1. BEHIND THE KIMONO
DESIGN SECRETS REVEALED
WEB2.0 @RUSSU @ZAKIWARFEL
HAPPY COG MESSAGEFIRST

2. We don’t show...
OUR WORK

3. DESIGNERS DO IT

5. DEVELOPERS DO IT

7. HAVE YOU EVER SEEN
A WIREFRAME FROM
jjg
peter morville
jared spool

8. peter morville

9. Navigation Default state
store
Version 1.0 logo search 2
Jesse James Garrett 1 cart
BR today on current account
blogs books authors HBS downloads
ge highlights timely content from the blogs, magazine, hbr magazine
3
ections. explore hbr
4
expand your knowledge build your expertise discover new approaches
ovides a focal point for all e-commerce related links.
ge allows users to find aggregated links to content from Partially expanded state
ors across blogs, magazine, and books sections.
wer
store
logo search
able area encourages and facilitates exploration of cart
ubject. today on current account
blogs books authors HBS downloads
r knowledge hbr magazine
atures editorially selected sub-categories from the current Strategy Decision making
explore hbr Business processes
gory in search results. Leadership Interpersonal skills Management by objectives
Organizational change Project management Quality management
xpertise
Information & technology Managing uncertainty Forecasting
atures editorially selected sub-categories from the current Global business Time management Knowledge management
nt Skills” category in search results. 5 7
w approaches
expand your knowledge build your expertise discover new approaches
6
atures editorially selected sub-categories from the current
hodologies” category in search results.
s Fully expanded state
drive users interested in exploring further to dedicated store
s. logo search
cart
today on current account
blogs books authors HBS downloads
hbr magazine
explore hbr
more topics » more skills » more methods »
8
Strategy Decision making Business processes
Leadership Interpersonal skills Management by objectives
Organizational change Project management Quality management
jjg
Information & technology Managing uncertainty Forecasting
Global business Time management Knowledge management
expand your knowledge build your expertise discover new approaches
n | Harvard Business Review

10. “I’ve never done a wireframe.”
JARED SPOOL

11. What’s the best tool?
WIREFRAMING/PROTOTYPING

12. If you’re still arguing about wireframes vs. prototypes
YOU’RE MISSING THE POINT

13. We don’t show...
OUR WORK

14. “My work is proprietary.”
NOT SO ANONYMOUS COWARD

15. NUT UP OR SHUT UP

16. I’VE HAVEN’T WORKED FROM
A REQUIREMENTS DOCUMENT
IN OVER 5 YEARS

17. THE APPROACH

20. TASK ANALYSIS GRID

21. INSPIRATION LIBRARY

22. SKETCHING

23. ...AND MORE SKETCHING

24. PITCH AND CRITIQUE

25. VISUAL DESIGN

26. PITCH AND CRITIQUE

27. HTML PROTOTYPE

28. HTML PROTOTYPE

29. PITCH AND CRITIQUE

30. FIREWORKS PROTOTYPE

32. PRINCIPALS
.sketch (a lot)
.practice critique
.the best tool is the one you know

33. http://bitly.com/protobk THANKS!
SAVE 25% WITH
DISCOUNT CODE TODD