Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is...

42
Examining User-Centred Design: How and Why to Design Products and Resources with the End-User in Mind Amrita Takhar - User Experience Designer Stacie Carey - Knowledge Exchange Specialist March 22 nd , 2018 TOPHC

Transcript of Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is...

Page 1: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

ExaminingUser-CentredDesign:HowandWhytoDesignProductsandResourceswiththeEnd-UserinMind

AmritaTakhar-UserExperienceDesignerStacieCarey-KnowledgeExchangeSpecialist

March22nd,2018

TOPHC

Page 2: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

Disclosures

•  NoneofthepresentersinthisworkshophavepotenOalconflictsofinteresttodeclare.

•  Noneofthepresentersinthisworkshophavereceivedfinancialsupportorin-kindsupportfromacommercialsponsor.

Page 3: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

WorkshopOutline

3

User-CentredDesignandIdenOfyingyourusersAcOviOes:Whoareyourendusers?Howhavetheybeenengagedinyourwork?UserResearchProcessesandMethodsAcOvity:Outlinearesearchplan

UsingResearchtoInformYourProjects

Page 4: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

TableIntroducOons

4

Atyourtables,shareyour:

•  Name

•  OrganizaOon•  Goalfora\endingtoday’ssession

10MINUTES

Page 5: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

User-CentredDesign

5

User-centreddesign(UCD)isaprocess,groundedininformaOonaboutthepeople

whousetheproductorservice.

Page 6: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Human-CentredDesign

User-CentredDesignRelatedPracOces

6

UserExperienceDesign

CogniOveScience

DesignThinking

IntegratedKnowledgeTranslaOon

NeedsAssessment

Page 7: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Human-CentredDesign

7

WhatisHuman-CenteredDesign?byIDEO

Page 8: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

TheDesirePath

8

Whatdoesthismakeyouthinkabout?

Stacie - this may be a good place to talk about how it might apply to their work their projects, programs, solutions

Page 9: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Empathy,Discovery,IteraOon

9

Stanfordd.school-IncubatorProjectImage:ProductStrategy101Blog

Page 10: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

User-CentredDesignApproach

10

Empathy IteraOonDiscovery

Putyourusersfirst.

Becurious.DelayintuiOon.

TestassumpOons.

Engageearlyandgetfeedback

oeen.

Page 11: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 11

Thinkaboutarecenttoolorresourceyou’vecreated.Whowastheenduser?

Consider•  Whoisthelastpersontobeimpactedbyyourwork?•  WhoulOmatelyconsumestheinformaOonortoolsyouarecreaOng?

AcOvity1:Recordyourideas(individually)

Page 12: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

User-CentredDesignProcess

12

Discover TestDesign Implement

Page 13: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 13

Discover

DefinetheProblem

IdenOfyYourUsers

DevelopAUserResearchPlan

ChooseResearchMethod(s)

ConductUserResearch

Page 14: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

DefinetheProblem

14

ExcludesoluOons.Agreeonit.Revisitit.

Problem

Page 15: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Project:WellWaterTesOng

15

DesignanapptoincreasewellwatertesOngforthoseatriskofwaterrelatedoutbreaksandprovidereminderstotest

DesignamobileapptoincreasewellwatertesOngandprovidereminderstotest.

Page 16: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Project:WellWaterTesOng

16

DesignanapptoincreasewellwatertesOngforthoseatriskofwaterrelatedoutbreaksandprovidereminderstotest

Reducetheriskofwellwaterrelatedoutbreaks.

Page 17: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

UsersAreNOT:

17

You

SMEs

Managers

Funders

BoardofDirectors

You

CEO

ProjectTeam

PolicyMakers

Ministry

You

WhoareOurUsers?

Page 18: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Whoaretheendusers?

18

Whatdifferencesmaybeimportanttounderstand?

Page 19: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

WellWaterUsers

19

PeoplewithWells

Test

TestRarelyTestRegularly UnawareNotConcerned

Don’tTest

Public Health Inspectors

Page 20: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

AcOvity2:EngagingUsers

20

Individually,considerandrecordyourideas:Havetheseend-usersbeenengagedinproductdesignordevelopment?Ifso,how?Ifnot,whydoyouthinkthatis?

