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


Top Related