rapid prototyping

Download Rapid Prototyping

Post on 28-Jan-2015

6.708 views

Category:

Technology

3 download

Embed Size (px)

DESCRIPTION

Presentation used at Adobe DevSummit 2009.

TRANSCRIPT

  • 1. Uday M. ShankarYahoo! Bangalore, India 12/2/09 Prototyping Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India1

2. Uday M. Shankar Working with Yahoo! R&D asPrincipal Engineer, Prototyping Around 10 years in UI/UX space12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 2 3. What?!! 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 3 4. ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 4 5. Wine Tasting12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 5 6. It actually makes a difference. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 6 7. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 7 8. Prototyping Origin - 1603, from Gk. prototypon "a first orprimitive form," protos "first" + typos"impression." 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 8 9. 12/2/09 its an art.Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 9 10. an art ofmanaging expectations12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 10 11. SETTHERIGHT EXPECTATIONS And deliver up to those expectations12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 11 12. Design evolves Explore& Understand CommunicateValidate Low fidelity High fidelityLess functional detailMore functional detail Static Interactive Less formal testingMore formal testing DisposableRe-purpose-able Paper Code 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India12 13. Why do this? Going back to the drawing board is not aproblem! Clear out misunderstandings andcommunication gaps of requirement study Documented design evaluation Sign off on design decisions 14. FACT Mostpeoplealreadyspendtimeonprototyping!!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 14 15. In 4 steps Create the body the blueprint Make it beautiful - Graphic tools Breath life into it - Prototyping tools Add the brains - Technology 16. AxureRP Pro LucidSpec iPlotzFluidIA FlairbuilderDenimHotGlooDesigner MockupPetraGUIDesign Simulify VistaScreens Studio Flash CatalystPencilBalsamiq Mockups JusDnmindOmniGrae SketchFlow Powerpoint SketchFlowRapidRabb.itProtoshareiRise EasyPrototype Visio ForeUI Mockow FireworksProfessional Whatwouldhelpyou doyourjob? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 16 17. Paper Protos 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 17 18. Wireframeswww.balsamiq.com 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 18 19. Flex/AIR Protos A familiar technology Great WySiWyG tool Inter-portability between web and desktop Skinning & Cool effects! Easy integration with backend12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 19 20. DEMO12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 20 21. Flash Catalyst Integration with Adobe tools Timeline feature for effects Easier handling of states More designer friendly More animator friendly Lot more developer friendly too!!! 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 21 22. Single glance 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 22 23. Second glance Flash XML GraphicsFlex Project Image Mockups Flash Catalyst Flash Builder 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 23 24. DEMO?12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 24 25. Prototyping as a career? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 25 26. Ground rules Write quick & dirty code Scalability > optimization Goal is to test experience, concept andfeasibility. Not robustness. Abstract front-end from back-end Always use dummy data while prototyping 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 26 27. Ideas are cheap!!Developing them is not!! 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 27 28. Every singledetailmatters!12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 28 29. Have multiple options to evaluate12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 29 30. Bottom line: Make it work! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 30 31. Designervs. Developer 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 31 32. Workwithrealusersto understandthem 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 32 33. References Adaptive design & rapid prototyping - Mark Rickerby Modeling the mobile UX - Bryan Reiger Principles of rapid prototyping for design -KeeKim Heng Spoilt for choice - Suze Ingram Slideshare.net 34. What I hear. I forget. What I see, I remember. What I do, I understand. Lao Tse UDAYMS@GMAIL.COM @UDAYMS UDAYMS.WORDPRESS.COM 12/2/09Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 34 35. Questions?Email udayms@gmail.comBlogs udayms.wordpress.com flexed.wordpress.comTwitter @udayms