0
BEHIND THE KIMONODESIGN SECRETS REVEALED                          WEB2.0 @RUSSU @ZAKIWARFEL                               ...
We don’t show...OUR WORK
DESIGNERS DO IT
DEVELOPERS DO IT
HAVE YOU EVER SEENA WIREFRAME FROM             jjg             peter morville             jared spool
peter morville
Navigation                                                           Default state                                        ...
“I’ve never done a wireframe.”           JARED SPOOL
What’s the best tool?WIREFRAMING/PROTOTYPING
If you’re still arguing about wireframes vs. prototypesYOU’RE MISSING THE POINT
We don’t show...OUR WORK
“My work is proprietary.”     NOT SO ANONYMOUS COWARD
NUT UP OR SHUT UP
I’VE HAVEN’T WORKED FROMA REQUIREMENTS DOCUMENTIN OVER 5 YEARS
THE APPROACH
TASK ANALYSIS GRID
INSPIRATION LIBRARY
SKETCHING
...AND MORE SKETCHING
PITCH AND CRITIQUE
VISUAL DESIGN
PITCH AND CRITIQUE
HTML PROTOTYPE
HTML PROTOTYPE
PITCH AND CRITIQUE
FIREWORKS PROTOTYPE
PRINCIPALS.sketch (a lot).practice critique.the best tool is the one you know
http://bitly.com/protobk   THANKS!                           SAVE 25% WITH                           DISCOUNT CODE TODD
Behind the kimono
Behind the kimono
Behind the kimono
Behind the kimono
Behind the kimono
Upcoming SlideShare
Loading in...5
×

Behind the kimono

898

Published on

Slides from my Web2.0 NYC talk giving a behind the scenes look at the design process we use at my design studio, messagefirst.

Published in: Design, Education, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
898
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Behind the kimono"

  1. 1. BEHIND THE KIMONODESIGN SECRETS REVEALED WEB2.0 @RUSSU @ZAKIWARFEL HAPPY COG MESSAGEFIRST
  2. 2. We don’t show...OUR WORK
  3. 3. DESIGNERS DO IT
  4. 4. DEVELOPERS DO IT
  5. 5. HAVE YOU EVER SEENA WIREFRAME FROM jjg peter morville jared spool
  6. 6. peter morville
  7. 7. Navigation Default state store Version 1.0 logo search 2 Jesse James Garrett 1 cartBR today on current account blogs books authors HBS downloadsge highlights timely content from the blogs, magazine, hbr magazine 3ections. explore hbr 4 expand your knowledge build your expertise discover new approachesovides 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 searchable area encourages and facilitates exploration of cartubject. today on current account blogs books authors HBS downloads r knowledge hbr magazineatures 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 Forecastingatures editorially selected sub-categories from the current Global business Time management Knowledge managementnt Skills” category in search results. 5 7 w approaches expand your knowledge build your expertise discover new approaches 6atures editorially selected sub-categories from the currenthodologies” category in search results.s Fully expanded statedrive 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
  8. 8. “I’ve never done a wireframe.” JARED SPOOL
  9. 9. What’s the best tool?WIREFRAMING/PROTOTYPING
  10. 10. If you’re still arguing about wireframes vs. prototypesYOU’RE MISSING THE POINT
  11. 11. We don’t show...OUR WORK
  12. 12. “My work is proprietary.” NOT SO ANONYMOUS COWARD
  13. 13. NUT UP OR SHUT UP
  14. 14. I’VE HAVEN’T WORKED FROMA REQUIREMENTS DOCUMENTIN OVER 5 YEARS
  15. 15. THE APPROACH
  16. 16. TASK ANALYSIS GRID
  17. 17. INSPIRATION LIBRARY
  18. 18. SKETCHING
  19. 19. ...AND MORE SKETCHING
  20. 20. PITCH AND CRITIQUE
  21. 21. VISUAL DESIGN
  22. 22. PITCH AND CRITIQUE
  23. 23. HTML PROTOTYPE
  24. 24. HTML PROTOTYPE
  25. 25. PITCH AND CRITIQUE
  26. 26. FIREWORKS PROTOTYPE
  27. 27. PRINCIPALS.sketch (a lot).practice critique.the best tool is the one you know
  28. 28. http://bitly.com/protobk THANKS! SAVE 25% WITH DISCOUNT CODE TODD
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×