home | computer science at ubc - designing esi …marilyn monroe eiffel tower 11 : 15 10 20 1: 00 05...

16
1 Imager Laboratory for Graphics, Visualization, and HCI Designing ESI Planner: Designing ESI Planner: The Participatory Design of a Sound and Image The Participatory Design of a Sound and Image Enhanced Planner for People with Aphasia Enhanced Planner for People with Aphasia Karyn Moffatt Karyn Moffatt, Joanna McGrenere, , Joanna McGrenere, Barbara Barbara Purves Purves , Maria , Maria Klawe Klawe Department of Computer Science Department of Computer Science University of British Columbia University of British Columbia Canada Canada 1 Imager Laboratory for Graphics, Visualization, and HCI Aphasia is a loss of words – not intelligence Acquired language Acquired language disorder disorder Caused by brain Caused by brain damage (e.g. stroke, damage (e.g. stroke, trauma, etc.) trauma, etc.) Impairment of Impairment of communication communication abilities abilities Relative sparing of Relative sparing of other cognitive other cognitive abilities abilities What is Aphasia? What is Aphasia? A h p a a i s i Y a l Q n ss x o f o w r d T o y i t l g ii r e nc e - 2

Upload: others

Post on 21-Aug-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

1

Imager Laboratoryfor Graphics, Visualization, and HCI

Designing ESI Planner:Designing ESI Planner:The Participatory Design of a Sound and Image The Participatory Design of a Sound and Image

Enhanced Planner for People with AphasiaEnhanced Planner for People with Aphasia

Karyn MoffattKaryn Moffatt, Joanna McGrenere, , Joanna McGrenere, Barbara Barbara PurvesPurves, Maria , Maria KlaweKlawe

Department of Computer ScienceDepartment of Computer Science

University of British ColumbiaUniversity of British Columbia

CanadaCanada

1

Imager Laboratoryfor Graphics, Visualization, and HCI

Aphasia is a loss of words

– not intelligence

�� Acquired language Acquired language disorderdisorder�� Caused by brain Caused by brain damage (e.g. stroke, damage (e.g. stroke, trauma, etc.)trauma, etc.)

�� Impairment of Impairment of

communication communication

abilitiesabilities

�� Relative sparing of Relative sparing of

other cognitive other cognitive

abilitiesabilities

What is Aphasia?What is Aphasia?

A

hp

a

a

i

s

iY al Q

n

ss xo

f

o

wr

d

T

o

y itlg

iir

e

nc

e

-

2

Page 2: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

2

Imager Laboratoryfor Graphics, Visualization, and HCI

Skip has AphasiaSkip has Aphasia

Video and name used with permission.Video and name used with permission.

3

Imager Laboratoryfor Graphics, Visualization, and HCI

Key Design ProblemsKey Design Problems

�� mismatch of individual mismatch of individual

abilities and skills abilities and skills

required to use the required to use the

technologytechnology

�� failure to address the failure to address the

spectrum of spectrum of

communication communication

contextscontexts

Sports WorkDoctor

Spot FamilyHi/Bye

Hi, I have an appointment with

Dr Smith

New Back Home More

4

Page 3: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

3

Imager Laboratoryfor Graphics, Visualization, and HCI

Research GoalsResearch Goals

�� Understand the strategies used by individuals Understand the strategies used by individuals

with aphasia to with aphasia to communicatecommunicate and to and to carry outcarry out

languagelanguage--based tasksbased tasks..

�� Seek opportunities where Seek opportunities where technologytechnology can can

support individuals in those activities. support individuals in those activities.

5

Imager Laboratoryfor Graphics, Visualization, and HCI

ESI PlannerESI PlannerThe Enhanced with Sound and Images Planner

�� PDA application (PDA application (iPaqiPaq from HP)from HP)

�� A computerized daily planner A computerized daily planner

designed for people with aphasia designed for people with aphasia

�� Uses images, sound, and text to Uses images, sound, and text to

represent people and places in represent people and places in

appointmentsappointments

6

Page 4: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

4

Imager Laboratoryfor Graphics, Visualization, and HCI

Design ApproachDesign Approach

�� Two phase design:Two phase design:

�� Phase One: Participatory DesignPhase One: Participatory Design

�� Phase Two: Experimental EvaluationPhase Two: Experimental Evaluation

7

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase One: Phase One: Participatory DesignParticipatory Design

Four subFour sub--phases:phases:Four subFour sub--phases:phases:

8

Page 5: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

5

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase One: Phase One: Participatory DesignParticipatory Design

Four subFour sub--phases:phases:1.1. Idea brainstormingIdea brainstorming

�� InterviewsInterviews

�� Identified needs:Identified needs:�� Daily plannerDaily planner

�� Recipe bookRecipe book

�� Word dictionaryWord dictionary

�� Personal history recorderPersonal history recorder

�� Conversation primer Conversation primer –– to help to help

preplan conversationspreplan conversations

