Presentation (partial) given at the GDG DevFest Berlin 2013

1. Prototype your Android applications,
the (U)X-factor
http://www.flickr.com/photos/grovemade/4679018251/

2. Overview
What is a prototype
Who
Why
How can I make one

3. who are You

4. who am I
@welsinga
+WiebeElsinga

5. What is a Prototype

6. able
Test
Early version of an idea

7. these are not prototypes

8. this is not a Protoype

9. neither is this

10. This is a Protoype
Pranav Mistry

11. and this ?
iPod

12. and you know this one...

13. Why should we Prototype

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

15. Explore alternatives
Stylus

16. Fail early
and
p ly
hea
c

24. Visualize
ideas
!

25. Visualize
ideas
and share

26. Visualize
ideas
and share
team
investors
users
client

27. So you Fake it
...till you Make it

28. Who will make the prototype

29. Customer
Interaction
designer
Visual
designer
Programmer

30. What makes a good prototype
Stephen Booth Photography

31. “Quick”
“Cheap”
“Minimal”
“Testable”

32. Before you start
huffingtonpost.co.uk

33. Experiential Prototyping

34. Tactical Prototyping

35. Development proces

36. Creating a prototype

37. 1
Plan

38. define user stories
“I want to see where I am on a
“I want to share this information
map”
with my friends”
“I want to see at what time my
train leaves”
identify tasks

39. create userflow diagram

40. Sketch rough interface screens

41. 2
Build

42. UI stencils

43. Showing paper

44. Templates

45. Keynotopia

46. Keynotopia

47. In the cloud

48. http://www.flickr.com/photos/aurelia-m-perez/
“Balsamiq”
so many......
“ClickDummy”
“Mockingbird”
“Proto.io”
“WireframeSketcher”

49. 3
Test

50. Test several prototypes

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

52. 4
Refine

53. Discuss results

54. Integrate findings

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

56. 5
Share

57. Just play

58. To sum up
1. Plan
2. Build
3. Test
4. Refine
5. Share

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

60. Thank you! Questions?