personas & low fidelity prototyping user-centered design seminar april 24, 2008

48
© ThoughtWorks, 2006 Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008 Calgary Chapter of the IIBA John Johnston and Cristin Witcher

Upload: ulani

Post on 09-Jan-2016

32 views

Category:

Documents


2 download

DESCRIPTION

Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008. Calgary Chapter of the IIBA John Johnston and Cristin Witcher. The Presenters. John Johnston. Cristin Witcher. MA in History COBOL programer Web developer 8 years analysis 3 years at TW Recent convert - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Personas & Low Fidelity Prototyping

User-Centered Design SeminarApril 24, 2008

Calgary Chapter of the IIBA

John Johnston and Cristin Witcher

Page 2: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The Presenters

2

John Johnston• MA in History

• COBOL programer

• Web developer

• 8 years analysis

• 3 years at TW

• Recent convert to UCD

Cristin Witcher• studied Leadership Studies in

university

• practicing User-Centered Design since 2001

• joined TW this past July

• actively noodling on the joint between Agile methods and UCD

Page 3: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Agenda

3

• Tell them what you’re going to tell them.

• Tell them.

– Designs we love, and designs we love to hate

– Personas and low-fi prototypes in action – a recent example

– The techniques explained – how to create personas and test out prototypes on your projects

• Tell them what you told them.

Page 4: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The Good

4

Page 5: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 5

Designed here in Calgary?

Page 6: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 6

Page 7: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 7

A prize to the one who can name those spoons…

Page 8: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The Bad

8

Page 9: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The bad

9

Oh the irony…

Page 10: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The ugly

10

Go on, open the windows. We

dare you.

Page 11: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

The Ugly

11

Page 12: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

How to get in the right camp

12

How do we make sure we land in the right camp?

Page 13: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 13

Page 14: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 14

Find

Estimate

Compare

Page 15: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 15

Treatment Cost Calculator Personas

1 2 3 4 5 6

Michael Murphy Nicole Tafoya ChristopherReynolds

James Lee PeggyHenderson

Ginger Wheeler

• College Graduate• Computer Savvy• Knee Injury• High Deductible• Cost Conscious• Researching Procedure Costs

• Comfortable User• 22 Weeks Pregnant• Concerned with Information Quality• Pricing Medications• Comparing Procedure Costs• Cost is one of Several Factors

• Accessing from Employer Portal• Not a Regular PC User• Planning for FSA• Estimating Annual Costs Associated with his Daughter’s Asthma

• Graduate Degree• Busy Professional• Migraine Headaches• Pricing Different Facilities for an MRI

• School Librarian• Early Stage Breast Cancer• Looking to make Best Possible Personal Health Decision

• Health Advocate• Helps Clients with Involved Medical / Benefits Profiles• Manages Hundreds of Cases• Currently Helping Patient Price Prescription Costs

Page 16: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Michael Murphy27 Years Old | Chicago, IL | Single, No Children

• Mike graduated from college about five years ago and is now working as a tax accountant for a large firm in Chicago. He spends the majority of his day in front of a computer, typically using email and spreadsheet applications.

• Mike recently injured his knee playing basketball after work with some friends. He tried to ignore it for a few days, but the swelling has gotten bad and he is having a difficult time walking. Mike has not yet seen a doctor, but he is going to have to go to his family physician sooner rather than later. Mike grew up in the suburbs of Chicago and still has a doctor there that he’s been seeing since he was in high school.

• As a young, healthy guy Mike had no need to enroll in one of the more extensive healthcare plans offered by his employer. His premiums are low but his deductible is high, and has not yet been even close to satisfied.

• Mike wants to do some research to better understand his injury and what potential treatments are likely to cost. In his mind the worst case scenario would be knee surgery. He specifically wants an idea of the cost of surgery and subsequent physical therapy.

I never get sick, so I

didn’t choose great

insurance coverage from my

employer. I have a bad feeling that this knee is going to be expensive.

