1 CSE 3345 User interface design A software engineering perspective Chapter 1: Usability.

Slides:



Advertisements
Similar presentations
Cultural Heritage in REGional NETworks REGNET Project Meeting Content Group Part 1: Usability Testing.
Advertisements

Snejina Lazarova Senior QA Engineer, Team Lead CRMTeam Dimo Mitev Senior QA Engineer, Team Lead SystemIntegrationTeam Telerik QA Academy Telerik QA Academy.
 1 Notes from Heim Chapter 8 and
Søren Lauesen 1942Born August 10th 1958(Denmark’s computer runs) 1960High-school certificate 1962Employed at Regnecentralen 1965Masters, math-physics 1969External.
Chapter 14: Usability testing and field studies. 2 FJK User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept.
Web Site Design: Learn from Observing Your Customers Web Site Design Panel Web Site Strategy and Tactics Workshop Yaffe Center, University of Michigan.
Automating Tasks With Macros
User interface design A software engineering perspective Soren Lauesen Slides for Chapter 1 November 2004 © 2005, Pearson Education retains the copyright.
User Interface Testing. Hall of Fame or Hall of Shame?  java.sun.com.
Usability Inspection n Usability inspection is a generic name for a set of methods based on having evaluators inspect or examine usability-related issues.
A software engineering perspective
Design and Evaluation of Iterative Systems n For most interactive systems, the ‘design it right first’ approach is not useful. n The 3 basic steps in the.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Analytical Evaluations 2. Field Studies
 QUALITY ASSURANCE:  QA is defined as a procedure or set of procedures intended to ensure that a product or service under development (before work is.
1 CSc Senior Project Software Testing. 2 Preface “The amount of required study of testing techniques is trivial – a few hours over the course of.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
Creating UIs Usability Testing. How to create a UI? Plan TestDesign.
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.
Evaluation IMD07101: Introduction to Human Computer Interaction Brian Davison 2010/11.
User Interface Theory & Design
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Predictive Evaluation
What is Software Engineering? the application of a systematic, disciplined, quantifiable approach to the development, operation, and maintenance of software”
Chapter 8: Systems analysis and design
Output and User Interface Design
Interacting with IT Systems Fundamentals of Information Technology Session 5.
Formative Evaluation cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of stakeholders,
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Software Development Software Testing. Testing Definitions There are many tests going under various names. The following is a general list to get a feel.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley The Resonant Interface HCI Foundations for Interaction Design First Edition.
1 CSE 3345 User interface design A software engineering perspective Chapter 2: Prototyping and Iterative Design.
SEG3120 User Interfaces Design and Implementation
INFS 6225 Object-Oriented Systems Analysis & Design Chapter 10: Human Computer Interaction Layer.
Copyright (c) Cem Kaner. 1 Software Testing 1 CSE 3411 SWE 5411 Assignment #1 Replicate and Edit Bugs.
Software Development Process.  You should already know that any computer system is made up of hardware and software.  The term hardware is fairly easy.
Slides for User interface design A software engineering perspective Soren Lauesen 2. Prototyping and iterative design August 2006 © 2005, Pearson Education.
Introduction to Software Testing. Types of Software Testing Unit Testing Strategies – Equivalence Class Testing – Boundary Value Testing – Output Testing.
Evaluation of User Interface Design 4. Predictive Evaluation continued Different kinds of predictive evaluation: 1.Inspection methods 2.Usage simulations.
Software Testing and Quality Assurance Software Quality Assurance 1.
Intermediate 2 Software Development Process. Software You should already know that any computer system is made up of hardware and software. The term hardware.
User interface design A software engineering perspective Soren Lauesen Slides for Chapter 1 November 2004 © 2005, Pearson Education retains the copyright.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Software Engineering User Interface Design Slide 1 User Interface Design.
CSE 3345 User interface design A software engineering perspective Chapter 8: Prototypes and Defect Correction.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Usability Engineering Dr. Dania Bilal IS 582 Spring 2006.
EVALUATION PROfessional network of Master’s degrees in Informatics as a Second Competence – PROMIS ( TEMPUS FR-TEMPUS-JPCR)
Usability Engineering Dr. Dania Bilal IS 592 Spring 2005.
Intermediate 2 Computing Unit 2 - Software Development.
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
Cognitive Walkthrough More evaluating with experts.
Evaluating Requirements
Fall 2002CS/PSY Predictive Evaluation (Evaluation Without Users) Gathering data about usability of a design by a specified group of users for a particular.
Creating interfaces Multi-language example Definition of computer information system VoiceXML example Project proposal presentations Homework: Post proposal,
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Usability Engineering Dr. Dania Bilal IS 582 Spring 2007.
Usability Engineering Dr. Dania Bilal IS 587 Fall 2007.
Slides for User interface design A software engineering perspective Soren Lauesen 13. More on usability testing August 2006 © 2005, Pearson Education retains.
SurveyDIG 2.1 Tutorial. Tutorial Contents Introduction Introduction Item Groups Item Groups –Creating new Groups –Naming Convention –Searching/Editing.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Day 8 Usability testing.
A software engineering perspective
Usability engineering
A software engineering perspective
COMP444 Human Computer Interaction Usability Engineering
Formative Evaluation cs3724: HCI.
Presentation transcript:

1 CSE 3345 User interface design A software engineering perspective Chapter 1: Usability

2 User Interface The User Interface is the part of the system that you see, hear and feel. –The UI accepts commands, displays results and displays status Technical Interfaces may exist between various SW and HW components and do not involve the (human) user. Software engineers are notorious for putting more emphasis on TI design than on UI design. They are both equally important.

3 Courses? Manual? Fig 1.1A System interfaces System Hotline? User interfaces Accounting system Technical interfaces Factory

4 User Interface All interactive computer systems should be easy to use. That is to say they have high usability. Contrary to popular belief, usability can be defined and measured. Quality factors in IT systems –correctness –availability –performance –security –ease of use (usability) –maintainability

5 All factors important. Hard to measure, but possible. Fig 1.1B Quality factors Easy to make a user interface: Just give access to the database Hard to make a good user interface Quality factors: Correctness Availability Performance Security Ease of use Maintainability... Functionality: Necessary features see, edit create, delete Database

6 Usability Factors Usability consists of six factors –Fit for use (supports the user’s needs) –Ease of learning –Task efficiency –Ease of remembering –Subjective satisfaction –Understandability (can the user formulate an accurate mental model) A dilemma - Usability is most accurately measured once the system is completed. Unfortunately, it is usually too expensive to make major changes at that stage of the project.

7 Max three menu levels On-line help Windows standard ?? Fig 1.2 What is usability? Usability factors: a.Fit for use (adequate functionality) Ease of use: b.Ease of learning c.Task efficiency d.Ease of remembering e.Subjective satisfaction f.Understandability Measurable Priorities vary Responsibility? Programmers? Other developers? User department? Game programs: a.??

8 Usability Problems A usability problem is anything that hampers the user in carrying out a task. –A usability problem is a special kind of defect Usability problems are just as serious as other types of defects Systems with usability problems cannot be successfully mass marketed

9 Examples: The system works as intended by the programmer, but the user: P1.Cannot figure out how to start the search. Finally finds out to use F10. P2. Believes he has completed the task, but forgot to push Update. P3. Sees the discount code field, but cannot figure out which code to use. P4. Says it is crazy to use six screens to fill in ten fields. P5.Wants to print a list of discount codes, but the system cannot do it. Fig 1.3 Usability problems Severity classes: 1Missing functionality 2Task failure 3Annoying 4Medium problem (succeeds after long time) 5Minor problem (succeeds after short time) Critical problem = Missing functionality, task failure, or annoying

10 Usability Testing Usability testing involves non-traditional testing techniques such as … –Think-aloud test –Real system tests –Prototypes and mock-ups Test team members … –facilitator –log keeper –observer (optional support member) –user (actual user(s), not a developer)

11 Purpose: Find usability problems Fig 1.4 Usability test - think aloud User Performs tasks Thinks aloud Logkeeper Listens Records problems Facilitator Listens Asks as needed I try this because... User doesn’t notice...

12 Plan test Test-users: choose actual users not IT professionals Test-tasks: choose realistic scenarios the the users will encounter in the real world Study system yourself: testers are not usually part of the actual design effort Carry out test Explain purpose: -Find problems when using the system -System’s fault - not yours Give task - think aloud, please Observe, listen, note down Ask cautiously: -what are you looking for? -why... ? Help users out when they are surely lost Report test results List the usability problems - within 12 hours (Fig 1.4 cont.)

13 Heuristic Evaluation With heuristic evaluation a usability specialist reviews the user interface for perceived faults. Problem with HE: usability specialists are not true users. –What a usability specialist perceives as a problem a true user may not. –What a true users perceives as a problem may not be a problems to a usability specialists. Heuristic evaluation is not a substitute for usability testing.

14 Purpose: Find usability problems Usability specialist looks at system using common sense and/or guidelines The specialist lists problems (Consults with other experts) Fig 1.5 Heuristic evaluation First law of usability: Heuristic evaluation has only 50% hitrate Actual problems Predicted problems False problems Missed problems Expert - reviewer

15 Usability Measurements and Requirements All software systems are developed to meet a set of requirements. Types of requirements.. Functional requirements Non-functional requirements Usability requirements Usability requirements must be stated using a metric that can be tested against. Typical metrics… Time for user to complete task (aka performance measurement) Problem count (the number of problems a user encounters while carrying out a task) Key stroke count (not always helpful) Opinion poll

16 ATM Users:20 bank customers, random selection. Task 1:Withdraw $100 from ATM. No instructions. Measure:How many succeed in 2 min? Task 2:Withdraw as much as possible ($174) Measure:How many succeed in 5 min? Reqs:Task 1: 18 succeed. Task 2: 12 succeed. How to measure What to measure Requirement - target Fig 1.6A Measuring usability - task time (performance) Pros:Classic approach. Good when buying. Cons:Not good for development. Not possible early. Little feedback. Internal ordering system Users:5 secretaries in the company. Have tried the internal ordering system. Have not used it for a month. Task 1:Order two boxes of letter paper +... Measure:Average time per user. Reqs:Average time below 5 min. What to measure Risky!

17 Users:20 bank customers... Measure:In 2 min? Reqs:Task 1: 18 succeed. Task 2: 12 succeed. Fig 1.6B Choosing the numbers Why 20? Cost versus reliability. During development: One, later two, later... Why 2 mins? Best practice, ideal way... Why 18? 90% of customers should succeed. Task 2 harder. Open target Reqs:18 out of 20 must succeed within ____ min. We expect around 2 min. Specify how, what, and expectations. Wait and see what is possible.

18 Users:3 potential users. Think-aloud test. Record usability problems. Task 1:Order two boxes of letter paper +... Task 2:... Measure:Number of critical problems per user. Number of medium problems on list. Reqs:Max one user encounters critical problems. Max 5 medium problems on the list. What to measure Requirement Fig 1.6C Measuring usability - Problem counts Pros:Possible early - mockup sufficient. Good feedback to developers. Cons:Best for ease of learning. Only indications for other factors. How to measure

19 Task 1:Withdraw a standard amount from ATM. Task 2:... Measure:Number of keystrokes and mouse clicks. Reqs:Max keystrokes 6 - incl. PIN code. Total system response time max 8 s. How to measure What to measure Requirement Fig 1.6D Measuring usability - Keystroke counts Pros:No users needed. Possible early - mockup sufficient. Cons:Not sure users find the fast way. Only task efficiency. Total task time s3.6 s total system response time 8.0 s Total task time11.6 s Plus other user actions?

20 Ask 20 novice users to complete the questionnaire. Measure:Count number of entries per box. Reqs:80% find system easy to learn. 50% will recommend it to others. How to measure What to measure Requirement Fig 1.6E Measuring usability - Opinion poll Pros:Widely used. You may ask for any usability factor. Cons:Doesn’t match objective evidence. Only indications during development. Little feedback to developers. Questionnaire agreeneutraldisagree The system was easy to learn The system is easy to use The system helps me... It is fun to use I will recommend it to others

21 Opinion Polls Second law of usability: There is little correlation between subjective satisfaction and objective performance (evidence). Subjective satisfaction can be influenced by external factors. –The gender of the tester –Personal issues at home –Degree of job satisfaction –Friendliness of tester –Testing environment (are coffee and snacks available?) SOFTWARE USABILITY MEASUREMENT INVENTORY –SUMI Questionnaire ExampleSUMI Questionnaire Example

22 Ask 5 potential ATM users what these error messages mean: Amount too large PIN code invalid... Ask them also: What would the system do if... Measure:Assess answers on scale A-D. Reqs:80% of answers marked A or B. How to measure What to measure Requirement Fig 1.6F Measuring usability - Score for understanding Pros:Easy way to test understandability. Best way to cover error messages. Useful both early and late in development. Cons:Only measures understandability..

23 Ask an expert to review the user interface and identify deviations from guideline X. (Or ask two experts to come up with a joint list.) Measure:Number of deviations per screen. Reqs:At most one deviation per screen. How to measure What to measure Requirement Fig 1.6G Measuring usability - Guideline adherence Pros:Adherence helps users switch between systems. Company-specific guidelines for internal systems can help even more. Cons:Cannot guarantee high usability. Developers find guidelines hard to follow - examples help best.

24 Fig 1.6H Which usability measure? Task time Problem counts Keystroke counts Opinion poll Score for underst. Guidelines Fit for use Ease of learning Task efficiency Ease of remember Subjective satisf. Understandability ?? Highly useful Some use Indications only Development, early Development, late Buying a system The bottom line: There is no single best usability measurement, a combination of complementary measurements is required, and that combination will vary from project to project.