Presentation given at the mdevcon 2012

1. Prototype Your Mobile Applications
http://www.flickr.com/photos/grovemade/4679018251/

2. who am I
@welsinga

3. who am I
Itude Mobile
http://www.itude.com
Surreptitious: We’re hiring! info@itude.com

4. who am I
Dutch AUG
http://dutchaug.org

5. What is a Prototype

6. Te stable
Early version of an idea

7. these are not prototypes

8. this is not a prototype

9. This is a Protoype
Pranav Mistry

10. Why should we Prototype

11. To answer questions
...and generate new ones

12. Explore alternatives
Stylus

13. Fail early
and
cheaply

14. Visualize
ideas
and share
team users
investors client

15. So you Fake it ...till you Make it

16. What makes a good prototype
Stephen Booth Photography

17. “Quick” “Cheap”
“Minimal” “Testable”

18. Creating a prototype

19. 1
Plan

20. define user stories
identify tasks

21. create userflow diagram

22. Sketch rough interface screens

23. 2
Build

24. http://www.flickr.com/photos/ontask/4881808109/
UI stencils

25. Showing paper

26. Showing paper

27. Photoshop Templates

28. Keynotopia

29. Keynotopia

30. Fieldtest

31. so many......
“Balsamiq”
“Mockingbird” “Interface”
“Prototypes”
“WireframeSketcher”
“iOS Storyboarding”
http://www.flickr.com/photos/aurelia-m-perez/4935745174/

32. 3
Test

33. Test several prototypes

34. Choose the right users
http://www.flickr.com/photos/jetalone/4694268229/ http://www.flickr.com/photos/aurelia-m-perez/4935745174/

35. 4
Refine

36. Discuss results

37. Integrate findings

38. Test, test and test
http://www.flickr.com/photos/davidcharding/

39. 5
Share

40. Just play

41. Conclusion
“A picture is
worth a
thousand
words”
“A prototype is
worth a thousand
pictures”
http://www.flickr.com/photos/8562434@N07/5378881926/

42. http://www.itude.com
info@itude.com
Thank you! Questions?
http://www.itude.com
@welsinga
http://dutchaug.org