user-centered design - oakland university...user-centered design felicia chong ph.d. in rhetoric and...

98
User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication [email protected] || Writing and Rhetoric

Upload: others

Post on 22-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

User-centered Design

Felicia ChongPh.D. in Rhetoric and Technical Communication [email protected] || Writing and Rhetoric

Page 2: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 3: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 4: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 5: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 6: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 7: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 8: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 9: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 10: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 11: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Video

Page 12: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 13: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

What is user-centered design (UCD)?

“…putting human needs, capabilities and behavior first…”

Page 14: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

User-centered “user-friendly”

User-centered “easy”

Page 15: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 16: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 17: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 18: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Affordances

What actions are possible?

Page 19: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Natural Mappings

Page 20: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

SignifiersClues on where/how the action should take

place

Page 21: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

MentalModels

User Designer

Conceptual

Models

Page 22: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 23: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 24: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

How would you arrange the burners and

the control knobs to be more user-

centered?Constraint: The knobs have to “stay together” either vertically, horizontally, or “squarely.”

Page 25: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 26: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

…then why does poor design still exist?

Page 27: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 28: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 29: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 30: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

System-centered or Expert-centered Model

D

A

D

Decide

Announce

Defend

Page 31: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 32: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 33: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Constraints

time, economic, physical, technological, ethical, political

Page 34: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 35: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 36: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 37: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 38: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 39: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Instructions cannot compensate for poor design.

Page 40: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 41: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 42: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 43: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 44: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 45: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 46: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Toy Instructions

Page 47: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

If something doesn’t make sense to me…

I am an idiot. I am just not “good” at it.

There is something wrong with the instructions.

There is something wrong with the

design.

Page 48: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Why are instructions important?

• safety

• efficiency

• convenience

Page 49: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Safety

•WARNINGS

•CAUTIONS

•NOTES

Page 50: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 51: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 52: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 53: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Some companies would rather take the easy way out by putting on instructions instead of changing poor design.

Page 54: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 55: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 56: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 57: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

80 year-old Stella Liebeck

Page 58: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 59: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 60: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

LegsLapGroin area

Page 61: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

$20,000

$800

Page 62: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

135°-140°

180°-190°

Page 63: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

180°-190°

Page 64: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 65: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 66: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

180°-190° = optimum flavor

Page 67: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Mr. Elliott, the juror, said he began to realize that the case was about

"callous disregard for the

safety of the people.”

Page 68: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 69: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Why are instructions important?

• safety

• efficiency

• convenience

Page 70: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Industrial strength machine dish detergent that is highly caustic:

• User? Settings?

• Name?

• Color?

• Scent/odor?

• Instructions?

Page 71: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Peppermint Twist

Page 72: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 73: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 74: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 75: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 76: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 77: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 78: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

What would you tell the researchers if you could go back in time?

Page 79: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 80: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 81: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 82: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Do your research...

Your best guess is NOT GOOD ENOUGH

Page 83: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 84: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Students do not innatelyknow how to conduct user research.

Page 85: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Usability“The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.”

Page 86: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

“There are many ways of measuring usability, and no single measure will be optimal for all projects.”

Page 87: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Heuristic evaluation

is a review or “

inspection” of a

product by

experts.

Observation

Page 88: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Usability Testing: Testing with actual users

•Summative (end of the design process)

•Formative (during the design process)

Page 89: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

To get good results from small studies, you need to incorporate the following essential elements:• define the user profile

• create task-based scenarios

• use a think-aloud process

• make changes and test again

Page 90: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 91: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 92: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric
Page 93: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Good Cheap Fast

Pick TWO.

user-centered

Page 94: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Good Cheap Fast

Good CheapFast

GoodCheapFast

Page 95: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

or universal

Page 96: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

Impetus Definition Challenges

ExamplesStrategiesQuestions or advice

Page 97: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

How do/can you incorporate user-centered design into your classes?

Page 98: User-centered Design - Oakland University...User-centered Design Felicia Chong Ph.D. in Rhetoric and Technical Communication fchong@oakland.edu || Writing and Rhetoric

User-centered Design

Felicia ChongPh.D. in Rhetoric and Technical Communication [email protected] || Writing and Rhetoric