Usability. HCI - Human Computer Interaction

Similar documents
USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

HCI and Design SPRING 2016

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation

User Interface Evaluation

Design Heuristics and Evaluation

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!!

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

cs465 principles of user interface design, implementation and evaluation

15/16 CSY2041 Quality and User-Centred Systems

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web

Learnability of software

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

Introduction to Usability and its evaluation

Usability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram

CO328- Human Computer Interaction Michael Kölling Caroline Li. Heuristic Evaluation

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Evaluation Plan for Fearless Fitness Center Website

Human-Computer Interaction

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

Mensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1

M150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.

User Centered Design (UCD)

Jakob Nielsen s Heuristics (

Chapter 10 Interactive Systems And Usability Organizational Requirements Engineering

Human-Computer Interaction: An Overview. CS2190 Spring 2010

User Experience Report: Heuristic Evaluation

Chapter 15: Analytical evaluation

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

HUMAN COMPUTER INTERACTION

Expert Evaluations. November 30, 2016

Applying Usability to elearning

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003

HEURISTIC EVALUATION WHY AND HOW

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

1. Select/view stores based on product type/category- 2. Select/view stores based on store name-

IPM 10/11 T1.6 Discount Evaluation Methods

iscreen Usability INTRODUCTION

Interaction Techniques. SWE 432, Fall 2016 Design and Implementation of Software for the Web

An Introduction to Human Computer Interaction

SFU CMPT week 11

Plenty to choose from. Help designers choose design alternatives Help evaluators find problems in interfaces (heuristic evaluation)

Introduction to Human-Computer Interaction

Analytical evaluation

Heuristic Evaluation. Jon Kolko Professor, Austin Center for Design

Introduction to Internet Applications

Human-Computer Interaction IS4300

A Health Literacy and Usability Heuristic Evaluation of a Mobile Consumer Health Application. Helen Monkman & Andre Kushniruk

Analytical Evaluation

MIT GSL week 4 Wednesday. User Interfaces II

03 Usability Engineering

Evaluating the Design without Users. A formalized way of imagining people s thoughts and actions when they use an interface for the first time

Hyper Mesh Code analyzer

Computer Systems & Application

Heuristic Evaluation

UX Design Principles and Guidelines. Achieve Usability Goals

Design Reviews. Scott Klemmer. stanford hci group / cs147. tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel, Leslie Wu, Mike Cammarano

Lecture 10 Usability

Lose It! Weight Loss App Heuristic Evaluation Report

COMP 388/441 HCI: 07 - Menu Selection, Forms, and Dialog Boxes Menu Selection, Forms, and Dialog Boxes

Usability. CSE 331 Spring Slides originally from Robert Miller

Heuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008

SBD:Interaction Design

The Interaction. Dr. Karim Bouzoubaa

How to Conduct a Heuristic Evaluation

A Heuristic Evaluation of Ohiosci.org

Human-Computer Interaction IS 4300

CSE 403: Software Engineering, Fall courses.cs.washington.edu/courses/cse403/16au/ User Interfaces. Emina Torlak

Crab Shack Kitchen Web Application

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics.

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day

CHAPTER 4 HUMAN FACTOR BASED USER INTERFACE DESIGN

Heuristic Evaluation of PLATELIST

Interaction Design Guidelines and Rules

Analytical &! Empirical Evaluation

Interaction Techniques. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Announcements. Usability. Based on material by Michael Ernst, University of Washington. Outline. User Interface Hall of Shame

Heuristic Evaluation of NUIG Participate Module 1

Usability and the HMIS The Role of HMIS Configurability in Coordinated Assessment Systems

CS 147 Autumn 2017: Assignment 9 (Heuristic Evaluation Group Template) Instructor: James Landay. Fix: make web also block the desktop screen.

Introduction to Human-Computer Interaction

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1

Craigslist Heuristic Evaluation

Interaction Design DECO1200

Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction

Chapter 6. Design Guides

MAKING YOUR GATEWAY EASY AND PLEASANT TO USE

CS 544 Discount Usability Engineering

Implementing Games User Research Processes Throughout Development: Beyond Playtesting

Nektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece

Design Rules. increasing generality. increasing authority. Guide lines. Standards. increasing authority. increasing generality

Quality in Use: Achieving Stakeholder Needs for Quality

NUR - Introduction to HCI. Big picture, design process, UCD, UI issues

Foundation Level Syllabus Usability Tester Sample Exam

Transcription:

Usability HCI - Human Computer Interaction Computer systems optimization for easy access and communication Definition design Basic principles Testing assessment implementation Quality Utility funcionality and technical quality Ergonomic - comfort of use Usability Effectiveness Efficiency Safety Learnability Memorability Ease of use Accessibility Usefulness, utility Usability elements (Nielsen & Schneiderman) Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? Efficiency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design? 3 4 Usability Result ergonomic product Creating process (UCD User Centered Design) Set of testing technics 5 E (efficient, effective, engaging, error tolerant, easy to learn) 5 5E example Efficient - "The user will be able to successfully complete the registration in under 3 minutes" Effective - "Less than 5% of the registrations will have errors, omissions or inconsistencies requiring a follow-up contact by the staff." Engaging - "At least 80% of employees will express comfort with using the online system rather than visiting the HR office." Error Tolerant "The system will validate all housing, meal and tutorial choices and allow the user to confirm pricing for these options before completing the registration." Easy to Learn "Users will be able to successfully complete a benefits calculation without needing any external instruction or help screens." 6 1

Benefits Usable systems can save money by helping to increase productivity and customer satisfaction Usability in ISO normalization increase sales and revenues reduce development maintenance costs time and costs and decrease training and support costs 7 Usability in ISO normalization ISO 9241 ISO 9126 one of the features of interactive product ISO 9241 The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use." 9 10 ISO 9241 Usability measures Effectiveness: Accuracy and completeness with which users achieve specified goals Efficiency: Resources expended in relation to the accuracy and completeness with which users achieve goals Satisfaction: Freedom from discomfort, and positive attitudes towards the use of the product 11 12 2

Don Norman, The Psychology of Everyday Things Usability testing methods most frequently used 1. Visibility 2. Feedback 3. Constrains 4. Mapping 5. Consistency 6. Affordances study The State of User Centered Design Practice, 2008 14 Heuristic evaluation 3 stages for doing heuristic evaluation Developed by Jacob Nielsen in the early 1990s Based on heuristics distilled from an empirical analysis of 249 usability problems Heuristics have been revised for current technology Heuristics still needed for mobile devices, virtual worlds, etc. Design guidelines form a basis for developing heuristics Briefing session to tell experts what to do Evaluation period of 1-2 hours in which Each expert works separately Take one pass to get a feel for the product Take a second pass to focus on specific features Debriefing session in which experts work together to prioritize problems Heuristic Evaluation Evaluators go through UI several times inspect UI compare with list of usability principles consider any additional principles or results that come to mind Usability principles Nielsen s heuristics supplementary list of category-specific heuristics Use violations to redesign/fix problems Usability Heuristics from Nielsen 1. Simple and natural dialogue 2. Speak the user s language 3. Minimize the user s memory load 4. Consistency 5. Feedback 6. Clearly marked exits 7. Shortcuts 8. Good error messages 9. Prevent errors 10. Help and Documentation (Nielsen & Molich, 1990) 3

1. Simple and Natural Dialogue Exact information provided at the exact moment Graphic Design and Color Appropriately direct attention (test with mumble text) Group related objects Alignment Balance and white space Few fonts and colors (5 to 7 colors max.) Some people are color blind (8% of males) Less is More 2. Speak the User s Language May accommodate specific vocabulary for users View from users perspective, not of a system. Adopt words as suggested by users (problematic) 3. Minimize User Memory Load Use recognition, not recall. Exploit visibility. Provide implicit clues and rules for required input. 4. Consistency and Standards Facilitates exploratory learning. Consistency of format. Consistency of task and functionality structure of system. Consistency of effects Consistency of language and graphics 5. Feedback Continuous information on user s actions and their interpretation, including positive and partial feedback Avoid abstract, generalized feedback. Rephrase the specific affect of the action. Various levels of persistence of feedback information. 6. Clearly Marked Exits Empower users and promote exploratory learning Strategies Cancel Interruption of lengthy processes Universal Undo Quit Default reset Exits must be visible not taught or sought. 4

7. Shortcuts Support expert use beyond novice. Accelerators, templates (styles), macros. Type-ahead 8. Good Error Messages Mistakes and slips Opportunity for a system to assist and educate a user. Phrase messages in a clear language. (E.g. Error 404) That is, speak the user s language! Precise rather than vague or general. Help in the resolution of a problem. Polite, non-intimidating messages. Wrong Input: Do Again! Provide good recovery. Multiple-level messages. 9. Error Prevention Recognition, not recall. (Select from list.) Use Confirmation boxes sparingly. Capture errors due to automatic behaviour. Avoid modes Feed information regarding current mode. Uh Oh! Textbox, can hold anything Masked edit holds: 3 sets of 2 digits 10. Help and Documentation Utmost goal: No help Online help extends the breadth of the interface. Online help should be context sensitive. Quality of help text more significant than the access mechanism. Search, Understand, Apply user strategy. Search: provide rich indexing of terms. Understand: self-contained examples. Apply: help text and problem side-by-side. Evaluation examples Can not copy info from one window to another violates Minimize the users memory load (H3) FIX: allow copying Wrong key accelerators used (EXIT) violates Consistency and standards (H4) slows users down, propagates errors FIX: use industry standard accelerators HE vs. User Testing HE is much faster 1-2 hours each evaluator vs. days-weeks HE does not require interpreting users actions User testing is far more accurate takes into account actual users and tasks HE may miss problems & find false positives 5

Examples of Heuristic evaluations Groupware: http://grouplab.cpsc.ucalgary.ca/grouplab/upload s/publications/publications/2001- HeurisiticsMechanics.EHCI.pdf ISO 9241-11: Ergonomic requirements for office work with visual display terminals (VDTs) Part 11: Guidance on usability. (1998). Games: www.behavioristics.com/downloads/usingheuristic s.pdf http://www-personal.umich.edu/~dinoa/portfolio/ 32 6