Prototype your Android applications,
the (U)X-factor

http://www.flickr.com/photos/grovemade/4679018251/
Overview
What is a prototype
Who
Why

How can I make one
who are You
who am I
@welsinga
+WiebeElsinga
What is a Prototype
able
Test

Early version of an idea
these are not prototypes
this is not a Protoype
neither is this
This is a Protoype

Pranav Mistry
and this ?

iPod
and you know this one...
Why should we Prototype
To answer questions

...and generate new ones
Explore alternatives
Stylus
Fail early

and
p ly
hea
c
Visualize
ideas
!
Visualize
ideas
and share
Visualize
ideas
and share

team
investors

users
client
So you Fake it

...till you Make it
Who will make the prototype
Customer

Interaction
designer

Visual
designer

Programmer
What makes a good prototype

Stephen Booth Photography
“Quick”

“Cheap”

“Minimal”

“Testable”
Before you start

huffingtonpost.co.uk
Experiential Prototyping
Tactical Prototyping
Development proces
Creating a prototype
1
Plan
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 se...
create userflow diagram
Sketch rough interface screens
2

Build
UI stencils
Showing paper
Templates
Keynotopia
Keynotopia
In the cloud
http://www.flickr.com/photos/aurelia-m-perez/

“Balsamiq”

so many......

“ClickDummy”
“Mockingbird”

“Proto.io”
“Wireframe...
3
Test
Test several prototypes
Choose the right users

http://www.flickr.com/photos/jetalone/

http://www.flickr.com/photos/aurelia-m-perez/4935745174/
4

Refine
Discuss results
Integrate findings
Test, test and test

http://www.flickr.com/photos/
5

Share
Just play
To sum up

1. Plan
2. Build
3. Test
4. Refine
5. Share
Conclusion

“A picture is worth a
thousand words”

“A prototype is worth a
thousand pictures”

http://www.flickr.com/photos...
Thank you! Questions?
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Prototype your Android applications, the (U)X-factor
Upcoming SlideShare
Loading in...5
×

Prototype your Android applications, the (U)X-factor

592

Published on

Presentation (partial) given at the GDG DevFest Berlin 2013

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

No Downloads
Views
Total Views
592
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Prototype your Android applications, the (U)X-factor

  1. 1. Prototype your Android applications, the (U)X-factor http://www.flickr.com/photos/grovemade/4679018251/
  2. 2. Overview What is a prototype Who Why How can I make one
  3. 3. who are You
  4. 4. who am I @welsinga +WiebeElsinga
  5. 5. What is a Prototype
  6. 6. able Test Early version of an idea
  7. 7. these are not prototypes
  8. 8. this is not a Protoype
  9. 9. neither is this
  10. 10. This is a Protoype Pranav Mistry
  11. 11. and this ? iPod
  12. 12. and you know this one...
  13. 13. Why should we Prototype
  14. 14. To answer questions ...and generate new ones
  15. 15. Explore alternatives Stylus
  16. 16. Fail early and p ly hea c
  17. 17. Visualize ideas !
  18. 18. Visualize ideas and share
  19. 19. Visualize ideas and share team investors users client
  20. 20. So you Fake it ...till you Make it
  21. 21. Who will make the prototype
  22. 22. Customer Interaction designer Visual designer Programmer
  23. 23. What makes a good prototype Stephen Booth Photography
  24. 24. “Quick” “Cheap” “Minimal” “Testable”
  25. 25. Before you start huffingtonpost.co.uk
  26. 26. Experiential Prototyping
  27. 27. Tactical Prototyping
  28. 28. Development proces
  29. 29. Creating a prototype
  30. 30. 1 Plan
  31. 31. 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
  32. 32. create userflow diagram
  33. 33. Sketch rough interface screens
  34. 34. 2 Build
  35. 35. UI stencils
  36. 36. Showing paper
  37. 37. Templates
  38. 38. Keynotopia
  39. 39. Keynotopia
  40. 40. In the cloud
  41. 41. http://www.flickr.com/photos/aurelia-m-perez/ “Balsamiq” so many...... “ClickDummy” “Mockingbird” “Proto.io” “WireframeSketcher”
  42. 42. 3 Test
  43. 43. Test several prototypes
  44. 44. Choose the right users http://www.flickr.com/photos/jetalone/ http://www.flickr.com/photos/aurelia-m-perez/4935745174/
  45. 45. 4 Refine
  46. 46. Discuss results
  47. 47. Integrate findings
  48. 48. Test, test and test http://www.flickr.com/photos/
  49. 49. 5 Share
  50. 50. Just play
  51. 51. To sum up 1. Plan 2. Build 3. Test 4. Refine 5. Share
  52. 52. Conclusion “A picture is worth a thousand words” “A prototype is worth a thousand pictures” http://www.flickr.com/photos/8562434@N07/5378881926/
  53. 53. Thank you! Questions?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×