User Interface Evaluation Usability Inspection Methods

Slides:



Advertisements
Similar presentations
Chapter 5 Development and Evolution of User Interface
Advertisements

Web Search Results Visualization: Evaluation of Two Semantic Search Engines Kalliopi Kontiza, Antonis Bikakis,
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
CS305: HCI in SW Development Evaluation (Return to…)
CISB213 Human Computer Interaction Design Principles
Saul Greenberg User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Part 2c: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
Facilities DB Application Chao Wang, Chiaoching Huang, Xiaoming Li, Shaoen Wu.
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Usability Inspection n Usability inspection is a generic name for a set of methods based on having evaluators inspect or examine usability-related issues.
Midterm Exam Review 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.
Evaluation Through Expert Analysis U U U
Gender Issues in Systems Design and User Satisfaction for e- testing software Prepared by Sahel AL-Habashneh. Department of Business information systems.
Evaluation: Inspections, Analytics & Models
Mental Models and Affordances Professor: Tapan Parikh TA: Eun Kyoung Choe
John Kelleher (IT Sligo) Cognitive Walkthrough. 1 Background Authors – Lewis & Polson (1991) Based on theory L&P CE+ Theory of Exploratory Learning Assesses.
Interaction Styles Interface Design Principles. 5 Interface Design Principles 1.Language 2.Layout 3.Color 4.Tone & Etiquette 5.Special Considerations.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
07 HCI - Lesson 6 Introduction to MiLE+ : a systematic method for usability evaluation Prof. Garzotto.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Usability Methods: Cognitive Walkthrough & Heuristic Evaluation Dr. Dania Bilal IS 588 Spring 2008 Dr. D. Bilal.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
User Interface Evaluation Usability Inquiry Methods
… and after unit testing …
Predictive Evaluation
Evaluation of digital collections' user interfaces Radovan Vrana Faculty of Humanities and Social Sciences Zagreb, Croatia
User Interface Evaluation Usability Testing Methods.
Principles of User Centred Design Howell Istance.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
ITCS 6010 VUI Evaluation.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Part 1-Intro; Part 2- Req; Part 3- Design  Chapter 20 Why evaluate the usability of user interface designs?  Chapter 21 Deciding on what you need to.
Ch.4 The UCSD Process.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
Usability Evaluation June 8, Why do we need to do usability evaluation?
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Heuristic Evaluation and Discount Usability Engineering Taken from the writings of Jakob Nielsen – inventor of both.
SEG3120 User Interfaces Design and Implementation
UI Style and Usability, User Experience Niteen Borge.
Chapter 15: Analytical evaluation. Inspections Heuristic evaluation Walkthroughs.
Chapter 15: Analytical evaluation Q1, 2. Inspections Heuristic evaluation Walkthroughs Start Q3 Reviewers tend to use guidelines, heuristics and checklists.
Reviews and Inspections. Types of Evaluations Formal Design Reviews conducted by senior personnel or outside experts uncover potential problems Inspections.
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Usability Engineering Dr. Dania Bilal IS 582 Spring 2006.
User Interface Evaluation Cognitive Walkthrough Lecture #16.
Interface Guidelines & Principles Consider Function First Presentation Later.
Human Computer Interaction
Usability Engineering Dr. Dania Bilal IS 592 Spring 2005.
Chapter 15: Analytical evaluation. Aims: Describe inspection methods. Show how heuristic evaluation can be adapted to evaluate different products. Explain.
Introduction to Evaluation without Users. Where are you at with readings? Should have read –TCUID, Chapter 4 For Next Week –Two Papers on Heuristics from.
Administrivia  Feedback from the mid-term evaluation  Insights from project proposal.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Usability Engineering Dr. Dania Bilal IS 582 Spring 2007.
Usability Engineering Dr. Dania Bilal IS 587 Fall 2007.
More SQA Reviews and Inspections. Types of Evaluations  Verification Unit Test, Integration Test, Usability Test, etc  Formal Reviews  aka "formal.
1 Usability Analysis n Why Analyze n Types of Usability Analysis n Human Subjects Research n Project 3: Heuristic Evaluation.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Asking Users and Experts Li Zhang (Jacey) Yuewei Zhou (Joanna)
Human Computer Interaction Lecture 15 Usability Evaluation
Human Factors Issues Chapter 8 Paul King.
SY DE 542 User Testing March 7, 2005 R. Chow
Evaluation technique Heuristic Evaluation.
Usability Techniques Lecture 13.
COMP444 Human Computer Interaction Design Principles
Chapter 26 Inspections of the user interface
Evaluation.
COMP444 Human Computer Interaction Usability Engineering
Presentation transcript:

User Interface Evaluation Usability Inspection Methods

Usability Inspection Methods Usability experts “inspect” your interfaces during formative evaluation. Widely used in practice. Often abused by developers that consider themselves to be usability experts.

Usability Inspection Methods Heuristic Evaluation Cognitive Walkthroughs Pluralistic Walkthroughs Feature, Consistency & Standards Inspection

Heuristic Evaluation Applicable Stages: Design, Code, Test & Deployment Personnel Usability Experts, approximately 4. Developers, 0. Users, 0.

Heuristic Evaluation Usability Issues Covered Effectiveness: Yes Efficiency: Yes Satisfaction: No Quantitative Data is not collected. Can be conducted remotely. Can be used on any system.

Heuristic Evaluation What is it? Several evaluators independently evaluate the interface & come up with potential usability problems. It is important that there be several of these evaluators and that the evaluations be done independently. Nielsen's experience indicates that around 5 evaluators usually results in about 75% of the overall usability problems being discovered.

