prototype your android applications, the (u)x-factor

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

Upload: wiebe-elsinga

Post on 27-Jan-2015

107 views

Category:

Technology


1 download

DESCRIPTION

Presentation (partial) given at the GDG DevFest Berlin 2013

TRANSCRIPT

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

Prototype your Android applications,

http://www.flickr.com/photos/grovemade/4679018251/

the (U)X-factor

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

Overview

What is a prototype

Why

How can I make one

Who

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

who are You

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

who am I

@welsinga+WiebeElsinga

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

What is a Prototype

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

Early version of an idea

Testable

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

these are not prototypes

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

this is not a Protoype

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

neither is this

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

Pranav Mistry

This is a Protoype

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

and this ?

iPod

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

and you know this one...

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

Why should we Prototype

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

...and generate new ones

To answer questions

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

Explore alternatives

Stylus

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

Fail early

and cheaply

Page 17: Prototype your Android applications, the (U)X-factor
Page 18: Prototype your Android applications, the (U)X-factor
Page 19: Prototype your Android applications, the (U)X-factor
Page 20: Prototype your Android applications, the (U)X-factor
Page 21: Prototype your Android applications, the (U)X-factor
Page 22: Prototype your Android applications, the (U)X-factor
Page 23: Prototype your Android applications, the (U)X-factor
Page 24: Prototype your Android applications, the (U)X-factor

Visualize ideas

!

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

Visualize ideas

and share

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

team

Visualize ideas

and share

investors clientusers

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

So you Fake it ...till you Make it

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

Who will make the prototype

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

Programmer

Customer

Interaction designer

Visual designer

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

Stephen Booth Photography

What makes a good prototype

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

“Quick” “Cheap”

“Minimal” “Testable”

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

Before you start

huffingtonpost.co.uk

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

Experiential Prototyping

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

Tactical Prototyping

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

Development proces

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

Creating a prototype

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

1Plan

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

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”

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

create userflow diagram

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

Sketch rough interface screens

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

2Build

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

UI stencils

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

Showing paper

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

Templates

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

Keynotopia

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

Keynotopia

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

In the cloud

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

“Balsamiq” “ClickDummy”

“Proto.io”

“Mockingbird”

“WireframeSketcher”

so many......http://www.flickr.com/photos/aurelia-m-perez/

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

3Test

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

Test several prototypes

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

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

Choose the right users

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

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

4Refine

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

Discuss results

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

Integrate findings

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

Test, test and test

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

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

5Share

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

Just play

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

1. Plan2. Build3. Test4. Refine5. Share

To sum up

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

http://www.flickr.com/photos/8562434@N07/5378881926/

“A picture is worth a thousand words”

“A prototype is worth a thousand pictures”

Conclusion

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

Thank you! Questions?