Chapter 15: Design and Evaluation in the Real World: Communicators and Advisory Systems Group 4: Tony Masi, Sam Esswein, Chris Troisi, Brian Rood.

Slides:



Advertisements
Similar presentations
Introducing evaluation. The aims Discuss how developers cope with real-world constraints. Explain the concepts and terms used to discuss evaluation. Examine.
Advertisements

Design, prototyping and construction
Chapter 11 Designing the User Interface
Chapter 4 Design Approaches and Methods
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
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.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
WHAT IS INTERACTION DESIGN?
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Human Computer Interaction
From requirements to design
Page16/2/2015 Sirlan Usage and usability considerations for SIRLAN solution success.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
1 User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo FJK 2005.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
Asking users & experts The aims Discuss the role of interviews & questionnaires in evaluation. Teach basic questionnaire design. Describe how do interviews,
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
1 Case Study: Starting the Student Registration System Chapter 3.
What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.
Design, prototyping and construction. Overview Prototyping and construction Conceptual design Physical design Tool support.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Chapter 13: Designing the User Interface
Spring /6.831 User Interface Design and Implementation1 Lecture 6: User-Centered Design GR1 (project proposal & analysis) released today, due.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Sofia Carlander Kinoshita Laboratory 2004/2005
Design of Handheld Devices
Rapid Prototyping Model
User Interface Theory & Design
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
The Software Development Cycle Defining and understanding the problem.
류 현 정류 현 정 Human Computer Interaction Introducing evaluation.
Predictive Evaluation
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Chapter 11: An Evaluation Framework Group 4: Tony Masi, Sam Esswein, Brian Rood, & Chris Troisi.
User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo FJK 2005.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
HCI Prototyping Chapter 6 Prototyping. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “prototyping” –Explain the.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
CSCD 487/587 Human Computer Interface Winter 2013 Lecture 3 HCI and Interactive Design.
3461P Crash Course Lesson on Usability Testing The extreme, extreme basics...
Computer Science Department California Polytechnic State University San Luis Obispo, CA, U.S.A. Franz J. Kurfess CPE/CSC 484: User-Centered Design and.
Chapter 3: Managing Design Processes
Software Architecture
Chapter 12: Introducing Evaluation. The aims To illustrate how observation, interviews and questionnaires that you encountered in Chapters 7 and 8 are.
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,
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
Chapter 12: Introducing Evaluation. The aims To illustrate how observation, interviews and questionnaires that you encountered in Chapters 7 and 8 are.
Chapter 1: What is interaction design?. Bad designs From:
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Human Computer Interaction
Different Types of HCI CLI Menu Driven GUI NLI
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
Systems and User Interface Software. Types of Operating System  Single User  Multi User  Multi-tasking  Batch Processing  Interactive  Real Time.
Introducing Evaluation Chapter 12. What is Evaluation?  Assessing and judging  Reflecting on what it is to be achieved  Assessing the success  Identifying.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 6 : User interface design
User-Centered Design and Development
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
Design, prototyping and construction
User interface design.
Design, prototyping and construction
Presentation transcript:

Chapter 15: Design and Evaluation in the Real World: Communicators and Advisory Systems Group 4: Tony Masi, Sam Esswein, Chris Troisi, Brian Rood

Introduction Text books make design and usability testing processes sound straightforward and step-by-step. This is never the case in real world applications. It is only when you become involved in the actual design project that the pressure, trade-offs, and demands influence the way the design project is carried out. In the real world, design and evaluation are VERY closely integrated. You don’t do one without the other.

Key Concepts Show how design and evaluation are brought together in development of interactive products Show how design and evaluation are brought together in development of interactive products Show how different combinations of design and evaluation methods are used in practice Show how different combinations of design and evaluation methods are used in practice Describe the various design trade-offs and decisions made in real-world situations Describe the various design trade-offs and decisions made in real-world situations

Key Issues The number of iterations through the design- evaluate cycle depend on the requirements of the project The number of iterations through the design- evaluate cycle depend on the requirements of the project Many practical issues and unexpected events must be dealt with by the design team Many practical issues and unexpected events must be dealt with by the design team No two projects are ever exactly the same; each will face a different set of constraints, demands, and crises No two projects are ever exactly the same; each will face a different set of constraints, demands, and crises

Real World Usability Cases - Florida Butterfly Ballot FasTap Keypad Some other usability case studies

Designing Mobile Communicators Nokia Nokia Communicator for adultsCommunicator for adults Philips Philips Communicator for childrenCommunicator for children

Background Mobile communicators are devices that commonly push the limits of technology. They combine many functions such as those listed to the right into one small device. Therefore, a key challenge is how to make these devices useable and affordable to most people. Send and receive telephone calls, , faxes, and other messages Send and receive telephone calls, , faxes, and other messages Keep contact info, journal entries, calendars, and other notes Keep contact info, journal entries, calendars, and other notes Watch stock and other finance reports Watch stock and other finance reports

Background Other considerations: Device should be small and lightweight Device should be small and lightweight Made of light materialsMade of light materials Small enough to fit in pocket or small bagSmall enough to fit in pocket or small bag Software must work with limited screen size and memorySoftware must work with limited screen size and memory What will user be doing while using the device? What will user be doing while using the device? Device should work in all conditionsDevice should work in all conditions Various noise levels Various noise levels Various lightings Various lightings Device should take little effort to operate so user can concentrate on other things at the same timeDevice should take little effort to operate so user can concentrate on other things at the same time like driving? like driving? Hands free mode?Hands free mode? Simple operations should be one-handedSimple operations should be one-handed Answer call Answer call Browse internet Browse internet

