Prof. James A. Landay University of Washington Spring 2008 Guest Lecturer: Kate Everitt Web Interface Design, Prototyping, and Implementation Errors &

Slides:



Advertisements
Similar presentations
Hamilton Venus Software User Interface Options
Advertisements

Chapter 3: Editing and Debugging SAS Programs. Some useful tips of using Program Editor Add line number: In the Command Box, type num, enter. Save SAS.
2-May-15 GUI Design. 2 HMI design There are entire college courses taught on HMI (Human-Machine Interface) design This is just a very brief presentation.
Introduction to the gedit editor. gedit: the Gnome editor Gnome: Gnome is a freely available (i.e., no cost) desktop environment for the UNIX system The.
Top Reasons why users call ECCA. Agenda Reason for the call: What is the question or problem? Reason for the call: What is the question or problem? Answer.
Welcome to Florida International University Online J.O.B.S. Link Applicant Tutorial.
© 2005 Wellesley Information Services. All rights reserved. Error Handling in LotusScript Agents Chuck Connell CHC-3 Consulting.
Getting Started with Layout Compiled by Ryan Johnson May 1, 2002  Open Orcad Capture under Engineering Software  Under FILE, choose NEW, PROJECT  The.
Constraints and Errors An ounce of prevention…. Outline Part 1 comments Recap Norman About errors Mistakes and slips Error prevention guidelines Error.
THEMIS Science Software Training1July 2007 The THEMIS Graphical User Interface J. McTiernan 23-Jul-2007
Constraints and Errors
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.
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 6, 2001.
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.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
ISE554 The WWW 3.2 Multimedia Design Principles. Interaction Design Principles Guidelines Principles Rules Standards.
Fundamentals of Programming in Visual Basic 3.1 Visual basic Objects Visual Basic programs display a Windows style screen (called a form) with boxes into.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 16 Slide 1 User interface design.
Spring /6.831 User Interface Design and Implementation1 Lecture 6: User-Centered Design GR1 (project proposal & analysis) released today, due.
Systems Software Operating Systems.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.
Welcome to the University of Florida Online Employment System Applicant Tutorial.
Welcome to And the Rice University Online Job Application Tutorial.
Copyright 2007, Information Builders. Slide 1 Maintain & JavaScript: Two Great Tools that Work Great Together Mark Derwin and Mark Rawls Information Builders.
Errors & the Art of Error Assistance CSE 440 Autumn 2008.
Introduction to Visual Basic. Quick Links Windows Application Programming Event-Driven Application Becoming familiar with VB Control Objects Saving and.
Enrolment Services – Class Scheduling Fall 2014 Course Combinations.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
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?
1 Software Construction and Evolution - CSSE 375 Exception Handling - Principles Steve Chenoweth, RHIT Above – Exception handling on the ENIAC. From
Systems Software Operating Systems. What is software? Software is the term that we use for all the programs and data that we use with a computer system.
Oracle Data Integrator Procedures, Advanced Workflows.
Errors & Help An ounce of prevention.... Microsoft’s Spectacular Errors Adobe UI Gripes Fall 2006PSYCH / CS
Prof. James A. Landay University of Washington Autumn 2008 Video Prototyping October 14, 2008.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
Change in your CAD Project File - it happens all the time in robotics.
Downloading and Installing Autodesk Inventor Professional 2015 This is a 4 step process 1.Register with the Autodesk Student Community 2.Downloading the.
CISB434: VisiRule 1.
11/25/2015Slide 1 Scripts are short programs that repeat sequences of SPSS commands. SPSS includes a computer language called Sax Basic for the creation.
CSE 403 Lecture 6 User Interface Prototyping Reading: Paper Prototyping, C. Snyder slides created by Marty Stepp
1 Software. 2 What is software ► Software is the term that we use for all the programs and data on a computer system. ► Two types of software ► Program.
Your Digital Technology Briefcase My information…when and where I need it.
Getting Started with Word & Saving Guided Lesson.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
The Excel model for information processing The Excel model is a grid of cells in which items of information are stored and processed. Any information that.
Operating Systems. An operating system (os) is a software program that enables the computer hardware to communicate and operate with the computer software.
Fall 2002CS/PSY Preventing Errors An Ounce of Prevention Errors  Avoiding and preventing  Identifying and understanding  Handling and recovering.
Primenumbers.co.uk This presentation will help you get the most out of this service.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
Visual Basic.Net. Software to Install Visual Studio 2005 Professional Edition (Requires Windows XP Pro) MSDN Library for Visual Studio 2005 Available.
Linux CSE 1222 CSE1222: Lecture 1BThe Ohio State University1.
CEN3722 Human Computer Interaction Title of Presentation
Wrapping up DOET.
Errors & the Art of Error Assistance
Arrays and files BIS1523 – Lecture 15.
Software engineering USER INTERFACE DESIGN.
Instructor: Prasun Dewan (FB 150,
Conditions and Ifs BIS1523 – Lecture 8.
Proper functionality Good human computer interface Easy to maintain
To Err is Human Owen Brennan.
Official Interface Guidelines
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Professor John Canny Fall 2001 Nov 13, 2001
Presentation transcript:

Prof. James A. Landay University of Washington Spring 2008 Guest Lecturer: Kate Everitt Web Interface Design, Prototyping, and Implementation Errors & Error Assistance

April 8, 20082CSE 490 L - Spring 2008

April 8, 20083CSE 490 L - Spring 2008

April 8, 20084CSE 490 L - Spring 2008

Overview Hall of Fame/Shame due Thur Errors Happen Types of Error Strategies –Prevention –Recovery –Correction Examples Reference April 8, 20085CSE 490 L - Spring 2008

Common physical world errors? April 8, 20086CSE 490 L - Spring 2008

Common software UI errors? April 8, 20087CSE 490 L - Spring 2008

Motivation Consider the use of an online banking system Compare this to interacting with human teller Who is more graceful at coping with errors? What are the error coping mechanisms? April 8, 20088CSE 490 L - Spring 2008

Deal with errors in a positive and helpful manner People will make errors! Errors we make: –Mistakes –Slips –False Understanding April 8, CSE 490 L - Spring 2008

Types of Errors 1.Mistakes –conscious deliberations that lead to an error –mismatch in conceptual model 2.Slips –unconscious behavior that is misdirected –shows up frequently in skilled behavior –often arises from similarities of actions 3.False Understanding –Generalizing from a single incident April 8, CSE 490 L - Spring 2008

Types of Slips 1.Capture error 2.Description error 3.Loss of activation 4.Mode errors April 8, CSE 490 L - Spring 2008

Capture error frequently done activity takes charge instead of one intended occurs when common and rarer actions have same initial sequence –change clothes for dinner and find oneself in bed (William James, 1890) –confirm saving of a file when you don’t want to replace it (the “ok” button syndrome) –drive to work on a Saturday morning April 8, CSE 490 L - Spring 2008

Description error intended action has much in common with others that are possible usually occurs when right and wrong objects physically near each other –pour juice into bowl instead of glass –go jogging, come home, throw sweaty shirt in toilet instead of laundry basket –move file to trash instead of to folder April 8, CSE 490 L - Spring 2008

Loss of activation forgetting what the goal is while undergoing the sequence of actions –start going to room and forget why you are going there –navigating menus/dialogs and can’t remember what you are looking for April 8, CSE 490 L - Spring 2008

Mode Errors people do actions in one mode thinking they are in another –refer to file that’s in a different directory –look for commands / menu options that are not relevant –pen vs mouse on tablet pc April 8, CSE 490 L - Spring 2008

Designing for Slips general rules –prevent slips before they occur –detect and correct slips when they do occur –user correction through feedback and undo capture errors –instead of confirmation, make actions undoable –e.g. Mac trash can be opened and “deleted” file taken back out description errors –in icon-based interfaces, make sure icons are not too similar –check for reasonable input loss of activation –if system knows goal, make it explicit –if not, allow person to see path taken mode errors –have as few modes as possible (preferably none) –make modes highly visible April 8, CSE 490 L - Spring 2008

Answer this UNIX: list files with ls DOS: list files with dir Error: type ls instead of dir on windows What kind of error is this? (capture, description, loss of activation, mode?) –A: mode April 8, CSE 490 L - Spring 2008

What can we do about errors? Prevent them! Detect them! Fix them! Make corrections inexpensive for the user (undo/redo) April 8, CSE 490 L - Spring 2008

Strategies: Do Nothing Do nothing –Good does not chastise the participant for an error –Bad does not provide clues for recovery can be dangerous if user does not notice error –E.g. enter letter into a numeric field (key clicks ignored) put a file icon on top of another file icon (returns it to original position) April 8, CSE 490 L - Spring 2008

Strategies: Prevention Good Representation: How can it reduce errors? GUI File SystemCommand Line File System April 8, CSE 490 L - Spring 2008

Strategies: Prevention Interlock –Prevent users from continuing –Can’t move forward in a wizard if no file is selected Warn –warn people that an unusual situation is occurring –when overused, becomes an irritant April 8, CSE 490 L - Spring 2008

Strategies: Recovery Self Correction (by computer) –Guess the closest legal action and do it. –Pros: When done well can be seamless and helpful –Cons: Can guess the wrong thing and be obtrusive Automatic typo correction in Word April 8, CSE 490 L - Spring 2008

Strategies: Recovery Mediated Self Correction –Guess a few close legal actions, and let the user choose –Pros: Gives the user more control –Cons May not guess the correct options may add to user cognitive load –E.g. Abort, Retry, Ignore Compiler bringing up line of code April 8, CSE 490 L - Spring 2008

Strategies: Recovery Computer Learns –Ask user what they want the system to do in this situation next time April 8, CSE 490 L - Spring 2008

Strategies: Error Messages Good Error messages –Do not use humor sometimes it’s not funny! –Don’t use unnecessarily severe language “Symbol table full - Fatal heap error; please go buy a ram upgrade from your local Apple dealer” “And the lord said, ‘lo, there shall only be case or default labels inside a switch statement” -Apple C compiler April 8, CSE 490 L - Spring 2008

Strategies: Error Messages Good Error messages –Use context to help the user recover –Identify the error that triggered the breakdown “Huh?” – Apple C compiler –Do not put the blame on the user “Do you want to save your file?” vs. “User forgot to save file” –Are in the user’s language (literally, but also their vocabulary) April 8, CSE 490 L - Spring 2008

Strategies: Error Messages Eg: From Wai-Ling’s Research Project April 8, CSE 490 L - Spring 2008

Discussion We’ve discussed errors as tools to help the user “find the right path”. What about help systems? Have any shame or fame favorites? Many users learn by “trial and error” –How does error handling affect this learning style? April 8, CSE 490 L - Spring 2008

Reference Designing for Error –Clayton Lewis and Donald A. Norman Ben Bederson / Saul Greenberg /cmsc /notesab.pdf April 8, CSE 490 L - Spring 2008