Prototyping (with Cute Puppies)

A workshop on Prototyping Tools & Process conducted at Yahoo! Sunnyvale CA, US.

Transcript

1. Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale, CA April 2010 With cute puppies!
2. Prototyping Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale, CA April 2010
3. ‘Copyright’ Disclaimer! Have used quotes, ideas, slides and graphics from many sites including yahoo, google, slideshare etc. This workshop is not about adobe tools. Its about prototyping techniques.
4. Who am i? • Owns Prototyping in UED in India • 11 years experience in the field • Was with Nokia before Yahoo! Who am i? • Owns Prototyping in UED in India • 11 years experience in the field • Was with Nokia before Yahoo!
5. WHY PROTOTYPE? WHY PROTOTYPE? You already know ‘What is Prototyping?’
6. Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression." Prototyping Prototyping
7. THE WORLD IS CHANGING THE WORLD IS CHANGING
8. POLITICS IS CHANGING POLITICS IS CHANGING
9. INTERFACES ARE CHANGING INTERFACES ARE CHANGING
10. Client/Server Mainframe Web Applications Reach Local Global Rich Text UI Integrated media GUI 1992 1998 2005+ Rich Internet Applications Applications are changing Now+
11. Yahoo! Is changing
12. Users *have* changed
13. Experience has changed strategy design technology RICH INTERNET APPLICATIONS
14. Isn’t it time we change too?
15. PROTOTYPE! PROTOTYPE! All that’s fine… What exactly should we do?
16. SO, WHERE DO WE BEGIN? SO, WHERE DO WE BEGIN? Create it, Learn from it, Change it, Refine it
17. Balsamiq Mockups Balsamiq Mockups Mockflow Mockflow Powerpoint Powerpoint Protoshare Protoshare Designer Vista Designer Vista Axure RP Pro Axure RP Pro Petra Petra Easy Prototype Easy Prototype Justinmind Justinmind Fluid IA Fluid IA iPlotz iPlotz Flairbuilder Flairbuilder Simulify Simulify SketchFlow SketchFlow Visio Professional Visio Professional Mockup Screens Mockup Screens OmniGraffl e OmniGraffl e Pencil Pencil ForeUI ForeUI Denim Denim SketchFlow SketchFlow Fireworks Fireworks RapidRabb.it RapidRabb.it Lucid Spec Lucid Spec Flash Catalyst Flash Catalyst GUI Design Studio GUI Design Studio HotGloo HotGloo iRise iRise
18. Balsamiq
19. Flash Catalyst
20. Workflow yesterday Visual Designer Interaction Designer Developer
21. Workflow for tomorrow Visual Designer Interaction Designer Developer
22. LET’S WALK THE TALK NOW… LET’S WALK THE TALK NOW… Blah… Blah… Blah…
23. BASICS OF PROTOTYPING BASICS OF PROTOTYPING Now that we know how its done.
24. Work smart, not Hard Do not over-engineer Don’t let ‘legacy’ design for you Keep it quick & dirty Work smart, not Hard Do not over-engineer Don’t let ‘legacy’ design for you Keep it quick & dirty
25. Technology is not the driver, experienceis…
26. RISKS OF PROTOTYPING RISKS OF PROTOTYPING It’s not all that simple and smooth
27. Beware of Feature creep Don’t let design bias your user Don’t put on the FE hat Beware of Feature creep Don’t let design bias your user Don’t put on the FE hat
28. QUESTIONS QUESTIONS I dare you…
29. Thank you Thank you