Prototype Your Mobile Applicationshttp://www.flickr.com/photos/grovemade/4679018251/
who am I           @welsinga
who am I              Itude Mobile              http://www.itude.com           Surreptitious: We’re hiring! info@itude.com
who am I           Dutch AUG           http://dutchaug.org
What is a Prototype
Te stable     Early version of an idea
these are not prototypes
this is not a prototype
This is a ProtoypePranav Mistry
Why should we Prototype
To answer questions                      ...and generate new ones
Explore alternativesStylus
Fail early  andcheaply
Visualize         ideas       and shareteam               users  investors   client
So you Fake it   ...till you Make it
What makes a good prototype  Stephen Booth Photography
“Quick”     “Cheap”“Minimal”   “Testable”
Creating a prototype
1Plan
define user stories                     identify tasks
create userflow diagram
Sketch rough interface screens
2Build
http://www.flickr.com/photos/ontask/4881808109/                                                 UI stencils
Showing paper
Showing paper
Photoshop Templates
Keynotopia
Keynotopia
Fieldtest
so many......“Balsamiq”                  “Mockingbird”                        “Interface”   “Prototypes”                  ...
3Test
Test several prototypes
Choose the right usershttp://www.flickr.com/photos/jetalone/4694268229/   http://www.flickr.com/photos/aurelia-m-perez/49357...
4Refine
Discuss results
Integrate findings
Test, test and test                      http://www.flickr.com/photos/davidcharding/
5Share
Just play
Conclusion          “A picture is            worth a           thousand            words”                                 ...
http://www.itude.com                                                             info@itude.com                      Thank...
Upcoming SlideShare
Loading in …5
×

Prototype your mobile applications

522 views

Published on

Presentation given at the mdevcon 2012

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
522
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Prototype your mobile applications

  1. 1. Prototype Your Mobile Applicationshttp://www.flickr.com/photos/grovemade/4679018251/
  2. 2. who am I @welsinga
  3. 3. who am I Itude Mobile http://www.itude.com Surreptitious: We’re hiring! info@itude.com
  4. 4. who am I Dutch AUG http://dutchaug.org
  5. 5. What is a Prototype
  6. 6. Te stable Early version of an idea
  7. 7. these are not prototypes
  8. 8. this is not a prototype
  9. 9. This is a ProtoypePranav Mistry
  10. 10. Why should we Prototype
  11. 11. To answer questions ...and generate new ones
  12. 12. Explore alternativesStylus
  13. 13. Fail early andcheaply
  14. 14. Visualize ideas and shareteam users investors client
  15. 15. So you Fake it ...till you Make it
  16. 16. What makes a good prototype Stephen Booth Photography
  17. 17. “Quick” “Cheap”“Minimal” “Testable”
  18. 18. Creating a prototype
  19. 19. 1Plan
  20. 20. define user stories identify tasks
  21. 21. create userflow diagram
  22. 22. Sketch rough interface screens
  23. 23. 2Build
  24. 24. http://www.flickr.com/photos/ontask/4881808109/ UI stencils
  25. 25. Showing paper
  26. 26. Showing paper
  27. 27. Photoshop Templates
  28. 28. Keynotopia
  29. 29. Keynotopia
  30. 30. Fieldtest
  31. 31. so many......“Balsamiq” “Mockingbird” “Interface” “Prototypes” “WireframeSketcher” “iOS Storyboarding” http://www.flickr.com/photos/aurelia-m-perez/4935745174/
  32. 32. 3Test
  33. 33. Test several prototypes
  34. 34. Choose the right usershttp://www.flickr.com/photos/jetalone/4694268229/ http://www.flickr.com/photos/aurelia-m-perez/4935745174/
  35. 35. 4Refine
  36. 36. Discuss results
  37. 37. Integrate findings
  38. 38. Test, test and test http://www.flickr.com/photos/davidcharding/
  39. 39. 5Share
  40. 40. Just play
  41. 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. 42. http://www.itude.com info@itude.com Thank you! Questions? http://www.itude.com @welsingahttp://dutchaug.org

×