Background Other considerations: Device should account for distractions that may occur Device should account for distractions that may occur Interaction sequences should be easy to return to and continue after interruptionInteraction sequences should be easy to return to and continue after interruption Internet trade off: How long should the device remain connected?Internet trade off: How long should the device remain connected? Tasks tend to be time-critical, triggered by other people or events, relatively brief, low in terms of attention to be applied to the task, and very personal Tasks tend to be time-critical, triggered by other people or events, relatively brief, low in terms of attention to be applied to the task, and very personal Flow among tasks should be smoothFlow among tasks should be smooth Easy flow between related functions such as contact list and telephone functionEasy flow between related functions such as contact list and telephone function Must be simple and not involve much training (if any) Must be simple and not involve much training (if any) Needs to be robust and reliable Needs to be robust and reliable

Designing Nokia’s Mobile Communicator What kind of lifecycle? What kind of lifecycle? Iterative user-centered approachIterative user-centered approach Top level design concept cycle (Fig 15.2)Top level design concept cycle (Fig 15.2) Which methods to use? Which methods to use? Ethnographic researchEthnographic research Scenarios and task models (Fig 15.3, 15.4)Scenarios and task models (Fig 15.3, 15.4) Confidential product issues: Confidential product issues: First in the market is keyFirst in the market is key Evaluation must be very limitedEvaluation must be very limited No real usersNo real users

Physical aspects: Physical aspects: Screen sizeScreen size Number of buttons versus functionalityNumber of buttons versus functionality Soft keys with changing functions or values Soft keys with changing functions or values Hard coded keys that always return same value Hard coded keys that always return same value Consistency issues Consistency issues Internal consistency (within mobile software)Internal consistency (within mobile software) External consistency (with desktop software)External consistency (with desktop software) User testing User testing None before release (confidentiality)None before release (confidentiality) Summative testing & questionnaires afterSummative testing & questionnaires after Designing Nokia’s Mobile Communicator

Designing Philips’ communicator for children design cycle: iterative and evolutionary design cycle: iterative and evolutionary which methods: low-fidelity prototyping participatory design interface metaphors which methods: low-fidelity prototyping participatory design interface metaphors physical aspects: color, shape, size, robustness pen input bags to protect screen physical aspects: color, shape, size, robustness pen input bags to protect screen

Designing Philips’ communicator for children user involvement: children involved throughout prototypes evaluated constantly invaluable insights for the designers user involvement: children involved throughout prototypes evaluated constantly invaluable insights for the designers lessons learned: agree on assumptions in requirements think of follow-on projects early on users are not designers act quick and dirty if necessary lessons learned: agree on assumptions in requirements think of follow-on projects early on users are not designers act quick and dirty if necessary

Case study 2: A telephone response information system (TRIS) Interactive voice response systems are common in government offices and large companies. Do you know of examples that you have used? Interactive voice response systems are common in government offices and large companies. Do you know of examples that you have used? Why are these systems often so frustrating to use? Forming a mental model is difficult because there is no visual feedback and the user must remember the menu structure Why are these systems often so frustrating to use? Forming a mental model is difficult because there is no visual feedback and the user must remember the menu structure Many menus and deep menus are particularly difficult Many menus and deep menus are particularly difficult

Why was TRIS difficult to use? Having to remember the menu structure. Having to remember the menu structure. The programmers traded computational elegance for usability, e.g., the system asked for social security number and employee identification number, confusing users who did not have both. The programmers traded computational elegance for usability, e.g., the system asked for social security number and employee identification number, confusing users who did not have both. TRIS was comprised of different systems each with its own interaction style. Users were not told this but when they moved between the systems they experienced sudden, unexplained changes. TRIS was comprised of different systems each with its own interaction style. Users were not told this but when they moved between the systems they experienced sudden, unexplained changes.

How was TRIS evaluated? A combination of techniques were used: - a review of the literature provided information about problems with interactive voice response systems - expert reviews - GOMS analysis of the proposed redesign A combination of techniques were used: - a review of the literature provided information about problems with interactive voice response systems - expert reviews - GOMS analysis of the proposed redesign The redesign was implemented - usability tests confirmed that the redesigned system offered better usability than the original design The redesign was implemented - usability tests confirmed that the redesigned system offered better usability than the original design

Why was using different methods valuable? The evaluators were able to build-up a broad picture of usability problems. The evaluators were able to build-up a broad picture of usability problems. Using GOMS and heuristic evaluation they could explore the potential benefits of the redesigned system. Using GOMS and heuristic evaluation they could explore the potential benefits of the redesigned system. User testing enabled them to confirm that the redesigned system offered better usability. User testing enabled them to confirm that the redesigned system offered better usability. User satisfaction questionnaires confirmed that users preferred the redesigned system. User satisfaction questionnaires confirmed that users preferred the redesigned system.

Key points Design involves trade-offs Design involves trade-offs Design space for making changes when upgrading a product is limited Design space for making changes when upgrading a product is limited Cycles of rapid prototyping and evaluation allow designers to examine alternatives Cycles of rapid prototyping and evaluation allow designers to examine alternatives Simulations are useful when evaluating systems used by large numbers of people Simulations are useful when evaluating systems used by large numbers of people Piecing together evidence from a variety of sources can be valuable Piecing together evidence from a variety of sources can be valuable