Photo used with permissionPhoto used with permission

9

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase One: Phase One: Participatory DesignParticipatory Design

1 - Drawn by hand 2 - Using computer tools

6

7

8

91011121

2

3

4

5

6

7

8

June: 9/6/03

7:00 am - 9:30 am

Marilyn Monroe Eiffel Tower

11 : 1510

20

1: 0005

Starts

Ends

Four subFour sub--phases:phases:1.1. Idea brainstormingIdea brainstorming

2.2. LowLow--fidelity paper prototypingfidelity paper prototyping

10

Page 6: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

6

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase One: Phase One: Participatory DesignParticipatory Design

Four subFour sub--phases:phases:1.1. Idea brainstormingIdea brainstorming

2.2. LowLow--fidelity paper prototypingfidelity paper prototyping

3.3. MediumMedium--fidelity software fidelity software prototypingprototyping

11

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase One: Phase One: Participatory DesignParticipatory Design

Four subFour sub--phases:phases:1.1. Idea brainstormingIdea brainstorming

2.2. LowLow--fidelity paper prototypingfidelity paper prototyping

3.3. MediumMedium--fidelity software fidelity software prototypingprototyping

4.4. HighHigh--fidelity software prototyping fidelity software prototyping and formal evaluationand formal evaluation

> Demo!

12

Page 7: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

7

Imager Laboratoryfor Graphics, Visualization, and HCI

ESI Planner DemoESI Planner Demo

13

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: EvaluationPhase Two: Evaluation

�� Hypothesis:Hypothesis: A planner using triplets of images text and sound A planner using triplets of images text and sound

would be more usable than a textwould be more usable than a text--only planner.only planner.

vs.vs.

TextText--Only: Only:

NESI PlannerNESI Planner

(The Not Enhanced

with Sound and

Images Planner)

Images, Sound, Images, Sound,

and Text: and Text:

ESI PlannerESI Planner

14

Page 8: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

8

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� 8 Participants:8 Participants:

�� 1 female, 7 male; ages: 47 to 861 female, 7 male; ages: 47 to 86

�� All at least one year post onsetAll at least one year post onset

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

SpeechSpeech AuditionAudition ReadingReading WritingWriting

15

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� 8 Participants:8 Participants:

�� 1 female, 7 male; ages: 47 to 861 female, 7 male; ages: 47 to 86

�� All at least one year post onsetAll at least one year post onset

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

SpeechSpeech AuditionAudition ReadingReading WritingWriting

15

Page 9: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

9

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� 8 Participants:8 Participants:

�� 1 female, 7 male; ages: 47 to 861 female, 7 male; ages: 47 to 86

�� All at least one year post onsetAll at least one year post onset

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

SpeechSpeech AuditionAudition ReadingReading WritingWriting

15

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� 8 Participants:8 Participants:

�� 1 female, 7 male; ages: 47 to 861 female, 7 male; ages: 47 to 86

�� All at least one year post onsetAll at least one year post onset

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

SpeechSpeech AuditionAudition ReadingReading WritingWriting

15

Page 10: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

10

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� Two Sessions:Two Sessions:

16

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� Two Sessions:Two Sessions:

�� Session 1: Planner EvaluationSession 1: Planner Evaluation

�� 30 min with each planner30 min with each planner

�� 10 tasks per planner 10 tasks per planner

�� retrieval, creation, modificationretrieval, creation, modification

�� presentation format: text and oralpresentation format: text and oral

�� Quantitative performance measures: Quantitative performance measures:

�� Number of tasks completed Number of tasks completed correctlycorrectly

�� Number of tasks completedNumber of tasks completed

�� Qualitative selfQualitative self--reported preferencesreported preferences

5:15pm 5:15pm End Time: End Time:

4:00pm 4:00pm Start Time: Start Time:

September 14, 2003 September 14, 2003 Date:Date:

When?When?

Eiffel Tower Eiffel Tower Place: Place: At At

Marilyn Monroe Marilyn Monroe Person: Person: With With

4A 4A CreateCreate an appointmentan appointment

Example Task

16

Page 11: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

11

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: MethodologyPhase Two: Methodology

�� Two Sessions:Two Sessions:�� Session 1: Planner EvaluationSession 1: Planner Evaluation

�� Session 2: Western Aphasia BatterySession 2: Western Aphasia Battery

�� Standardized battery used to assess: Standardized battery used to assess:

�� speech, auditory comprehension, reading, and writingspeech, auditory comprehension, reading, and writing

�� Used to describe abilities in terms of severity: Used to describe abilities in terms of severity:

�� mild, moderate, or severemild, moderate, or severe

16

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Qualitative Self Reported MeasuresQualitative Self Reported Measures

�� Preference varied with severity of impairmentPreference varied with severity of impairment

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

preferencepreference ESIESINESINESINESINESINESINESIESIESIESIESIESIESIESIESI

