Rapid prototyping<br />Fast, continuous, informed design and development<br />
Why prototype?<br />Assumption makes an ass out of uand me<br /><ul><li>Users think one thing but do something else*
Designers and developers have different solutions in mind
Clients want to be ‘wowed’ before investing</li></ul>How do you design for this?<br />* Focus groups, early paper prototyp...
Common place – automotive, architecture, product design<br />Result!<br />Result!<br />Result!<br />But it takes too long…...
When do you prototype?<br />
When you want the gig<br />Show the investors it can be done!<br />Research<br />layout<br />Graphic design<br />Prototype...
Proposition feasibility, cost and delivery schedule
Client confidence to secure 12 week delivery gig</li></li></ul><li>Is it possible?<br />“ What is the ideal interface to t...
Working prototype, pitch concept to audience
Show feasibility and innovation</li></li></ul><li>Is it usable?<br />See what real user think<br /><ul><li>‘Paper’ prototype
1:1 locals in the wild
Quick findings
HTML prototype
1:1 remote access
Upcoming SlideShare
Loading in...5
×

Rapid prototyping - Fast continuous design solutions to help realise an idea

1,317

Published on

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

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,317
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Test it with real users:Users look at a design and think they like it, but until they use and interact with it
  • New and existing customers
  • Test it with real users:Users look at a design and think they like it, but until they use and interact with it
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • Test it with real users:Users look at a design and think they like it, but until they use and interact with it
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • New and existing customers
  • Rapid prototyping - Fast continuous design solutions to help realise an idea

    1. 1. Rapid prototyping<br />Fast, continuous, informed design and development<br />
    2. 2. Why prototype?<br />Assumption makes an ass out of uand me<br /><ul><li>Users think one thing but do something else*
    3. 3. Designers and developers have different solutions in mind
    4. 4. Clients want to be ‘wowed’ before investing</li></ul>How do you design for this?<br />* Focus groups, early paper prototyping speak out loud differs from actual usage<br />
    5. 5. Common place – automotive, architecture, product design<br />Result!<br />Result!<br />Result!<br />But it takes too long…<br />
    6. 6. When do you prototype?<br />
    7. 7. When you want the gig<br />Show the investors it can be done!<br />Research<br />layout<br />Graphic design<br />Prototype<br />sketch<br />No brainer,<br />let’s get you to deliver it!<br /><ul><li>2 week envisioning
    8. 8. Proposition feasibility, cost and delivery schedule
    9. 9. Client confidence to secure 12 week delivery gig</li></li></ul><li>Is it possible?<br />“ What is the ideal interface to track and trace relevant online content? ”<br />Research (twitter, trends, personas, stories)<br />sketch<br />layout<br />Graphic design<br />Prototype<br />Anyone interested in building it?<br /><ul><li>Hack day - 7.5 hours
    10. 10. Working prototype, pitch concept to audience
    11. 11. Show feasibility and innovation</li></li></ul><li>Is it usable?<br />See what real user think<br /><ul><li>‘Paper’ prototype
    12. 12. 1:1 locals in the wild
    13. 13. Quick findings
    14. 14. HTML prototype
    15. 15. 1:1 remote access
    16. 16. Quick findings</li></ul>3<br />4<br />5<br />6<br />7<br />(Back up plan)<br /><ul><li>Fully functional live code
    17. 17. 1:1 lab study
    18. 18. Daily front-end design improvements (RITE)</li></li></ul><li>Where does it fit?<br />
    19. 19. Pitching to win!<br />Opportunity to wow<br />Show you ‘get’ their business and then some…<br /> Results based on visual selection<br />Confirm commitment, passion and capability early<br />
    20. 20. Envisioning<br />
    21. 21. Delivery<br />RAPID PROTOTYPE<br />Front end vs Live code<br />LIVE CODE<br />Project timeline<br />Design, usability test, develop<br />
    22. 22. Rapid resources<br />Graphic design<br />wireframe<br />960.Gs<br />365psd.com<br />Smashingmagazine.com<br />Iconfinder.net<br />Omnigraffle<br />Balsamiq<br />Mockflow.com<br />Gomockingbird.com<br />pics<br />sketch<br />sharing<br />usability<br />Flickr.com<br />Google images<br />Istockphoto.com<br />Your own!<br />Markers<br />Paper/board<br />Stickies<br />moleskin<br />Dropbox<br />Jing<br />Skype<br />Sit together<br />Silverback (mac)<br />Adobe connect<br />Skype<br />Smart phone<br />
    23. 23. Continuous delivery… to market<br />Release to market<br />Release to market<br />Possible?<br />Release to market<br />Delight<br />Release to market<br />3<br />6<br />12<br />18<br />Time to market (months)<br />
    24. 24. Conclusion<br /> Be quick, gut feel is best<br /> Experiment<br /> Do whatever it takes to get feedback<br /> Make iterative improvements<br /> Get good stuff into the next release<br /> Does it meet business & user needs?<br /> Work with front end devs – they make it happen!<br />
    25. 25. Thanks<br />Eewei Chen<br />ThoughtWorks XD team<br />

    ×