Design Reviews. Genres of assessment  Automated: Usability measures computed by software  Empirical: Usability assesses by testing with real users 

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.
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.
Usable Privacy and Security Carnegie Mellon University Spring 2007 Cranor/Hong 1 User Studies Methods Feb 01,
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.
1 SKODA-AUTO.CZ prototype evaluation Poznań, 23th of March 2015.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Heuristic Evaluation “Discount” Usability Testing Adapted from material by Marti Hearst, Loren Terveen.
SAMPLE HEURISTIC EVALUATION FOR 680NEWS.COM Glenn Teneycke.
INFO3315 Week 4 Personas, Tasks Guidelines, Heuristic Evaluation.
Chapter 26 Inspections of the UI. Heuristic inspection Recommended before but in lieu of user observations Sort of like an expert evaluation Heuristics.
Nielsen’s Ten Usability Heuristics
Usability Evaluation/LP Usability: how to judge it.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Usability Evaluation June 8, Why do we need to do usability evaluation?
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.
Chapter 15: Analytical evaluation. Inspections Heuristic evaluation Walkthroughs.
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
Chapter 15: Analytical evaluation. Aims: Describe inspection methods. Show how heuristic evaluation can be adapted to evaluate different products. Explain.
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.
Ten Usability Heuristics with Example.. Page 2 Heuristic Evaluation Heuristic evaluation is the most popular of the usability inspection methods. Heuristic.
Efficient Techniques for Evaluating UI Designs CSE 403.
User Interface Evaluation Heuristic Evaluation Lecture #17.
© 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.
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)
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.
Professor John Canny Fall 2001 Sept 27, 2001
Heuristic Evaluation.
Professor John Canny Spring 2004 Feb 13
Professor John Canny Spring 2003 Feb 19
Nilesen 10 hueristics.
Miguel Tavares Coimbra
SE365 Human Computer Interaction
Miguel Tavares Coimbra
Presentation transcript:

Design Reviews

Genres of assessment  Automated: Usability measures computed by software  Empirical: Usability assesses by testing with real users  Formal: Models and formulas to calculate measures  Inspection: Based on heuristics, skills, and experience of evaluators

When to do a design review?  Begin review with a clear goal  Before user testing. Don't waste users on the small stuff. An expert usability inspection will identify minor issues that can be resolved before testing, allowing users to focus on the big issues.  Before redesigning. An expert usability inspection will expose the elements of your existing design that work and should be retained (not just the bad stuff).  When you know there are problems, but you need evidence. Perhaps you've received complaints from customers or found yourself stumbling around your own site. An expert usability inspection can help you articulate problems and provide you with the ammunition to build a business case for redesign.  Before release. Smooth off the rough edges before go-live. Source:

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”)  different evaluators will find different problems  evaluators only communicate afterwards  findings are then aggregated  Can perform on working UI or on sketches

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

Visibility of System Status

2. Match between system & world  Speak the users’ language  Follow real world conventions  Bad example: Mac desktop  Dragging disk to trash  Should delete it, not eject it

3. User Control & Freedom  Wizards  must respond to Q before going to next  for infrequent tasks  e.g., configuration  not for common tasks  good for beginners  have 2 versions  “exits” for mistaken choices, undo, redo  don’t force down fixed paths

4. Consistency & Standards

5. Error Prevention  Before dialing  asks for id & password  When connecting  asks again for id & pw

6. Recognition Rather than Recall  Make objects, actions, options, & directions visible or easily retrievable

7. Flexibility & Efficiency of Use  accelerators for experts (e.g., gestures, kb shortcuts)  allow users to tailor frequent actions (e.g., macros)

8. Aesthetic & Minimalist Design  Avoid Clutter & Irrelevant information. High signal-to-noise ratio.

Aesthetic & Minimalist Design

9. Help Users Recognize, Diagnose, & Recover from Errors  error messages in plain language  precisely indicate the problem  constructively suggest a solution

10. Help and Documentation  easy to search  focused on the user’s task  list concrete steps to carry out  not too large

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

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

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 foundbenefits / cost Caveat: graphs for a specific example

Phases of Heuristic Evaluation 1. Pre-evaluation training  give evaluators needed domain knowledge and information on the scenario 2. Evaluation  individuals evaluate and then aggregate results 3. Severity rating  determine how severe each problem is (priority) can do this first individually and then as a group 4. Debriefing  discuss the outcome with design team

How-to: Heuristic 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 and list each problem separately

How-to: 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  hard w/ paper prototypes so work extra hard on those  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  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

References  ristic_list.html ristic_list.html