SpeechSpeech AuditionAudition ReadingReading WritingWriting

More severely impairedMore severely impaired More mildly impairedMore mildly impaired

17

Page 12: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

12

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Qualitative Self Reported MeasuresQualitative Self Reported Measures

�� Preference varied with severity of impairmentPreference varied with severity of impairment

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

preferencepreference ESIESINESINESINESINESINESINESIESIESIESIESIESIESIESIESI

SpeechSpeech AuditionAudition ReadingReading WritingWriting

More severely impairedMore severely impaired More mildly impairedMore mildly impaired

17

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Qualitative Self Reported MeasuresQualitative Self Reported Measures

�� Preference varied with severity of impairmentPreference varied with severity of impairment

ParticipantsParticipants

mildmild

moderatemoderate

severesevere

preferencepreference ESIESINESINESINESINESINESINESIESIESIESIESIESIESIESIESI

SpeechSpeech AuditionAudition ReadingReading WritingWriting

More severely impairedMore severely impaired More mildly impairedMore mildly impaired

17

Page 13: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

13

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Quantitative Performance Measures: Tasks CorrectQuantitative Performance Measures: Tasks Correct

�� Significantly more tasks correct with ESI Planner Significantly more tasks correct with ESI Planner

((FF(1,7) = 27.00, (1,7) = 27.00, pp<.01)<.01)

Averages: Averages:

ESI Planner: ESI Planner: 7.97.9

NESI Planner: NESI Planner: 6.86.8

00

22

44

66

88

1010

ParticipantsParticipants

Total Total Tasks Tasks

CorrectCorrect

ESIESI NESINESI

18

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Quantitative Performance Measures: Tasks CorrectQuantitative Performance Measures: Tasks Correct

�� Significant interaction between tasks correct and interface Significant interaction between tasks correct and interface

order order ((FF(1,7) = 8.33, (1,7) = 8.33, pp<.05)<.05)

ESIESINESINESI

NESINESI ESIESI

00

22

44

66

88

1010

Trial 1Trial 1 Trial 2Trial 2

ESIESI--NESINESI

NESINESI--ESIESI

6.756.75

7.257.25

6.256.25

9.009.00

Average Tasks Average Tasks

CorrectCorrect

19

Page 14: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

14

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Quantitative Performance Measures: Tasks CorrectQuantitative Performance Measures: Tasks Correct

�� Significant interaction between tasks correct and interface Significant interaction between tasks correct and interface

order order ((FF(1,7) = 8.33, (1,7) = 8.33, pp<.05)<.05)

ESIESINESINESI

NESINESI ESIESI

00

22

44

66

88

1010

Trial 1Trial 1 Trial 2Trial 2

ESIESI--NESINESI

NESINESI--ESIESI

6.756.75

7.257.25

6.256.25

9.009.00

Average Tasks Average Tasks

CorrectCorrect

19

Imager Laboratoryfor Graphics, Visualization, and HCI

Phase Two: ResultsPhase Two: Results

�� Quantitative Performance Measures: Tasks CorrectQuantitative Performance Measures: Tasks Correct

�� Significant interaction between tasks correct and interface Significant interaction between tasks correct and interface

order order ((FF(1,7) = 8.33, (1,7) = 8.33, pp<.05)<.05)

ESIESINESINESI

NESINESI ESIESI

00

22

44

66

88

1010

Trial 1Trial 1 Trial 2Trial 2

ESIESI--NESINESI

NESINESI--ESIESI

6.756.75

7.257.25

6.256.25

9.009.00

Average Tasks Average Tasks

CorrectCorrect

19

Page 15: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

15

Imager Laboratoryfor Graphics, Visualization, and HCI

Ongoing ResearchOngoing Research

�� Additional AnalysisAdditional Analysis

�� Patterns of BehaviorPatterns of Behavior

�� Longitudinal Field StudyLongitudinal Field Study

�� Adoptability vs. UsabilityAdoptability vs. Usability

�� Explore CustomizationExplore Customization

20

Imager Laboratoryfor Graphics, Visualization, and HCI

Research OutcomesResearch Outcomes

�� ESI PlannerESI Planner: An application to support a specific : An application to support a specific

daily living activitydaily living activity

�� GuidelinesGuidelines

�� For working with special populationsFor working with special populations

�� For improving the accessibility of handheld For improving the accessibility of handheld

technologytechnology

21

Page 16: Home | Computer Science at UBC - Designing ESI …Marilyn Monroe Eiffel Tower 11 : 15 10 20 1: 00 05 Starts Ends Four sub -phases: 1. Idea brainstorming 2. Low -fidelity paper prototyping

16

Imager Laboratoryfor Graphics, Visualization, and HCI

Questions?Questions?

Contact:Contact:

Karyn MoffattKaryn Moffatt

[email protected]@cs.ubc.ca

http://www.cs.ubc.ca/projects/Aphasia/http://www.cs.ubc.ca/projects/Aphasia/

22