Behind the kimono

  • 802 views
Uploaded 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.

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

More in: Design , Education , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
802
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
12
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. BEHIND THE KIMONODESIGN SECRETS REVEALED WEB2.0 @RUSSU @ZAKIWARFEL HAPPY COG MESSAGEFIRST
  • 2. We don’t show...OUR WORK
  • 3. DESIGNERS DO IT
  • 4. DEVELOPERS DO IT
  • 5. HAVE YOU EVER SEENA WIREFRAME FROM jjg peter morville jared spool
  • 6. peter morville
  • 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. “I’ve never done a wireframe.” JARED SPOOL
  • 9. What’s the best tool?WIREFRAMING/PROTOTYPING
  • 10. If you’re still arguing about wireframes vs. prototypesYOU’RE MISSING THE POINT
  • 11. We don’t show...OUR WORK
  • 12. “My work is proprietary.” NOT SO ANONYMOUS COWARD
  • 13. NUT UP OR SHUT UP
  • 14. I’VE HAVEN’T WORKED FROMA REQUIREMENTS DOCUMENTIN OVER 5 YEARS
  • 15. THE APPROACH
  • 16. TASK ANALYSIS GRID
  • 17. INSPIRATION LIBRARY
  • 18. SKETCHING
  • 19. ...AND MORE SKETCHING
  • 20. PITCH AND CRITIQUE
  • 21. VISUAL DESIGN
  • 22. PITCH AND CRITIQUE
  • 23. HTML PROTOTYPE
  • 24. HTML PROTOTYPE
  • 25. PITCH AND CRITIQUE
  • 26. FIREWORKS PROTOTYPE
  • 27. PRINCIPALS.sketch (a lot).practice critique.the best tool is the one you know
  • 28. http://bitly.com/protobk THANKS! SAVE 25% WITH DISCOUNT CODE TODD