rick le roy - three design methods for mobile services

35
Three design methods plus a bonus Rick le Roy Mobile Monday Amsterdam, 6 September 2010 1

Upload: mobile-monday-amsterdam

Post on 19-May-2015

551 views

Category:

Business


4 download

TRANSCRIPT

Page 1: Rick le Roy - Three design methods for mobile services

Three design methodsplus a bonus

Rick le Roy

Mobile Monday Amsterdam, 6 September 2010

1

Page 2: Rick le Roy - Three design methods for mobile services

2

Page 3: Rick le Roy - Three design methods for mobile services

3

Page 4: Rick le Roy - Three design methods for mobile services

4

nu.nlforiPad

Interac1onfortheiPad...

Page 5: Rick le Roy - Three design methods for mobile services

design

5

Somedesignmethodsformobile

services

Envision

Envision

Scope

Prototype

Usertests

Wireframe

Designpa?erns

Userinterviews

Observa1on

ServiceSafari

Sketch

Brainstorm

Loremipsumandmore...

Storyboarding

Page 6: Rick le Roy - Three design methods for mobile services

6

Envision

Envision

Scope PrototypeEnvision

Page 7: Rick le Roy - Three design methods for mobile services

7

Wehaveaproblem

Sure.Weneedastrategy

Stop.Youmightneedavisionfirst

Page 8: Rick le Roy - Three design methods for mobile services

8

Anexample

EnvisioningapapermagazineontheiPad

withouttheiPadFebruary2010

Page 9: Rick le Roy - Three design methods for mobile services
Page 10: Rick le Roy - Three design methods for mobile services

apaperiPad

Page 11: Rick le Roy - Three design methods for mobile services
Page 14: Rick le Roy - Three design methods for mobile services

14

Avision

2.antangibleideathatmo1vatestotakeac1on

1.athingyoucansee

3.neverathickreport

=

Page 15: Rick le Roy - Three design methods for mobile services

15

Envision

Scope PrototypeEnvision

Page 16: Rick le Roy - Three design methods for mobile services

16

Ihaveanidea

Ihavetwowonderfulideas

Ihaveanaddi>onal

idea

Hereisanothergoodidea

Hereismyidea

Idreamtlastnightaboutanidea

Ihaveacoupleofideas

Imailyoumyideas

Lessismore.Weshouldscope

Page 17: Rick le Roy - Three design methods for mobile services

17

Envision

Imaginethecontext

Page 18: Rick le Roy - Three design methods for mobile services

1:Imaginetherightcontext

Is this price right?

The product is in front of youYou can see the brandYou see product typeYou can scan the bar code

18

Is this product ok?

Page 19: Rick le Roy - Three design methods for mobile services

19

Envision

2.Whatisthemaximumwereallyneedforagreatservice?

Page 20: Rick le Roy - Three design methods for mobile services
Page 21: Rick le Roy - Three design methods for mobile services

Theresult

Page 22: Rick le Roy - Three design methods for mobile services

22

If‘Less=more’

youshouldscopebeforeyouplananything.

Page 23: Rick le Roy - Three design methods for mobile services

23

Envision

ScopePrototypeearly!Envision

Page 24: Rick le Roy - Three design methods for mobile services

24

Prototypeearly

Nicesketches!

Butdoesitwork?

Page 25: Rick le Roy - Three design methods for mobile services

low‐techearlyprototyping http://www.adobe.com/devnet/fireworks/articles/prototype_iphone_app.html

25

Page 27: Rick le Roy - Three design methods for mobile services

27

Page 28: Rick le Roy - Three design methods for mobile services

28

Page 29: Rick le Roy - Three design methods for mobile services

29

Page 30: Rick le Roy - Three design methods for mobile services

30

Page 31: Rick le Roy - Three design methods for mobile services

31

Page 32: Rick le Roy - Three design methods for mobile services

32

Page 33: Rick le Roy - Three design methods for mobile services

33

Envision

Bonus:DesignPa?erns

or:borrowandrecombine