behind the kimono

Download Behind the kimono

Post on 14-Jun-2015




1 download

Embed Size (px)


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



2. We dont 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.0logo search2 Jesse James Garrett 1 cartBR today on currentaccount blogs booksauthors HBS downloadsge highlights timely content from the blogs, magazine,hbrmagazine3ections.explore hbr 4 expand your knowledgebuild your expertisediscover new approachesovides a focal point for all e-commerce related allows users to nd aggregated links to content fromPartially expanded state ors across blogs, magazine, and books sections.wer storelogo searchable area encourages and facilitates exploration of on current accountblogs booksauthorsHBS downloads r knowledgehbrmagazineatures editorially selected sub-categories from the current StrategyDecision makingexplore hbr Business processes gory in search results.LeadershipInterpersonal skillsManagement by objectivesOrganizational change Project managementQuality management xpertiseInformation & technologyManaging uncertaintyForecastingatures editorially selected sub-categories from the current Global business Time management Knowledge managementnt Skills category in search results. 5 7 w approaches expand your knowledgebuild your expertisediscover new approaches 6atures editorially selected sub-categories from the currenthodologies category in search results.sFully expanded statedrive users interested in exploring further to dedicated store s. logo search cart today on currentaccount blogs booksauthors HBS downloadshbrmagazine explore hbr more topics more skills more methods 8Strategy Decision making Business processesLeadership Interpersonal skillsManagement by objectivesOrganizational changeProject managementQuality management jjgInformation & technology Managing uncertaintyForecastingGlobal businessTime management Knowledge management expand your knowledgebuild your expertisediscover new approaches n | Harvard Business Review 8. Ive never done a wireframe. JARED SPOOL 9. Whats the best tool?WIREFRAMING/PROTOTYPING 10. If youre still arguing about wireframes vs. prototypesYOURE MISSING THE POINT 11. We dont show...OUR WORK 12. My work is proprietary. NOT SO ANONYMOUS COWARD 13. NUT UP OR SHUT UP 14. IVE HAVENT 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. THANKS! SAVE 25% WITH DISCOUNT CODE TODD