Page 17: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 17

Page 18: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 18

Page 19: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Doing it yourself

These are techniques of user-centered design

Do it early on (then keep doing it)

Huge value in project scoping or inception

Page 20: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Personas?

20

remember the application is not for us

Personas help us…

Page 21: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Personas?

21

communicate with the team

Personas help us…

Page 22: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Personas?

22

design and test

Personas help us…

Page 23: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

But How?

23

Identify behaviour patterns

not job descriptions

Page 24: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

But How?

24

Identify scenarios(Persona + Goal +

Environment)

Page 25: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

But How?

25

Start withreal data (if you can)

Page 26: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Bring in your own observations…

26

Visioning sessions

Stakehold

er

interviews

Contextual Inquiries

Personal assumptions

Page 27: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

And the greatest of these is

27

Visioning sessions

Stakehold

er

interviews

Contextual Inquiries

Personal assumptions

Page 28: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Personas

28

“ Personas are actually the designer’s focused act of empathetic imagination, grounded in first-hand user knowledge. ”

Andrew Hintonboxesandarrows.com

Page 29: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006 29

Page 30: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Personas

30

Page 31: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Top Tips

31

Keep your persona set small

Add life to the personas, but remember they're design tools first

Use the right goals (3 or 4 each)

Experience goals describe how the persona wants to feel when using a product.

Should be based on research where possible

Name / Photo Role Quotes Demographics Goals / Motivations Pain Points Primary Activities Design Imperatives

Page 32: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Low-Fi Prototyping?

32

Invite people into the design

Page 33: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Low-Fi Prototyping?

33

Experiment & iterate (on the cheap)

Page 34: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Low-Fi Prototyping?

34

communicate design ideas

Page 35: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Low-Fi Prototyping?

35

define application scope

Page 36: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Why Low-Fi Prototyping?

36

usability test early on

• Test anyone you can get

• You aren’t testing them

• Give them a goal

• Get them to think aloud

• One person is the computer

• One person facilitates

• One person observes

Page 37: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

What do you need?

37

school supplies!

Page 38: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

What do you need?

38

know your personas & goals

Page 39: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

And then…

39

Host a design studio

Tack up a screen and start doodling

Get sketching / brainstorm

- do one design - then another - and a third!

Page 40: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Low-Fi Prototypes

40

Page 41: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Low-Fi Prototypes

41

Page 42: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Low-Fi Prototypes

42

Page 43: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Demo

43

Page 44: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Demo

44

DANGDANGER!ER!

Page 45: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

How the process worked…

45

Too many assumptions, not enough certainties

Carry the personas

throughout the development lifecycle for consistency

Actuaries and developers like

to play with markers

It’s easier to make design

decisions in the absence of color

and graphics

It doesn’t cost anything to let the guy with

crazy ideas help with design

Higher-Fidelity works for

demos, maybe not design iterations

Usability testing reveals bad taxonomy

Just because it’s looking finished, doesn’t mean it

is

Page 46: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Telling you what we told you…

46

Principles of good design in the real word apply to software too

Users often != customers

Use Personas to help make your requirements gathering user-centered

Use Low-Fi prototypes to quickly generate ideas andfeedback

Page 47: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Useful References

47

Websites

• http://www.boxesandarrows.com/view/personas-and-the

• http://www.cooper.com/newsletters/2001_07/perfecting_your_personas.htm

• http://www.steptwo.com.au/papers/kmc_personas/

• http://www.guuui.com/browse.php?cid=128

• http://www.alistapart.com/

• http://designcomics.org/

Books

• Don’t Make Me Think Steve Krug

• The Persona Lifecycle : Keeping People in Mind Throughout Product Design John Pruitt and Tamara Adlin

• Sketching User Experiences: Getting the Design Right and the Right Design Bill Buxton

Page 48: Personas & Low Fidelity Prototyping User-Centered Design Seminar April 24, 2008

© ThoughtWorks, 2006

Questions? Have at it…

48