SE365 Human Computer Interaction

Slides:



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

Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION February 19, 2013 Heuristic Evaluation.
Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.
Heuristic Evaluation.
Design Reviews. Genres of assessment  Automated: Usability measures computed by software  Empirical: Usability assesses by testing with real users 
Prof. James A. Landay Computer Science Department Stanford University Autumn 2014 HCI+D: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation.
11 HCI - Lesson 5.1 Heuristic Inspection (Nielsen’s Heuristics) Prof. Garzotto.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 25, 2003.
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,
AJ Brush Richard Anderson
Heuristic Evaluation. Sources for today’s lecture: Professor James Landay: stic-evaluation/heuristic-evaluation.ppt.
1 Heuristic Evaluation. 2 Interface Hall of Shame or Fame? Standard MS calculator on all Win95/98/NT/2000/XP.
Heuristic Evaluation IS 485, Professor Matt Thatcher.
Heuristic Evaluation Evaluating with experts. Discount Evaluation Techniques  Basis: Observing users can be time- consuming and expensive Try to predict.
Evaluating with experts
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 13, 2001.
Heuristic Evaluation John Kelleher. 1 What do you want for your product? Good quality? Inexpensive? Quick to get to the market? Good, cheap, quick: pick.
Hueristic Evaluation. Heuristic Evaluation Developed by Jakob Nielsen Helps find usability problems in a UI design Small set (3-5) of evaluators examine.
Discount Usability Engineering Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development March 2, 1999.
Usability Testing.
Evaluation in HCI Angela Kessell Oct. 13, Evaluation Heuristic Evaluation Measuring API Usability Methodology Matters: Doing Research in the Behavioral.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Heuristic Evaluation “Discount” Usability Testing Adapted from material by Marti Hearst, Loren Terveen.
Nielsen’s Ten Usability Heuristics
Usability Evaluation/LP Usability: how to judge it.
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Heuristic Evaluation and Discount Usability Engineering Taken from the writings of Jakob Nielsen – inventor of both.
SEG3120 User Interfaces Design and Implementation
Prof. James A. Landay University of Washington Autumn 2008 Heuristic Evaluation October 28, 2008.
Y ASER G HANAM Heuristic Evaluation. Roadmap Introduction How it works Advantages Shortcomings Conclusion Exercise.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
June 5, 2007Mohamad Eid Heuristic Evaluation Chapter 9.
Stanford hci group / cs147 u 25 October 2007 Design Reviews Scott Klemmer tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel,
Heuristic Evaluation Short tutorial to heuristic evaluation
Usability Heuristics Avoid common design pitfalls by following principles of good design Nielsen proposes 10 heuristics, others propose more or less. Inspect.
Prof. James A. Landay University of Washington Autumn 2007 Heuristic Evaluation October 30, 2007.
Efficient Techniques for Evaluating UI Designs CSE 403.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
University of Washington HCDE 518 & INDE 545 Empirical Evaluation HCDE 518 & INDE 545 Winter 2012 With credit to Jake Wobbrock, Dave Hendry, Andy Ko, Jennifer.
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
Discount Evaluation User Interface Design. Startup Weekend Wellington CALLING ALL DESIGNERS, DEVELOPERS AND IDEAS FOLK: Startup Weekend returns to Wellington.
Heuristic Evaluation May 4, 2016
Heuristic Evaluation October 26, 2006.
Sampath Jayarathna Cal Poly Pomona
Heuristic Evaluation August 5, 2016
Heuristic Evaluation 3 CPSC 481: HCI I Fall 2014
(adapted from Berkeley GUIR)
A NEW FACE OF THE TECHNICAL COMMUNICATOR – UX IS OUR STRENGTH – WE DESIGN TO WRITE BY CHRIS GANTA © 2016, STC INDIA CHAPTER.
Professor John Canny Fall /27/04
Unit 14 Website Design HND in Computing and Systems Development
(adapted from Berkeley GUIR)
Professor John Canny Spring 2006
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
User Studies Methods Feb 01, 2007.
PostPC Computing Heuristic Evaluation Prof. Scott Kirkpatrick, HUJI
Professor John Canny Fall 2001 Sept 27, 2001
Heuristic Evaluation.
One-timer?. A new face of the technical communicator – UX is our strength – we design to write.
Professor John Canny Spring 2004 Feb 13
10 Design Principles.
Evaluation.
Professor John Canny Spring 2003 Feb 19
Nilesen 10 hueristics.
Miguel Tavares Coimbra
Miguel Tavares Coimbra
Miguel Tavares Coimbra
Evaluation: Inspections, Analytics & Models
Presentation transcript:

SE365 Human Computer Interaction Basit Qureshi, PhD FHEA

Week 12 Why Evaluation? What is Heuristic Evaluation? Benefits of Heuristic Evaluation These slides are based on slides from Content available at: http://www.usability.gov/how-to-and-tools/methods/heuristic-evaluation.html Prof. James Landay @ Stanford University

Why Evaluation?

