‘The Design of Everyday Things’. Donald A. Norman.

Slides:



Advertisements
Similar presentations
Getting started with LEGO NXT Mindstorms software This is intended to be a short introduction to the LEGO Mindstorms software and programming the LEGO.
Advertisements

Computer Basics Hit List of Items to Talk About ● What and when to use left, right, middle, double and triple click? What and when to use left, right,
Excerpt from a WallStreet Journal article: 6. Yet another Dell customer called to complain that his keyboard no longer worked. He had cleaned it by filling.
Copyright © 2005 Rockwell Automation, Inc. All rights reserved. 1 Micro Logix 1100 RSLogix 500 LAB#2 Timing, Counting & Comparing.
University of Connecticut MECHANICAL ENGINEERING “The design of everyday things” “The design of future things” D. Norman Design for the human factor.
Assessing and Managing Risk
The Driving Task The driving task is everything it takes to operate a motor vehicle. The three skills of the driving task are: A. Physical-coordination.
CISB213 Human Computer Interaction Design Principles
Fall 2002CS/PSY Design of Everyday Things Agenda Discuss Norman’s views on HCI & design Discussion What did you take away from DOET book.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
Before usability CS 147: Intro to HCI Dan Maynes-Aminzade After 1 st Usability Review.
James Tam The Psychology Of Everyday Things Visual affordances and constraints Causality and other mappings Transfer effects Population stereotypes and.
Design of Everyday Things
SIMS 213: User Interface Design & Development
LBSC 690: Week 3 Interacting with Users Jimmy Lin College of Information Studies University of Maryland Monday, February 11, 2007 Material in these slides.
April 19, 2004“Design of User-Friendly Systems” DLC, Physical and Logical constraints Physically constrain possible operations Rely upon properties.
Chapter 2: Understanding and conceptualizing interaction
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
Design of Everyday Things Don Norman on Design & HCI.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
© 2000 Franz Kurfess Cognitive Models 1. © 2000 Franz Kurfess Cognitive Models 2 Norman’s Cognitive Model [ Seffah ]
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.
GAME:IT Junior Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game.
How to enable game play with the Nintendo Wii By Eli De Carteret.
DOET 4 Knowing what to do. Question of the day! One way we know what to do is to use knowledge in the world and one type of this is Constraints Constraints.
CS 0004 –Lecture 1 Wednesday, Jan 5 th, 2011 Roxana Gheorghiu.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
Problem Determination Your mind is your most important tool!
What is an interface? How many different types of interfaces can you think of?
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
CSCD 487/587 Human Computer Interface Winter 2013 Lecture 3 HCI and Interactive Design.
Programming & Scratch. Programming Learning to program is ultimately about learning to think logically and to approach problems methodically. The building.
Designing for the Real World Material from /525 Human Computer Interaction Dr Steve Jones.
Design of Everyday Things - Donald Norman CS A470.
Drive Right Chapter 7 Negotiating Intersections Unit 4
Situations that require a driver to yield right-of-way.
Design of Everyday Things. Grade summaries Assignments 1-4 (out of 10) P0 (out of 10) P1 group grade (out of 100) P1 individual grade (out of 50) Midterm.
Lesson 1: Learning About Computer Basics. 2 Concept 1.1 Computer Basics What can you do with a computer? –Write a letter –Make a picture –Find maps and.
Processing Lab 3 – Header issues and trace editing Bryce Hutchinson Objectives: Fixing elevation issues Define an LMO function Pick first breaks Kill traces.
Mr. Osmer Turn on computer and monitor. 2. Press Ctrl+Alt+Delete all at the same time. 3. Wait for the desktop to show. Desktop 2.
More on Design of Everyday Things. Turn it up, or shut it down?
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
Interaction Design John Kelleher. Interaction Design “Designing interactive products to support people in their everyday and working lives” Software.
Making Python Pretty!. How to Use This Presentation… Download a copy of this presentation to your ‘Computing’ folder. Follow the code examples, and put.
Chapter 1: What is interaction design?. Bad designs From:
Interaction design Xiangming Mu.
Human-Computer Interaction
Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.
Consciousness in Human and Machine A Theory (with falsifiable predictions) Richard Loosemore.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Vroom,Vroom.  Insert the key into the ignition. It should be located behind the right side of the steering wheel  make sure that the shifter is in.
Before usability CS 147: Intro to HCI After 1 st Usability Review.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
Design CSE 403. Announcements Design How do people interact with computers? Tremendous flexibility in designing/building interactions Look at physical.
Interaction Frameworks COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 3 Chapter (Heim)
Ch. 10: Negotiating Intersections
Computer Control and Monitoring Today we will look at: What we mean by computer control Examples of computer control Sensors – analogue and digital Sampling.
Imran Hussain University of Management and Technology (UMT)
BASIC COMPUTERS Merced Adult School
More on Design of Everyday Things
Interface Design Human Factors.
CEN3722 Human Computer Interaction Knowledge and Mental Models
The Design of Everyday Things
COMP444 Human Computer Interaction Design Principles
Design of Everyday Things
After 1st Usability Review
Excerpt from a WallStreet Journal article:
What is Interaction? Communication User  System
Design of Everyday Things - Donald Norman CS A470.
Presentation transcript:

