Design of Everyday Things --Don Normanjohn.stasko/6750/Talks/08-doet.pdf--Don Norman John Stasko...
Transcript of Design of Everyday Things --Don Normanjohn.stasko/6750/Talks/08-doet.pdf--Don Norman John Stasko...
1
Design of Everyday ThingsDesign of Everyday Things----Don NormanDon Norman
John StaskoJohn Stasko
Spring 2007Spring 2007
This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory Abowd, Al Badre, Jim Foley, Elizabeth Mynatt, Jeff Pierce, Colin Potts, Chris Shaw, John Stasko, and Bruce Walker. Permission is granted to use with acknowledgement for non-profit purposes. Last revision: January 2007.
26750-Spr ‘07
AgendaAgenda
•• Discuss Norman’s views on HCI & designDiscuss Norman’s views on HCI & design
2
36750-Spr ‘07
SummarySummary
46750-Spr ‘07
Don NormanDon Norman
•• Currently with Nielsen Norman group & Currently with Nielsen Norman group & professor at Northwesternprofessor at Northwestern
•• Previously Professor at UCSD, at Apple, Previously Professor at UCSD, at Apple, HP, etc.HP, etc.
3
56750-Spr ‘07
DiscussionDiscussion
•• What did you take away from DOET What did you take away from DOET book?book?
66750-Spr ‘07
Daily ChallengesDaily Challenges
•• How many of you can use all the How many of you can use all the functionality in yourfunctionality in your–– VCRVCR
–– Digital watchDigital watch
–– Copy machineCopy machine
–– Stereo systemStereo system
–– Plumbing fixturesPlumbing fixtures
4
76750-Spr ‘07
Fun ExamplesFun Examples
•• LeitzLeitz slide projectorslide projector–– To move forward, short pressTo move forward, short press
–– To move backward, long pressTo move backward, long press
•• What happens when you get frustrated?What happens when you get frustrated?
86750-Spr ‘07
Fun ExamplesFun Examples
Doors
One in this room!
5
96750-Spr ‘07
Fun ExamplesFun Examples
Phones
How do you- transfer a call- change volume- store a number- ...
106750-Spr ‘07
6
116750-Spr ‘07
Changing Ringer VolumeChanging Ringer Volume
•• Press “Program”Press “Program”
•• Press “6”Press “6”
•• Set volumeSet volume–– Low Low -- Press “1”Press “1”
–– Medium Medium -- Press “2”Press “2”
–– High High -- Press “3”Press “3”
•• Press “Program”Press “Program”
126750-Spr ‘07
Important ConceptsImportant Concepts
•• AffordancesAffordances
•• VisibilityVisibility
•• Conceptual modelsConceptual models
•• MappingMapping
•• FeedbackFeedback
•• ConstraintsConstraints
7
136750-Spr ‘07
AffordanceAffordance
•• What is it?What is it?
146750-Spr ‘07
Visual Visual AffordancesAffordances
•• Perceived and actual fundamental Perceived and actual fundamental properties of an object that determine properties of an object that determine how it could be usedhow it could be used–– Chair is for sittingChair is for sitting
–– Ball is for throwingBall is for throwing
–– Button is for pushingButton is for pushing
8
156750-Spr ‘07
Yikes!Yikes!
166750-Spr ‘07
MantraMantra
•• Complex things may need explanation, Complex things may need explanation, but simple things should notbut simple things should not–– If a simple thing requires instructions and If a simple thing requires instructions and
pictures, it is likely a failed designpictures, it is likely a failed design
9
176750-Spr ‘07
Designing for PeopleDesigning for People
•• Norman’s 2 main principlesNorman’s 2 main principles–– Provide a good conceptual modelProvide a good conceptual model
–– Make things visibleMake things visible
186750-Spr ‘07
Conceptual ModelConceptual Model
•• What does Norman mean by that?What does Norman mean by that?
10
196750-Spr ‘07
Conceptual ModelsConceptual Models
•• People build their own systems of how People build their own systems of how things workthings work–– Example Example -- carcar
•• Designer can help user foster an Designer can help user foster an appropriate conceptual modelappropriate conceptual model–– Appearance, instructions, behavior...Appearance, instructions, behavior...
206750-Spr ‘07
VisibilityVisibility
•• When functionality is hidden, problems in When functionality is hidden, problems in use occuruse occur–– Occurs when number of functions is greater Occurs when number of functions is greater
than number of controlsthan number of controls
•• When capabilities are visible, it does not When capabilities are visible, it does not require memory of how to userequire memory of how to use–– Remind person how to use somethingRemind person how to use something
11
216750-Spr ‘07
Simple ExampleSimple Example
What if both sides were “big” and you had toremember which side the “small” one went into?
Electric plugs
226750-Spr ‘07
Simple ExampleSimple Example
•• Bathroom faucetsBathroom faucets–– Two functionsTwo functions
•• Hot/coldHot/cold
•• PressurePressure
12
236750-Spr ‘07
Bathroom Faucets 1Bathroom Faucets 1
Can you figureout how to useit?
Are two functionsclear and independent?
246750-Spr ‘07
Bathroom Faucets 2Bathroom Faucets 2
Can you figureout how to useit?
Are two functionsclear and independent?
13
256750-Spr ‘07
Bathroom Faucets 3Bathroom Faucets 3
Can you figureout how to useit?
Are two functionsclear and independent?
266750-Spr ‘07
Two Important PrinciplesTwo Important Principles
•• MappingMapping
•• FeedbackFeedback
14
276750-Spr ‘07
MappingMapping
•• What does this mean?What does this mean?
286750-Spr ‘07
MappingMapping
•• Relationship between two objects, here, Relationship between two objects, here, between control and action/resultbetween control and action/result–– Good:Good:
•• Car, various driving controlsCar, various driving controls
•• Mercedes Benz seat adjustment exampleMercedes Benz seat adjustment example
–– BadBad•• Car stereo Car stereo -- Knob for front/back speakersKnob for front/back speakers
15
296750-Spr ‘07
StoveStove
Whichcontrolswhich?
306750-Spr ‘07
Yikes!Yikes!
16
316750-Spr ‘07
Why Not Design BetterWhy Not Design Better
•• StoveStove
•• SpeakersSpeakers
Physical, monetary,convenience, etc.,constraints dictateotherwise
326750-Spr ‘07
FeedbackFeedback
•• Let someone know what just occurredLet someone know what just occurred–– Can be sound that’s madeCan be sound that’s made
–– Can be change in physical stateCan be change in physical state
17
336750-Spr ‘07
ConstraintsConstraints
•• Limitations on what can be doneLimitations on what can be done–– Physical Physical -- keyskeys
–– Semantic Semantic -- menu grayingmenu graying
–– Cultural Cultural -- ColorsColors
–– Logical Logical -- When all above don’t applyWhen all above don’t apply
346750-Spr ‘07
Individual DifferencesIndividual Differences
•• Whom do you design for?Whom do you design for?–– Everyone? ImpossibleEveryone? Impossible
–– Average? Excluding half audienceAverage? Excluding half audience
–– 95%? Still may miss a lot95%? Still may miss a lot
•• Can’t accommodate everyoneCan’t accommodate everyone
18
356750-Spr ‘07
Individual DifferencesIndividual Differences
•• Designers are not representative of the Designers are not representative of the user population for whom they are user population for whom they are designing designing
•• Don’t expect users to think or act like youDon’t expect users to think or act like you
•• People vary in both physical attributes People vary in both physical attributes and mental/cognitive attributesand mental/cognitive attributes
366750-Spr ‘07
ExampleExample
ScissorsAffordances - Insert somethinginto holes
Constraints - Bigger hole forseveral fingers, small for thumb
Mapping - How to insert fingersinto holes suggested by visibleappearance
Conceptual model - Suggested byhow parts fit together and move
19
376750-Spr ‘07
Why Design is HardWhy Design is Hard
•• Number of things to control has Number of things to control has increased dramaticallyincreased dramatically
•• Displays are more virtual/artificialDisplays are more virtual/artificial
•• Marketplace pressureMarketplace pressure–– Adding operations cheaper (computers)Adding operations cheaper (computers)
–– Adding controls expensive (real estate, cost)Adding controls expensive (real estate, cost)
•• Errors are becoming increasingly seriousErrors are becoming increasingly serious
386750-Spr ‘07
Try and Try AgainTry and Try Again
•• Norman thinks that it often takes 5 or 6 Norman thinks that it often takes 5 or 6 tries to get something “right”tries to get something “right”
•• Simply may not have that luxury in a Simply may not have that luxury in a competitive business environmentcompetitive business environment
20
396750-Spr ‘07
UpcomingUpcoming
•• Design (general)Design (general)
•• PrototypingPrototyping