Constraints and Errors

Slides:



Advertisements
Similar presentations
DEVELOPING A METHODOLOGY FOR MS3305 CW2 Some guidance.
Advertisements

Fall 2002CS/PSY Design of Everyday Things Agenda Discuss Norman’s views on HCI & design Discussion What did you take away from DOET book.
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
Good Design Visibility is key to interaction design Take advantage of affordances/constraints Provide a good conceptual model for the user.
11 HCI - Lesson 5.1 Heuristic Inspection (Nielsen’s Heuristics) Prof. Garzotto.
Human Computer Interface. HCI and Designing the User Interface The user interface is a critical part of an information system -- it is what the users.
Constraints and Errors An ounce of prevention…. Outline Part 1 comments Recap Norman About errors Mistakes and slips Error prevention guidelines Error.
Designing Appropriate User Interfaces Professor Larry Heimann Carnegie Mellon University Lecture Notes — Fall 1999.
Design of Everyday Things
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
April 19, 2004“Design of User-Friendly Systems” DLC, Physical and Logical constraints Physically constrain possible operations Rely upon properties.
User-Centered Design Good design The user says “Yes, I see” or “Of course”. A simple explanation is sufficient. Bad design The user says “How am I going.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Prevent Errors Do not let the user make the mistake in the first place. Limit choices –Hide or gray out unusable functions Look ahead –Have the system.
Errors & Error Assistance Discussion Section Wed 8:30-9:30 & Thu 1:30-2:30 Introductory HCI: User Interface Design, Prototyping, and Evaluation CSE 440.
Usability and Evaluation Dov Te’eni. Figure ‎ 7-2: Attitudes, use, performance and satisfaction AttitudesUsePerformance Satisfaction Perceived usability.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 16 Slide 1 User interface design.
User interface design.
User Interface Design Principles Gabriel Spitz 1 Lecture # 4.
User Characteristics & Design Principles Gabriel Spitz 1 Lecture # 11.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Human-Computer Interaction
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
Errors & the Art of Error Assistance CSE 440 Autumn 2008.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Lecture 6 User Interface Design
©RavichandranUser interface Slide 1 User interface design.
1 The User Lecture 5. 2 Overview of Lecture Introduce final cognitive process – learning Interaction of cognitive processes.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
DOET 5 Human error. Question! When I poured the ground up coffee into my coffee cup rather than the French press, what type of Slip was that?
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
1 Welcome to the world of EZ-Mail should be for Everyone… Including your Grandmother!!!
Errors & Help An ounce of prevention.... Microsoft’s Spectacular Errors Adobe UI Gripes Fall 2006PSYCH / CS
User Support Chapter 8. Overview Assumption/IDEALLY: If a system is properly design, it should be completely of ease to use, thus user will require little.
More on Design of Everyday Things. Turn it up, or shut it down?
Interaction design Xiangming Mu.
Understanding Users Cognition & Cognitive Frameworks
U SER I NTERFACE L ABORATORY Human Error 1.Introduction ○ To err is human, to forgive is the role of the computer interface ○ Norman (1988) in “The Psychology.
Human Abilities 2 How do people think? 1. Agenda Memory Cognitive Processes – Implications Recap 2.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Heuristic Evaluation Short tutorial to heuristic evaluation
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Gabriel Spitz 1. Light Switch Issues  Consistency – The switch design is inconsistent with common light switches  Visibility – No visible cue regarding.
Fall 2002CS/PSY Preventing Errors An Ounce of Prevention Errors  Avoiding and preventing  Identifying and understanding  Handling and recovering.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Constraints and Errors An ounce of prevention…. Outline Questions? Project reminder Recap Norman About errors Mistakes and slips Error guidelines.
Design Principles Don Norman on design and HCI Basic process and guidelines for interaction design.
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
Interaction Frameworks COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 3 Chapter (Heim)
Prof. James A. Landay University of Washington Spring 2008 Guest Lecturer: Kate Everitt Web Interface Design, Prototyping, and Implementation Errors &
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
Human Computer Interaction Lecture 21 User Support
CEN3722 Human Computer Interaction Title of Presentation
Human-Computer Interaction
Errors & the Art of Error Assistance
10 Design Principles.
Proper functionality Good human computer interface Easy to maintain
To Err is Human Owen Brennan.
Presentation transcript:

Constraints and Errors An ounce of prevention…

Outline Recap Norman About errors Mistakes and slips Error prevention guidelines Error recovery guidelines

Recall: Norman Design Concepts Affordances Visibility Conceptual models Mapping Feedback Constraints

Affordances

Affordances

What’s wrong with this picture?

Constraints Limitations on what can be done Physical - keys Semantic - menu graying Cultural - Colors Logical - When all above don’t apply

Simple Example Electric plugs What if both sides were “big” and you had to remember which side the “small” one went into?

