Constraints and Errors An ounce of prevention…. Outline Questions? Project reminder Recap Norman About errors Mistakes and slips Error guidelines.

Slides:



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

Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Human Capabilities: Mental Models CS352. Announcements Notice upcoming due dates (web page). Where we are in PRICPE: –Predispositions: Did this in Project.
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.
Design of Everyday Things
Constraints and Errors An ounce of prevention…. Outline Part 1 comments Recap Norman About errors Mistakes and slips Error prevention guidelines Error.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
Constraints and Errors
Design of Everyday Things
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.
Mental Models and Affordances Lecture #5 - February 12th, : User Interface Design and Development.
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.
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,
Chapter 7 design rules.
Mental Models and Affordances Professor: Tapan Parikh TA: Eun Kyoung Choe
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.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Human-Computer Interaction
Psychology of usability
Errors & the Art of Error Assistance CSE 440 Autumn 2008.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
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?
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.
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
Design Rules-Part B Standards and Guidelines
Errors & Help An ounce of prevention.... Microsoft’s Spectacular Errors Adobe UI Gripes Fall 2006PSYCH / CS
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 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.
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
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)
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
Design rules.
CEN3722 Human Computer Interaction Title of Presentation
Human-Computer Interaction
Errors & the Art of Error Assistance
Psychology of usability
10 Design Principles.
Proper functionality Good human computer interface Easy to maintain
To Err is Human Owen Brennan.
Chapter 7 design rules.
Chapter 7 design rules.
Chapter 7 design rules.
Chapter 7 design rules.
Presentation transcript:

Constraints and Errors An ounce of prevention…

Outline Questions? Project reminder Recap Norman About errors Mistakes and slips Error guidelines

Project reminder Brainstorm now! – Narrow down to 3 to 4 different ideas – Vary features, input/out, platform, usability – Do low fidelity sketches/storyboards/scenarios/etc. Storyboard assignment: due next Wednesday Poster: in class on Oct. 20

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

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 What if both sides were “big” and you had to remember which side the “small” one went into? Electric plugs

Knowledge in Head vs. Knowledge in the World Head – 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

Execution-Evaluation cycle Norman (DOET, p. 46) User Goals Physical System Gulf of Execution Gulf of Evaluation

Goals, Execution, Evaluation Physical System Goals What we want to happen Execution What we do to the world Evaluation Comparing what happened with what we wanted to happen (Gulf of Execution) (Gulf of Evaluation)

Execution Goals What we want to happen An intention to act so as to achieve the goal The actual sequence of actions that we plan to do The physical execution of that action sequence Physical System

Evaluation Goals What we want to happen Evaluation of the interpretations with what we expected to happen Interpreting the perception according to our expectations Perceiving the state of the world Physical System

Seven Stages - All Together Goals What we want to happen Evaluation of the interpretations with what we expected to happen Interpreting the perception according to our expectations Perceiving the state of the world An intention to act so as to achieve the goal The actual sequence of actions that we plan to do The physical execution of that action sequence Physical System

Implications – Which Gulf does these Address? Make current state and action alternatives visible Need good conceptual model with consistent system image Interface should include mappings that reveal relationships between stages User should receive continuous feedback Provide affordances

Goal: Minimize Gulfs Gulf of Execution – Conceptual model – Affordances – Natural mappings Gulf of Evaluation – Make state visible – Feedback

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)

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

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) – 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 !!! – Don’t forget this in your project! *hint hint* Distinguish between skilled and learner errors Uncover errors in the existing system – how do people self-monitor (cheat sheets)