// Goodpatch Workshop // Berlin Feb 14, 2015

1.
Designing
Mobile
Interfaces
1
Waiting?
Download Prott already

2.
Why YOU should prototype
&
How you can prototype
2

3. • Intro
• Prototyping & Design Research @ Stanford University
• Design Sprints
• Modulor principle by Le Corbusier
• Challenge: Build & Test Low-res prototype
• Sharing & Wrap-up
• Drinks
3

4. 4

5.
5

6. 6

7. 7

8. 8

9. 9

10. 10

11. 11

12. 12

13. 13

14. 14

15. 15

16. Task: Design the toothbrush of the future
16

17. Task: Design the toothbrush of the future
17

18.
18

19. Winning
team
19

20. Understand the problem
20

21. Divergent thinking
-
Go wide
21

22. Don’t judge
22

23. 23

24. 24

25.
25

26. Convergent thinking
-
Bring the baby home
26

27.
Rough Rapid Right
27

28. Rough Rapid Right
28

29. Rough Rapid Right
29

30. Rough Rapid Right
Evolution of a prototype: Alternative F2F communication (Deutsche Bank)
30

31. Criticial functions arise from peoples’ needs, discovered
requirements, constraints, and also from assumptions…
CF:Need:
31

32. One question, one prototype
Which material wins? Asking user to compare wood /pastic/metal
32
Source: Aalto ME310 Teaching team

33.
When people stop being polite…
…and start getting real.
33

34. - General craft supplies
- Foam core
- Cardboard
- Pink foam & cardboard
- Play doh
- Modeling clay
- Laser cut wood/cardboard
- Sheet metal
- CAD + renderings
- 3D printing
- Service/ space prototyping
- System prototyping
- Experience prototyping
- Electronics Prototyping
- Electronic breadboarding
- Arduino Microprocessor
- Software paper prototyping
- Mobile paper prototyping
- Mobile Interaction prototyping
- Digital Prototyping
- Interface mockups
- State diagrams/ flowcharts
- Video prototyping
- Wizard of oz/ role play
Prototyping techniques
34
Source: Nik Martelaro

35. - General craft supplies
- Foam core
- Cardboard
- Pink foam & cardboard
- Play doh
- Modeling clay
- Laser cut wood/cardboard
- Sheet metal
- CAD + renderings
- 3D printing
- Service/ space prototyping
- System prototyping
- Experience prototyping
- Electronics Prototyping
- Electronic breadboarding
- Arduino Microprocessor
- Software paper prototyping
- Mobile paper prototyping
- Mobile Interaction prototyping
- Digital Prototyping
- Interface mockups
- State diagrams/ flowcharts
- Video prototyping
- Wizard of oz/ role play
Prototyping techniques
35
Source: Nik Martelaro

36. 36

37. Golden rules of prototyping:
1. One question, one prototype
2. Go far enough
3. Stop before it’s perfect
4. Don’t fall in love with your prototype
5. Always build and share more than one prototype
6. Create to provoke and persuade
37
Source: Nik Martelaro

38. 7. Break rules
38

39. 39

40. Challenge 1:
Build a low-res prototype (15 min)
Tools:
- Sketch on paper
- Prott (prottapp.com)
40

41. Now, test your prototype (10 min)
Don’t demo or sell your prototype…
Show, don’t tell…
41

42. If only we had more time…
Name 3 things you would improve
on your prototype!
42

43. 43

44.
44