Date post: | 27-Jan-2015 |
Category: |
Technology |
Upload: | wiebe-elsinga |
View: | 106 times |
Download: | 1 times |
Prototype your Android applications,
http://www.flickr.com/photos/grovemade/4679018251/
the (U)X-factor
Overview
What is a prototype
Why
How can I make one
Who
who are You
who am I
@welsinga+WiebeElsinga
What is a Prototype
Early version of an idea
Testable
these are not prototypes
this is not a Protoype
neither is this
and this ?
iPod
and you know this one...
Why should we Prototype
...and generate new ones
To answer questions
Explore alternatives
Stylus
Fail early
and cheaply
Visualize ideas
!
Visualize ideas
and share
team
Visualize ideas
and share
investors clientusers
So you Fake it ...till you Make it
Who will make the prototype
Programmer
Customer
Interaction designer
Visual designer
Stephen Booth Photography
What makes a good prototype
“Quick” “Cheap”
“Minimal” “Testable”
Before you start
huffingtonpost.co.uk
Experiential Prototyping
Tactical Prototyping
Development proces
Creating a prototype
1Plan
define user stories
identify tasks
“I want to see where I am on a map”
“I want to share this information with my friends”
“I want to see at what time my train leaves”
create userflow diagram
Sketch rough interface screens
2Build
UI stencils
Showing paper
Templates
Keynotopia
Keynotopia
In the cloud
“Balsamiq” “ClickDummy”
“Proto.io”
“Mockingbird”
“WireframeSketcher”
so many......http://www.flickr.com/photos/aurelia-m-perez/
3Test
Test several prototypes
http://www.flickr.com/photos/aurelia-m-perez/4935745174/
Choose the right users
http://www.flickr.com/photos/jetalone/
4Refine
Discuss results
Integrate findings
Test, test and test
http://www.flickr.com/photos/
5Share
Just play
1. Plan2. Build3. Test4. Refine5. Share
To sum up
http://www.flickr.com/photos/8562434@N07/5378881926/
“A picture is worth a thousand words”
“A prototype is worth a thousand pictures”
Conclusion
Thank you! Questions?