What is evaluation? The making of a judgement about the amount, number, or value of something; assessment. Evaluation is a process that critically examines a program. It involves collecting and analyzing information about a program’s activities, characteristics, and outcomes. Its purpose is to make judgments about a program, to improve its effectiveness, and/or to inform programming decisions (Patton, 1987).

Why evaluation? Evaluation can: Improve program design and implementation: It is important to periodically assess and adapt your activities to ensure they are as effective as they can be. Evaluation can help you identify areas for improvement and ultimately help you realize your goals more efficiently. Demonstrate program impact: Evaluation enables you to demonstrate your program’s success or progress. The information you collect allows you to better communicate your program's impact to others, which is critical for public relations, staff morale, and attracting and retaining support from current and potential funders.

Types of Evaluation Formative Needs Assessment Formative assessment implies that the results will be used in the formation and revision process of a software Summative assessment is used for the purpose of documenting outcomes and judging value Formative Needs Assessment Implementation Evaluation Summative Outcome Evaluation Impact Evaluation Source: Types of Evaluation http://tll.mit.edu/help/types-assessment-and-evaluation

Types of Evaluation Formative Needs Assessment Needs Assessment Determines who needs the program, how great the need is, and what can be done to best meet the need. Typically carried out at the Requirements Analysis stage of SDLC Formative Needs Assessment

Types of Evaluation Formative Needs Assessment Questions for Needs Assessment What data exists? What data is needed? What resources are available to do needs assessments? Who should be involved in the analysis and interpretation of the data? How will the information gathered be used and for what purpose? How will the results be communicated? Formative Needs Assessment

Types of Evaluation Formative Implementation Evaluation Examines the process of implementing the program and determines whether the program is operating as planned. Can be done continuously or as a one-time assessment. Results are used to improve the program.  Formative Implementation Evaluation

Types of Evaluation Formative Implementation Evaluation Questions for Implementation Evaluation How the system/program is implemented? What tools/technologies are used Choice of colors, typography, animation? Screen size, layout of various components Diversity, selection of contents etc. Formative Implementation Evaluation

Types of Evaluation Summative Outcome Evaluation Outcomes Evaluation Investigates to what extent the program is achieving its outcomes. These outcomes are the short-term and medium-term changes in program participants that result directly from the program. Summative Outcome Evaluation

Types of Evaluation Summative Outcome Evaluation Questions for Outcomes Evaluation Was the program used by customers, satisfactory? How many customers liked using the software? Should the software/program continue to be used? Is the software more likeable than X? Summative Outcome Evaluation

Types of Evaluation Summative Impact Evaluation Impact Evaluation Determines any broader, longer-term changes that have occurred as a result of the program. These as typically applied after the product has been widely distributed and accepted for use. This evaluation is focused on the net effects, typically on the entire school, community, organization, society, or environment Summative Impact Evaluation

Types of Evaluation Summative Impact Evaluation Questions for Impact Evaluation Did the software have any intended consequences? Does the software justify continued used in this domain? Did the software increased the awareness? Can it be used for 10 year olds? Summative Impact Evaluation

Types of Evaluation

What is heuristic evaluation?

Heuristic Evaluation Developed by Jakob Nielsen Helps find usability problems in a UI design Small set (3-5) of evaluators examine UI independently check for compliance with usability principles (“heuristics”) 3-5 evaluators because? different evaluators will find different problems evaluators only communicate afterwards findings are then aggregated Can perform on working UI or on sketches

Why Multiple Evaluators? Every evaluator doesn’t find every problem Good evaluators find both easy & hard ones

Heuristic Evaluation Process Evaluators go through UI several times inspect various dialogue elements compare with list of usability principles consider other principles/results that come to mind Usability principles Nielsen’s “heuristics” supplementary list of category-specific heuristics competitive analysis & user testing of existing products Use violations to redesign/fix problems

Heuristics (original) H1-1: Simple & natural dialog H1-2: Speak the users’ language H1-3: Minimize users’ memory load H1-4: Consistency H1-5: Feedback H1-6: Clearly marked exits H1-7: Shortcuts H1-8: Precise & constructive error messages H1-9: Prevent errors H1-10: Help and documentation These were Nielsen’s original 10 heuristics. He revised them over years of testing on actual interfaces with a large number of evaluators.

Heuristics (revised set) H2-1: Visibility of system status keep users informed about what is going on example: pay attention to response time 0.1 sec: no special indicators needed, why? 1.0 sec: user tends to lose track of data 10 sec: max. duration if user to stay focused on action for longer delays, use percent-done progress bars

Heuristics (cont.) Bad example: Mac desktop Dragging disk to trash should delete it, not eject it H2-2: Match between system & real world follow real world conventions speak the users’ language

Heuristics (cont.) Wizards must respond to Q before going to next for infrequent tasks e.g., router config. not for common tasks good for beginners have 2 versions (WinZip) H2-3: User control & freedom “exits” for mistaken choices, undo, redo don’t force down fixed paths like that BART ticket machine… Depends on context – taking away control to provide clarity can sometimes be a good thing

Heuristics (cont.) H2-4: Consistency & standards These are all from the same UI… what’s the problem? Why? (-> consistency) H2-4: Consistency & standards

