Prototyping mobile applications involves creating early versions of ideas to explore alternatives, visualize concepts, and test with users. Good prototypes are quick and cheap to make, with minimal functionality but enough to test key tasks and user flows. The prototyping process involves planning user stories and flows, building mockups using tools like Balsamiq or paper prototypes, testing prototypes with users, and refining based on feedback before sharing ideas more broadly. Prototypes are valuable for answering questions, failing ideas early, and generating new insights compared to static pictures alone.

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