rick le roy - three design methods for mobile services

Three design methodsplus a bonus

Rick le Roy

Mobile Monday Amsterdam, 6 September 2010

1

2

3

4

nu.nlforiPad

Interac1onfortheiPad...

design

5

Somedesignmethodsformobile

services

Envision

Envision

Scope

Prototype

Usertests

Wireframe

Designpa?erns

Userinterviews

Observa1on

ServiceSafari

Sketch

Brainstorm

Loremipsumandmore...

Storyboarding

6

Envision

Envision

Scope PrototypeEnvision

7

Wehaveaproblem

Sure.Weneedastrategy

Stop.Youmightneedavisionfirst

8

Anexample

EnvisioningapapermagazineontheiPad

withouttheiPadFebruary2010

apaperiPad

12

h?p://www.youtube.com/watch?v=xej_h‐mwzNw

Theresult...

13

...avision

h?p://www.youtube.com/watch?v=xej_h‐mwzNw

14

Avision

2.antangibleideathatmo1vatestotakeac1on

1.athingyoucansee

3.neverathickreport

=

15

Envision

Scope PrototypeEnvision

16

Ihaveanidea

Ihavetwowonderfulideas

Ihaveanaddi>onal

idea

Hereisanothergoodidea

Hereismyidea

Idreamtlastnightaboutanidea

Ihaveacoupleofideas

Imailyoumyideas

Lessismore.Weshouldscope

17

Envision

Imaginethecontext

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?

19

Envision

2.Whatisthemaximumwereallyneedforagreatservice?

Theresult

22

If‘Less=more’

youshouldscopebeforeyouplananything.

23

Envision

ScopePrototypeearly!Envision

24

Prototypeearly

Nicesketches!

Butdoesitwork?

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

25

Portals

26

27

28

29

30

31

32

33

Envision

Bonus:DesignPa?erns

or:borrowandrecombine

34

androidpatterns.com

www.unitid.nl - rick@unitid.nl

Thank you! Any questions?