DiscusswithyourtableWhatarethecommonelementsofyourexperiences?

10MINUTESTOTAL

2MINUTES

8MINUTES

Page 21: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 21

Discover

DefinetheProblem

IdenOfyYourUsers

DevelopaUserResearchPlan

ChooseResearchMethod(s)

ConductUserResearch

Page 22: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

DevelopaUserResearchPlan

22

WhatinformaOondoyouneedtofullyunderstandthebehaviours,moOvaOons,feelingsandgoalsofyouruser?

Page 23: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

WellWaterResearchPlan

23

WhatmoOvatesuserstotestandtheiracOviOesaroundtesOng.Orwhytheydon’ttest.

Learnabouttheirwellwaterandwhattheyvalueaboutit.

FindoutwheretheygettheirinformaOoncurrently.

Page 24: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

UserResearchMethods

24

•  individualconversaOonalinterviews•  groupinterviewsorfocusgroups•  surveys•  observaOonincontext•  diaryorphotojournals•  usabilitytesOng

*Don’tforgettoengagewithyourprivacyand/orethicsboards!

GroupInterviews

Interviews Surveys UsabilityTesOng

ObservaOon DiaryorPhotoJournals

Page 25: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

WellWaterUserResearchPlan

25

Icons: Motivate/bottle, tap, sources of info

Interviews Surveys UsabilityTesOng

Page 26: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

HowtoFindYourUsers

26

Page 27: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

HowManyUsersisEnough?

27

Lots of Insights!!!

Page 28: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

ConducOngUserResearch

28

FocusonEmpathyandUnderstandingRemoveBiasLookforchallengesNOTsoluOons

Why?

Page 29: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

SeektoUnderstandChallengesNOTSoluOons

29

“IfIhadaskedpeoplewhattheywanted,theywouldhavesaidfasterhorses.”

-  HenryFord

Page 30: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

AcOvity3:OutlineaResearchPlan

30

Readthescenarioprovided.

Withyourtable,workthroughthequesOonsontheworksheetandoutlineaplantoidenOfyandgatherinformaOonfromyourusers.

20MINUTES

Page 31: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

ScenarioCues

31

Howdoteachersplantheirprogramming?

Whatresourcesdotheyuseordevelop?

HowhavetheybeeneffecOveinreachingtheirstudentsinthepast?

Whataretheirchallenges?Forexample:TeachersmaybestuckforideasforacOviOes.

Page 32: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

User-CentredDesignProcess

32

Design

ResearchSynthesisBrainstormSoluOonsMakeSomething

Page 33: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

ResearchSynthesis-OpportuniOes

33

MoOvaOons AcOviOesandFeelings

InformaOonSources

Messages ImproveExperiences

TouchPoints&Influences

Page 34: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 34

TestRarelyTestRegularly UnawareNotConcerned

MoOvaOons AcOviOesandFeelings

InformaOonSources

Messages ImproveExperiences

TouchPoints&Influences

Page 35: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

Brainstorm:HowcanyousolveTHEIRproblems?

35

Page 36: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

AFewWellWaterOpportuniOes….

36

AlignContenttoUserNeeds&AcOviOes

Simpleforms&Test

InstrucOonsRemindPeopletoTest+Why

SimplifyTesOng

ProcessesandResults

Page 37: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

MakeSomething

37

Refine it as much to get the idea across.

Page 38: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 38

TestWhatYouMade Implement

Page 39: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 39

Implement

Page 40: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca 40

Page 41: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

QuesOons?

41

Page 42: Examining User-Centred Design: How and Why to Design ... · Human-Centred Design 7 What is Human-Centered Design? by IDEO PublicHealthOntario.ca The Desire Path 8 What does this make

PublicHealthOntario.ca

LearnMore

42

WhyUCD?

HowIDEOUsesCustomerInsightstoDesignInnovaOveProductsUsersLove

TheROIofUserExperience

WhoisUsingUCD?

OntarioGovernmentDigitalServiceStandard

HealthcareHumanFactorsandUHNExperts,ArOcles,TrainingandUCDServices:

NielsonNormanGroup

Akendi

IDEO

Stanfordd.school