47
Prototypes «Things to think with» – what do they prototype? Margaret M. Sommervold [email protected] 1

The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Prototypes «Things to think with» – what do they prototype?

Margaret M. Sommervold [email protected]

1

Page 2: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Outline • “What do Prototypes

Prototype?” by Houde & Hill (1997)

• The KOOLO app

• Health app for youth with eating disorders

• Helpful tools

2

Page 3: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

What is a prototype?

3

Page 4: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Definitions: Artifact

• «The interactive system being designed»

• Commercially released/any end-result of design activities.

Designer «anyone who creates a prototype (…)

regardless of job title»

Prototype • «Any representation of a design

idea, regardless of medium» (Houde & Hill)

• «a prototype is a limited representation of a design that allows users to interact with it and explore its suitability» (Peerce et al. 2002 in Brandt 2007)

• «Things to think with» (Brandt 2007)

4

Page 5: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

5

Page 6: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

6

Page 7: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

7

Page 8: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

8

Page 9: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

9

Resolution = «amount of detail» Fidelity = «closeness to the eventual design»

Page 10: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

10

Page 11: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

11

What do prototypes prototype? (H

oude & H

ill 1997 p.3)

Important aspects of the design of an

artifact:

Page 12: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

What do prototypes prototype?

• Role: which role does the prototype serve in the user’s life?

• Look and feel: concrete sensory experience of using an artifact.

• Implementation: the ‘nuts and bolts’ or how it actually works.

12

Page 13: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

What do prototypes prototype?

• Role requires context. • Look and feel requires

stimulation of the concrete user experience.

• Implementation requires the system to be built.

13

Page 14: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

14

Page 15: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

KULU Young patients

• Want to differenciate between their patient role and ‘normal’ teen role.

• Expert on their lives and bodies.

• Chellenges in recruitment and design process due to physical and mental challenges.

The concept of cool • Age-appropratedness • Only youth know what’s

cool. • Important for adoptation

and prolonged use • Important for process

(methodology, methods, tools, etc.) and end-result (design outcome)

15

Page 16: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

The SHARM framework (PD) Situation-based action

Having a say

Adaptability

Respect

Mutual learning

16

Page 17: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

• One of KULU’s projects (www.kulu.no) • Designed together with the Youth Council at

Akershus University Hospital. • Will hopefully support young people with long-term

health challenges in transition from pediatrics to adult-centered medicine.

• Consists of: MoodShots (‘picture diary’), Calender & Checklists.

The youth council & KULU

The transition app KOOLO

Page 18: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Workshop 1 • What functions should a transition

app have?

• «Cool to have» «Must have»

• Registration of general state, transition checklists, and calendar (+notifications).

18

Page 19: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Workshop 2

19

Page 20: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

20

Page 21: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

21

Page 22: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

22

Page 23: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Workshop 3 • Professional designers developed

graphical design of the app based on Nora’s prototype in Sketch.

• Prototype in inVision to show the functionality.

• Screenshots to allow better feedback on the different design proposals.

23

Page 24: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

24

Page 25: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

25

Page 26: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Final iteration with the designers

• New ideas implemented. • Revision of the first

prototype the designers created.

26

Page 27: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

27

Page 28: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

28

Page 29: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

29

Page 30: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Workshop 4

• Explained how the prototype could be accessed and evaluated using inVision.

• Sent out e-mail invitations and online surveys.

30

Page 32: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

32

The developer

Page 33: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Future work with the prototype

• User testing with youth • Learning more about self-

tracking and m-health • Add more to the app.

33

Page 34: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

KOOLO – ‘just’ a prototype? • In the academic world, we develop prototypes not

only to contribute to the design world and design practices but also to the academic discussion (Mattelmäki & Matthews 2009).

• The prototypes and the design process are a contribution only in light of previous work and the way we theorize them.

34

Page 35: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

KOOLO – ‘just’ a prototype? • How can technology support young patients in transition? • What do patients need? • What do they value? • What are their current practices and how can these practices

inform design? • What is important for design of health apps for young patients? • What is cool? • How can we increase patients’ participation in the decision

making process?

35

Page 36: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

KOOLO – ‘just’ a prototype? • Thing to think with for many different people with many different

backgrounds and agendas.

• Boundary Objects: «objects that are both plastic enough to adapt to local needs and constrains of the several parties employing them, yet robust enough to maintain a common identity accross sites» (Star 1989 in Brandt 2007).

• The youth council, future users, researchers, designers, the developer, and the hospital representatives interpret KOOLO in different ways according to their interests.

36

Page 37: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Thinking about what you want to investigate through your prototype.

• Simple mock-ups might generate more feedback.

• More finished prototypes limit the communication span.

• Communicate limitations. • Think about the audience. • Allow for unforseen feedback.

37

Page 38: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Helpful tools

38

Page 39: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

PD in my thesis

Audun Karlsrud Larsen

Page 40: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Background

- Participatory Design

- Lifeworld theory

- KULU

- Vulnerable user group

- Gaining access

Page 41: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Design process

- I conducted three workshops:

- Workshop one

- Gaining knowledge about my participants

- Workshop two

- Participatory prototyping

- Workshop three

- Evaluation

Page 42: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

My participants vision for technology

Page 43: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

My design

Page 44: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

Evaluating the prototype

- Choosing what to evaluate

- Look and Feel

- Role

- Methods, tools and techniques

- Results

- See-move-see

Page 45: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

How did i create my prototype?

- Sketch + Invision

- What is sketch?

- Prototyping tool

- Bye, bye Illustrator

- Relevant to worklife

Page 46: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM
Page 47: The Master’s Thesis Journey - Universitetet i oslo · The Master’s Thesis Journey Author: Margaret Machniak Sommervold Created Date: 9/28/2016 2:26:01 PM

47