Designing Mobile Interfaces

1

Waiting? Download Prott already

Why YOU should prototype

&

How you can prototype

2

• Intro

• Prototyping & Design Research @ Stanford University

• Design Sprints

• Modulor principle by Le Corbusier

• Challenge: Build & Test Low-res prototype

• Sharing & Wrap-up

• Drinks3

4

5

6

7

8

9

10

11

12

13

14

15

Task: Design the toothbrush of the future

16

Task: Design the toothbrush of the future

17

18

Winning team

19

Understand the problem

20

Divergent thinking-

Go wide

21

Don’t judge

22

23

24

25

Convergent thinking -

Bring the baby home

26

Rough Rapid Right

27

Rough Rapid Right

28

Rough Rapid Right

29

Rough Rapid Right

Evolution of a prototype: Alternative F2F communication (Deutsche Bank) 30

Criticial functions arise from peoples’ needs, discovered requirements, constraints, and also from assumptions…

CF:Need:

31

One question, one prototype

Which material wins? Asking user to compare wood /pastic/metal32

Source: Aalto ME310 Teaching team

When people stop being polite…

…and start getting real.33

- 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

- 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

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

7. Break rules

38

39

Challenge 1: Build a low-res prototype (15 min)

Tools: - Sketch on paper - Prott (prottapp.com)

40

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

41

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

42

43

44