Design of Everyday Things - Donald Norman
-
Upload
renjiro-wada -
Category
Documents
-
view
64 -
download
2
description
Transcript of Design of Everyday Things - Donald Norman
![Page 1: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/1.jpg)
Design of Everyday Things- Donald Norman
CS A470
![Page 2: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/2.jpg)
Overview
• Why are some everyday things difficult to understand and use?
• What are Don Norman’s principles and how do they apply to the design of everyday things?
• How can we apply Norman’s principles to the design of computer interfaces?
![Page 3: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/3.jpg)
Psychopathology of Everyday Things
• We are surrounded by many everyday things that have poor usability– Programming a VCR– Telephone features we can’t remember how to use
• How to change the remote access code?
– Photocopiers and fax machines • Face down or face up?
• Many of these things can be difficult to interpret and frustrating to use if they provide no clues or false clues as to how they operate
![Page 4: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/4.jpg)
Why is usability important?
• poor usability results in– anger and frustration– decreased productivity in the workplace– higher error rates– physical and emotional injury– equipment damage– loss of customer loyalty– costs money
![Page 5: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/5.jpg)
What is usability?
Usability is a measure of the effectiveness, efficiency and satisfaction with which specified users can achieve specified goals in a particular environment.
• ISO 9241
![Page 6: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/6.jpg)
Examples of Poor Design
• Trapped between doors!
• Handles afford pulling
• Using a flat plate would constrain the user to push
![Page 7: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/7.jpg)
Examples of Poor Design
• Wireless Powerpoint slide controller– Short press to go forward– Long press to go backward
• Refrigerator temperature control– Two compartments and two controls– One cooling unit
![Page 8: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/8.jpg)
Temperature Control
![Page 9: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/9.jpg)
Norman’s Principles of Design
• Make things visible
• Provide a good conceptual model– Affordance– Mapping– Constraints– Feedback
![Page 10: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/10.jpg)
Visibility
• The correct parts must be visible and they must convey the correct message
• Natural signals are naturally interpreted• Visibility problems occur when clues are lacking
or exist in excess• Just by looking the user should know
– State of the system– Possible actions
• Don’t violate these principles to make something “look good”!
![Page 11: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/11.jpg)
How fast are we going?
![Page 12: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/12.jpg)
The well-trodden path
![Page 13: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/13.jpg)
Please Push Slowly!
• Wonder why doors are made out of glass?
Evidently someone wassmacked…
![Page 14: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/14.jpg)
The case of the mistaken urinal
![Page 15: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/15.jpg)
Good Conceptual Model
• A good conceptual model allows us to predict the effects of our actions
• Without a good model we operate blindly– Simply follow rules without understanding a
reason– No understanding of cause or effect– No recourse when something breaks
![Page 16: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/16.jpg)
Affordances
• The affordances of an object determine, naturally, how it can be used– Button affords pushing
– Handle affords grasping
– Chair affords sitting
– Knob affords turning
• Just by looking at the object, a user should know how to use it– Example: The doors with handles to push, mop sink
![Page 17: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/17.jpg)
Affordance of this Handle?
Difficult to get a grip when slippery
![Page 18: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/18.jpg)
How do you open this drawer?
![Page 19: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/19.jpg)
Mapping
• Controls and displays should exploit natural mapping
• Natural mapping takes advantage of physical analogies and cultural standards– Physical: Steering wheel– Cultural: red means stop, green means go
![Page 20: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/20.jpg)
Mouse or Keyboard?
![Page 21: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/21.jpg)
What Knob Goes Where?
![Page 22: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/22.jpg)
Exploiting Natural Mapping
![Page 23: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/23.jpg)
Yellow Street Lights
• Possible to confuse with stoplight
![Page 24: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/24.jpg)
How do you play the CD?
![Page 25: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/25.jpg)
How do you turn on the shower?
• Must reach down where the water comes out and pull down!
Instructions!
![Page 26: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/26.jpg)
Constraints
• Constraints limit the ways in which something can be used
• Constraints can be– Physical
– Semantic
– Cultural
– Logical
![Page 27: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/27.jpg)
On which side does the door open?
![Page 28: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/28.jpg)
How do you open this package?
• If you are like me, by ripping it open
But that will dry out the wet pack – the proper way is to use the flap
Remove tearable perforations at top, add hand or more attention to location of flap
![Page 29: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/29.jpg)
Feedback
• Feedback is sending back to the user information about what action has actually been done
• Visibility of the effects of the operation tell you if something worked correctly
• Systems should be designed to provide adequate feedback to the users to ensure they know what to do next in their tasks
![Page 30: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/30.jpg)
Feedback Examples
• Telephone button press tones– Telephone clicks
• Rice cooker goes “bing!”
• Clicker on your turn signal
• Animated icon while waiting for a web page to load
![Page 31: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/31.jpg)
VCR Feedback
• Did I really set it correctly to record at 8PM on Tuesday?
![Page 32: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/32.jpg)
More or Less Coffee?• Does the light on the bottom indicate 4-max cups,
or min-3 cups?
On=min to 3
![Page 33: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/33.jpg)
Norman’s Principles in Software• Visibility
– Visibility of the tasks the interface supports
– Communication of system state / mode
• Affordance– If it looks like a button it can be pressed, if it is a
underlined it can be clicked (web)
• Mapping– Clicking on a particular interface element produces
expected effect (under F)ile should be O)pen)
![Page 34: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/34.jpg)
Norman’s Principles in Software
• Constraints– Constraining search criteria, graying out menu
items that don’t apply in a particular context
• Feedback– Providing clear and immediate feedback for
each user action
![Page 35: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/35.jpg)
Larson’s dog effect
![Page 36: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/36.jpg)
Same with Software
Thank you for registering! We appreciate your business.To activate your software, you will be sent an email key. After you have received the key then you will be able to click here and you can then proceed with the activation process.
Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah click here blah blah blah blah blah blah blah blah blah blah blah
![Page 37: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/37.jpg)
Summary
• Usability problems are common
• If there are usability problems in everyday “simple” things, the challenge is 100-fold for complex software
• Usability problems can be overcome through attention to design and addressing studies from HCI
![Page 38: Design of Everyday Things - Donald Norman](https://reader036.fdocuments.net/reader036/viewer/2022081504/56813391550346895d9a9cb4/html5/thumbnails/38.jpg)
References
• The Design of Everyday Things– By Donald Norman
• Bad Design Studies
http://www.baddesigns.com
• Usability Studies
http://www.useit.com/
Sources for examples: Sachen Macdonald, Univ. of Victoria Dey Alexander, Monash University