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

2. 2

3. 3

4. Interac1on for the iPad...
nu.nl for iPad
4

5. Envision
Sketch
Wireframe
Brainstorm
Envision
Observa1on
User tests
design
Some design
User interviews
methods for mobile
Story boarding services Service Safari
Scope
Design pa?erns
Prototype Lorem ipsum and more...
5

6. Envision
Envision
Envision Scope Prototype
6

7. We have
a problem Stop. You
Sure. We need might need a
a strategy vision first
7

8. An example
Envisioning a
paper magazine on the iPad
without the iPad
February 2010
8

10. a paper iPad

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

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

14. A vision
=
1. a thing you can see
2. an tangible idea that
mo1vates to take ac1on
3. never a thick report

15. Envision
Envision Scope Prototype
15

16. I have two I dreamt last I have a I mail you
wonderful night about couple of my ideas
ideas an idea ideas
I have an I have an Less is more.
Here is my Here is
idea We should
idea addi>onal another
idea good idea
scope
16

17. Envision
Imagine
the
context
17

18. 1: Imagine the right context
Is this price right?
Is this product ok?
The product is in front of you
You can see the brand
You see product type
You can scan the bar code
18

19. Envision
2. What is the maximum we really need
for a great service?
19

21. The result

22. If ‘Less = more’
you should scope before you
plan anything.

23. Envision
Prototype
Envision Scope
early!
23

24. Nice sketches! Prototype
early
But does it work?
24

25. low‐tech early
prototyping http://www.adobe.com/devnet/fireworks/articles/prototype_iphone_app.html
25

26. Portals
26

27. 27

28. 28

29. 29

30. 30

31. 31

32. 32

33. Envision
Bonus:
Design Pa?erns
or: borrow and recombine
33

34. androidpatterns.com
34

35. Thank you! Any questions?
www.unitid.nl - rick@unitid.nl