Prototype at any stage of a project and make sure it is fast!

1. Rapid prototyping Fast, continuous, informed design and development

3. Designers and developers have different solutions in mind

4. Clients want to be ‘wowed’ before investingHow do you design for this? * Focus groups, early paper prototyping speak out loud differs from actual usage

5. Common place – automotive, architecture, product design Result! Result! Result! But it takes too long…

6. When do you prototype?

8. Proposition feasibility, cost and delivery schedule

10. Working prototype, pitch concept to audience

12. 1:1 locals in the wild

13. Quick findings

14. HTML prototype

15. 1:1 remote access

17. 1:1 lab study

19. Pitching to win! Opportunity to wow Show you ‘get’ their business and then some… Results based on visual selection Confirm commitment, passion and capability early

20. Envisioning

21. Delivery RAPID PROTOTYPE Front end vs Live code LIVE CODE Project timeline Design, usability test, develop

22. Rapid resources Graphic design wireframe 960.Gs 365psd.com Smashingmagazine.com Iconfinder.net Omnigraffle Balsamiq Mockflow.com Gomockingbird.com pics sketch sharing usability Flickr.com Google images Istockphoto.com Your own! Markers Paper/board Stickies moleskin Dropbox Jing Skype Sit together Silverback (mac) Adobe connect Skype Smart phone

23. Continuous delivery… to market Release to market Release to market Possible? Release to market Delight Release to market 3 6 12 18 Time to market (months)

24. Conclusion Be quick, gut feel is best Experiment Do whatever it takes to get feedback Make iterative improvements Get good stuff into the next release Does it meet business & user needs? Work with front end devs – they make it happen!

25. Thanks Eewei Chen ThoughtWorks XD team