Heuristics (cont.) H2-4: Consistency & standards Inconsistent use of you/me in UI – is it first or second person?? H2-4: Consistency & standards use the same language, placement, etc. everywhere follow platform conventions H2-4: Consistency & standards

Heuristics (cont.) % rm –rf * % H2-5: Error prevention H2-6: Recognition rather than recall make objects, actions, options, & directions visible/easily retrievable bad good % rm –rf * %

Heuristics (cont.) H2-7: Flexibility and efficiency of use accelerators for experts (e.g., gestures, kb shortcuts) allow users to tailor frequent actions (e.g., macros)

Heuristics (cont.) H2-8: Aesthetic & minimalist design no irrelevant information in dialogues

Heuristics (cont.) H2-9: Help users recognize, diagnose, & recover from errors error messages in plain language precisely indicate the problem constructively suggest a solution

Good Error Messages Clearly indicate what has gone wrong Human readable Polite Describe the problem Explain how to fix it Highly noticeable

Heuristics (cont.) H2-10: Help and documentation easy to search focused on the user’s task list concrete steps to carry out not too large

Blue screen of death

Much better than the older blue screen of death

Exercise: Describe a component on PSU website for each Heuristic H2-1: Visibility of system status H2-2: Match between system & real world H2-3: User control & freedom H2-4: Consistency & standards H2-5: Error prevention H2-6: Recognition rather than recall H2-7: Flexibility and efficiency of use H2-8: Aesthetic & minimalist design H2-9: Help users recognize, diagnose, & recover from errors H2-10: Help and documentation

Mobile Heuristics Nielsen’s heuristics aren’t the ONLY set; there are multiple options Enrico Bertini, Silvia Gabrielli, and Stephen Kimani. 2006. Appropriating and assessing heuristics for mobile computing. In Proceedings of the working conference on Advanced visual interfaces (AVI '06). ACM, New York, NY, USA, 119-126. DOI=10.1145/1133265.1133291 http://doi.acm.org/10.1145/1133265.1133291

Heuristic evaluation: How to?

Phases of Heuristic Evaluation 1) Pre-evaluation training give evaluators needed domain knowledge & information on the scenario 2) Evaluation individuals evaluates UI & makes list of problems 3) Severity rating determine how severe each problem is 4) Aggregation group meets & aggregates problems (w/ ratings) 5) Debriefing discuss the outcome with design team

How to Perform Evaluation At least two passes for each evaluator first to get feel for flow and scope of system second to focus on specific elements If system is walk-up-and-use or evaluators are domain experts, no assistance needed otherwise might supply evaluators with scenarios Each evaluator produces list of problems explain why with reference to heuristic or other information be specific & list each problem separately

Examples Can’t copy info from one window to another Violates “Minimize the users’ memory load” (H1-3) fix: allow copying Typography uses different fonts in 3 dialog boxes Violates “Consistency and standards” (H2-4) slows users down probably wouldn’t be found by user testing fix: pick a single format for entire interface

How to Perform Heuristic Evaluation Why separate listings for each violation? risk of repeating problematic aspect may not be possible to fix all problems Where problems may be found single location in UI two or more locations that need to be compared problem with overall structure of UI something that is missing common problem with paper prototypes note: sometimes features are implied by design docs and just haven’t been “implemented” – relax on those

Severity Rating Used to allocate resources to fix problems Estimates of need for more usability efforts Combination of frequency impact persistence (one time or repeating) Should be calculated after all evals. are in Should be done independently by all judges

Severity Ratings (cont.) 0 – don’t agree that this is a usability problem 1 - cosmetic problem 2 - minor usability problem 3 - major usability problem; important to fix 4 - usability catastrophe; imperative to fix

Debriefing Conduct with evaluators, observers, and development team members Discuss general characteristics of UI Suggest potential improvements to address major usability problems Dev. team rates how hard things are to fix Make it a brainstorming session little criticism until end of session

Severity Ratings Example 1. [H1-4 Consistency] [Severity 3][Fix 0] The interface used the string “Save” on the first screen for saving the user's file, but used the string “Write file” on the second screen. Users may be confused by this different terminology for the same function.

HE vs. User Testing HE is much faster 1-2 hours each evaluator vs. days-weeks HE doesn’t require interpreting user’s actions User testing is far more accurate (by def.) takes into account actual users and tasks HE may miss problems & find “false positives” Good to alternate between HE & user testing find different problems don’t waste participants

Results of Using HE Discount: benefit-cost ratio of 48 [Nielsen94] cost was $10,500 for benefit of $500,000 value of each problem ~15K (Nielsen & Landauer) how might we calculate this value? in-house  productivity; open market  sales Correlation between severity & finding w/ HE Single evaluator achieves poor results only finds 35% of usability problems 5 evaluators find ~ 75% of usability problems why not more evaluators???? 10? 20? adding evaluators costs more & won’t find more probs

Decreasing Returns problems found benefits / cost * Caveat: graphs for a specific example problems found benefits / cost

Summary Have evaluators go through the UI twice Ask them to see if it complies with heuristics note where it doesn’t & say why Combine the findings from 3 to 5 evaluators Have evaluators independently rate severity Alternate with user testing