Knowledge in Head vs. Knowledge in the World Not easy to retrieve Learning required, good conceptual model makes easier Can be very efficient Not easy first time Aesthetics do not need to make info visible World Easy to retrieve No learning, only interpretation Use slowed by need to find the info to interpret Easy for first time Can be cluttered or inelegant

Review – Which Gulf does these Address? Make current state and action alternatives visible Need good conceptual model Interface should include mappings that reveal relationships between objects and stages User should receive continuous feedback Constrain user to correct actions Provide affordances

Errors - Three Considerations Avoiding and preventing Identifying and understanding Handling and recovering

Why errors are important Errors are unavoidable To err is human Making mistakes is part of learning Designer’s responsibility Understand why errors occur Minimize likelihood Allow for recognition of error and graceful recovery (forward or backward) design, usability engineering, self-explaining system working memory, fatigue, learning, user differences (experience), social pressure

Example Studies – Errors Happen! 170 experienced UNIX users over 9 days Individual commands had error rates of 3-50% 300 security system users over 20 months 12,117 error messages Most common 11 errors -> 65% 2517 involved repeated errors (with no non-errors in between) within 10 minutes  Bad error recovery/help Kraut et al, CHI ‘83 Mosteller & Ballas, Human Factors ‘89

User-Computer Dialog Three phases Read-scan phase -- Perceptual errors Think phase -- Cognitive errors Respond phase -- Motor errors

Perceptual Errors Result from insufficient or poor perceptual cues Display of objects that are visually similar Invisible or poorly expressed states Failure to capture user’s attention Lack of perceivable feedback

Cognitive Errors Caused by taxing the memory and problem solving capabilities Tax recall memory Lack of or poor mnemonic aids Inconsistency Lack of context or status info e.g., where came from in a menu Mental calculations and translations

Motor Errors Taxing the eye-hand coordination and motor skills Awkward motor movements Highly similar motor sequences e.g., double click, click Pressure for speed Require a high degree of hand-eye coordination Requiring special types of motor skills (type)

Mistakes and Slips Mistakes (hopefully avoidable) Slips (unavoidable) Wrong intention Incorrect mental model Novice behavior Slips (unavoidable) Wrong execution Skilled behavior

Moral … … slips happen

Types of Slips 1. Capture error - Continue frequently done activity instead of intended one (similar starts) Confirm deletion of file instead of cancel 2. Description error - Intended action has much in common with others possible (usually when distracted, close proximity) shift key & caps lock key

Types of Slips 3. Data driven error - Triggered by arrival of sensory info which intrudes into normal action Call to give someone a number, dial that number instead 4. Associative activation - Internal thoughts and associations trigger action Phone rings, yell “come in”

Types of Slips 5. Loss of activation - Forgetting goal in middle of sequence of actions Start going into room, then forget why you’re going there 6. Mode errors - Do action in one mode thinking you’re in another Delete file, but you’re in wrong directory Scroll wheel in PowerPoint

What to do? As much as possible Prevent mistakes Allow recovery from slips

Error Prevention Guidelines Eliminate modes or provide visible cues for modes - no invisible modes Use consistent representation (color, style) Maximize recognition, minimize recall Design non-similar motor sequences for commands Minimize need for typing Test and monitor for errors and engineer them out Allow reconsideration of action by user (e.g., removing file from trash) Avoid ambiguous and unclear prompts and messages - as in next set of examples!

Great Examples

Error Recovery Guidelines Provide appropriate type of response Gag - Prevent user from continuing Erroneous login Warn - Warn user an unusual situation is occurring Bell or alert box Nothing - Don’t do anything (Careful, user must determine problem) move file to bad place Self-correct - Guess correct action & do it Spell-check correction Dialog - System opens dialog with user Go into debugger on run-time crash

Error Recovery Guidelines Provide undo function Provide cancel function from operations in progress Require confirmation for drastic, destructive commands Provide reasonableness checks on input data Did you really mean to order 5000? Return cursor to error field, allow fix Provide some intelligence Guess what they wanted to do Provide quick access to context-sensitive help

Error Message - What to Say Error: Error code -37 Description: Disk full Prescription: Disk full; recover disk space Prescription + aid: Disk full; recover space by deleting files or defragmenting Prescription + offer: Disk full; proceed with disk defragmentation? Otherwise delete files.

How Does This Example Fit In?

Error Message Wording - Vocabulary Problem with previous example - some users will not know what defragmentation means!! Vocabulary User-oriented Defined in advance for commonality throughout all messages (in style guide) Alternatives to defragmentation ?

Error Message Wording - Tone Sorry, command not recognized Command not recognized :-( Command not recognized Command not recognized!!

Implications for design Scenarios should include errors !!! Distinguish between skilled and learner errors Uncover errors in the existing system how do people self-monitor (cheat sheets)

Assignment: Errors Think of 3 possible errors in your project applications List how you might prevent or recover Develop scenario based on one error.

Next time Prototyping and storyboards