‘The Design of Everyday Things’. Donald A. Norman.   ‘The Design of Everyday Things’. Donald A. Norman. “Design is the successful application of constraints until only a unique product is left”

You will soon know these important concepts for designing everyday things - Affordances - Visibility - Feedback - Mapping - Conceptual models - Constraints - Consistency

Affordances “the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used” Affordances provide strong clues to the operation of things. Chairs support therefore, affords sitting on. Buttons are for pressing No picture, label or instruction is required

Handles are for lifting, but these are for scrolling!

Feedback Sending back information to the user on what has been done. The user should receive full and continuous feedback about results of actions. Imagine drawing with your eyes closed… ‘Feedback is a well known concept in the science of control and information theory’. D Rosenberg

Feedback Delays in feedback create confusion and lack of confidence in user. Audio, Tactile, Visual, Output – digital, sensors, mechanical actions etc Mikael Fernstrom – earcons Krispin Laydon – Vibro tactile search.

Constraints limitations of the actions possible, perceived from object’s appearance provides people with a range of usage possibilities Which side? Push or pull? Can only push, side to push clearly visible

Constraints are ways of restricting the kinds of actions a user can take. Physical constraints – the objects size or shape stops certain actions from occuring Logical consrtaints – relys on common sense (gravity) Cultural constraint – localised signals

Mapping The relationship between two things. visible mapping and mimic diagrams: stove and controls cause and effect: steering wheel-turn right, car turns right

Good mappings It is possible to determine the relationships between:   It is possible to determine the relationships between: Actions and results (Cars) Controls and their effects (VisiBreath) The system state and what is visible (hourglass cursor)

Visibility the thing that happens right after an action is assumed by people to be caused by that action False causality - incorrect effect invoking unfamiliar function just as computer hangs causes “superstitious” behaviors

Effects are visible only after Exec button is pressed Ok does nothing! awkward to find appropriate color level

invisible effect command with no apparent result often re-entered repeatedly e.g., mouse click to raise menu on unresponsive system

Conceptual Models   A conceptual model allows the user to simulate the operation of the device. A good conceptual model allows the user to predict the effects of their actions. Therefore; Making things visible By looking, the user can tell the state of the device and the alternatives for action. Uses spatial and mechanical reasoning

Can this function as a bicycle for two?

People often refer to this as having a, Mental map Or Mental model

Transfer effects people transfer their learning/expectations of similar objects to the current objects positive transfer: previous learning's also apply to new situation negative transfer: previous learning's conflict with the new situation

Localised Expections Populations learn idioms that work in a certain way, red means danger? green means safe? Light switches America: down is off Britain: down is on Faucets/Taps America: anti-clockwise on Britain: anti-clockwise off

Designing good concepts communicate model through visual image visible affordances, mappings, and constraints visible causality of interactions cultural idioms, transfer instructions augments visuals

Consistancy Be consistant in your design choices!

Good Design: Scissors affordances: constraints: mapping: holes for something to be inserted constraints: big hole for several fingers, small hole for thumb mapping: between holes and fingers suggested and constrained by appearance

positive transfer and cultural idioms learnt when young constant mechanism conceptual model: implications clear of how the operating parts work

Bad Design: Digital Watch affordances: four push buttons to push, but not clear what they will do constraints and mapping unknown no visible relation between buttons, possible actions and end result transfer of training little relation to analog watches

cultural idiom conceptual model: somewhat standardized core controls and functions but still highly variable conceptual model: must be learnt

Why? Endeavors to provide an understanding of both the human user and the computer system, in an effort to make the interactions between the two easier and more satisfying.

Britain 1976 many so-called human errors are actually errors in design human factors became important as human performance limitations are reached when handling complex machinery Britain 1976 Motorway communication system operated 40% of it’s highways police controlled it in real time to change lane signs, direction signs, speed limits, etc

On December 10th, police failed to change the speed limit signs when fog descended 34 vehicles crashed 3 people killed 11 people injured and trapped in their vehicles motorway closed for 6.5 hours

Dept of Transport (after examining computer logs) Police (at inquest) “The system did not accept the instruction” Dept of Transport (after examining computer logs) “There is no evidence of technical failure”

System designers The Coroner’s court after emphasizing that they have no responsibility for the system “We supplied it over 5 years ago and have never been called to look at that problem” The Coroner’s court judged it as "operator error" the police operator: “failed to follow written instructions for entering the relevant data”

Caller: Hello, is this Tech Support?“ Tech Rep: Yes, it is. How may I help you? Caller: The cup holder on my PC is broken and I am within my warranty period. How do I go about getting that fixed? Tech Rep: I'm sorry, but did you say a cup holder? Caller: Yes, it's attached to the front of my computer. Tech Rep: Please excuse me if I seem a bit stumped, it's because I am. Did you receive this as part of a promotion at a trade show? How did you get this cup holder? Does it have any trademark on it? Caller: It came with my computer, I don't know anything about a promotion. It just has '4X' on it.

Hit Any Key to Continue!