Heuristic Evaluation How can I do it? Obtain the service of 4, 5 or 6 usability experts. Each expert will perform an independent evaluation. Give experts a heuristics inspection guide. Collect the individual evaluations. Bring the experts together and do a group heuristic evaluation. (Optional)

Cognitive Walkthroughs Applicable Stages: Design, Code, Test & Deployment Personnel Usability Experts, approximately Developers, Users, 0.

Cognitive Walkthroughs Usability Issues Covered Effectiveness: Yes Efficiency: No Satisfaction: No Quantitative Data is not collected. Can NOT be conducted remotely. Can be used on any system, but works best on systems that you can walk up and use systems that don’t require explicit learning.

Cognitive Walkthroughs What is it? Cognitive walkthroughs involve one or a group of evaluators inspecting a user interface by going through a set of tasks and evaluate its understandability and ease of learning. The input to the walkthrough also include the user profile, especially the users' knowledge of the task domain and of the interface, and the task cases. Based upon exploratory learning methods. Exploration of the user interface.

Cognitive Walkthroughs What is it? The evaluators may include Human factors engineers Software developers People from marketing Documentation, etc. Best used in the design stage of development.

Cognitive Walkthroughs How can I do it? Select the participants, who will be involved? Select the tasks, what task will be examined? Select the interfaces, which interface(s) will be evaluated?

Cognitive Walkthroughs How can I do it? During the walkthrough: Illustrate the task and then ask a user to perform a task. Accept input from all participants: do not interrupt demo. After the walkthrough: Make interface changes. Plan the next evaluation.

Pluralistic Walkthroughs Applicable Stages: Design Personnel Usability Experts, approximately 1. Developers, 1. Users, 2.

Pluralistic Walkthroughs Usability Issues Covered Effectiveness: Yes Efficiency: No Satisfaction: Yes Quantitative Data is not collected. Can NOT be conducted remotely. Can be used on any system, but works best on systems that you can walk up and use systems that don’t require explicit learning.

Pluralistic Walkthroughs What is it? During the design stage, a group of people: Users Developers Usability Experts Meet to perform a walkthrough.

Pluralistic Walkthroughs How can I do it? The group meets and 1 person acts as coordinator. A task is presented to the group. Paper prototypes, screen shots, etc. are presented. Each participants write down comments on each interface. After the demo, a discussion will follow.

Feature, Consistency & Standards Inspection Applicable Stages: Code, Testing and Deployment Personnel Usability Experts, approximately 1. Developers, 0. Users, 0.

Feature, Consistency & Standards Inspection Usability Issues Covered Effectiveness: Yes Efficiency: No Satisfaction: No Quantitative Data is not collected. Can be conducted remotely. Works best on in house systems that have standards.

Feature, Consistency & Standards Inspection What is it? Feature, Consistency & Standards are inspected by an expert.

Feature, Consistency & Standards Inspection How can I do it? Feature Inspection The expert is given use cases/scenarios and asked to inspect the system. Consistency Inspection The expert is asked to inspect consistency within your application. Standards Inspection The expert is asked to inspect standards. Standards can be in house, government, etc.

Heuristic Evaluation A Closer Look At How To Evaluate Interfaces

A Closer Look At Heuristic Evaluation Evaluation is easier than design. The principles that drive design, drive evaluation as well.

5 Human Factors Principles 1.Language 2.Layout 3.Color 4.Tone & Etiquette 5.Special Considerations such as standards, disabilities, etc.

Evaluating Language What is the language? English, Chinese, Hindi, etc. Do the text messages convey a message? If so, what is the message? Is the text long, short, organized, etc.

Evaluating Layout Symmetry Is the interface symmetrical? Left-Right, Top-Bottom, Center Attention & Focus Where does your attention & focus go?

Evaluating Color Contrast Are the color contrasts good? What meanings do the colors convey? Pink … it’s a girl. Blue … it’s a boy.

Evaluating Tone & Etiquette Is the language offensive? Are the messages polite? Will the content offend anyone?

Evaluating Special Considerations Features, Consistency & Standards. Does it work the way it is suppose to work? Is it consistent? Does it follow the standards? Disabilities

Affordances, Mappings & Constraints Use Affordances, Mappings & Constraints to evaluate interfaces and products. Use Affordances, Mappings & Constraints to design interfaces and products.

Affordances Affordances refers to the perceived and actual properties of the “thing” that determine just how the “thing” could be used. The appearance of the “thing” tells you how to use it.

Mapping The relationship between two things, in most cases the mapping from digital world to real world. Metaphors and analogies.

Constraints Limitations on the product. Physical Constraints Those that limit our physical use of the product. Semantic Constraints Relies upon semantic meaning & knowledge. Example: automobile’s windshield faces forward, therefore, you drive the car facing the windshield.

Constraints Logical Constraints There are the obvious, yet logical constraints. You can’t see items outside of your screen’s view port. Cultural Constraints Things that are specific to the user’s culture. Example: Americans drive on the opposite side of the road versus Europeans and West Indians.

Evaluating Interfaces Look for 1.Affordances, Mappings & Constraints 2.Language 3.Layout 4.Color 5.Tone & Etiquette 6.Special Considerations such as standards, disabilities, etc.

5 Human Factors Principles 1.Language 2.Layout 3.Color 4.Tone & Etiquette 5.Special Considerations such as standards, disabilities, etc.