James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task- centered walk-through Exercise: The Cheap Shop.

Slides:



Advertisements
Similar presentations
User problems, scenarios and storyboards
Advertisements

Mario Čagalj University of Split 2013/2014. Human-Computer Interaction (HCI)
Task-Centered User Interface Design CMPT 281. Outline What is TCUID? TCUID process Finding and working with users Developing task examples Evaluation.
Saul Greenberg Task-Centered System Design Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada Notice: some material in this.
© 2010 Bennett, McRobb and Farmer1 Use Case Description Supplementary material to support Bennett, McRobb and Farmer: Object Oriented Systems Analysis.
CPSC 481 Week 2 Fateme Rajabiyazdi. What are we doing today  Presentations – 8 minutes each team  Talk about project - phase 3 and 4  Library example.
Information System Engineering
James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task- centered walk-through Exercise: The Cheap Shop.
Human-Computer Interaction Design Principles & Task Analysis.
1 CS 544 Task Centered System Design How to develop task examples How to develop designs through a task-centered walkthrough Exercise: The Cheap Shop interface.
User-Interface Design Process Lecture # 6 1Gabriel Spitz.
SE 204 – Human Computer Interaction Lecture 4: Requirements Lecturer: Gazihan Alankuş Please look at the end of the slides for assignments (marked with.
James Tam An introduction into HCI: Task-Centered System Design A Brief Glimpse Into The Area Of Human-Computer Interaction An introduction into the area.
Saul Greenberg, James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise:
Saul Greenberg User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Task-Centered System Design How to develop task examples How to evaluate designs via task-centered walkthroughs Exercise: The Cheap Shop interface Slide.
CPSC 481 Foundations and Principles of Human Computer Interaction
Department of Computer Science
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task- centered walk-through Exercise: The Cheap Shop.
Saul Greenberg Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise: The Cheap.
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Graphical User Interfaces Design and usability Saul Greenberg Professor University of Calgary Slide deck by Saul Greenberg. Permission is granted to use.
Foundations and Principles of Human Computer Interaction Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as.
Inspection Methods. Inspection methods Heuristic evaluation Guidelines review Consistency inspections Standards inspections Features inspection Cognitive.
Administrivia Turn in ranking sheets, we’ll have group assignments to you as soon as possible Homeworks Programming Assignment 1 due next Tuesday Group.
Saul Greenberg, James Tam Task Centered Design: Background The Situation A small library has contracted you to build a computer system that will let librarians.
Saul Greenberg, James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise:
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
From Scenarios to Paper Prototypes Chapter 6 of About Face Defining requirements Defining the interaction framework.
Graphical Screen Design Part 1: Contrast, Repetition, Alignment, Proximity Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada.
Requirements Engineering Requirements Elicitation Process Lecture-8.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Requirements Validation CSCI 5801: Software Engineering.
Intermediate 2 Software Development Process. Software You should already know that any computer system is made up of hardware and software. The term hardware.
Systems Analysis and Design in a Changing World, Fourth Edition
User Interface Design & Usability for the Web Card Sorting You should now have a basic idea as to content requirements, functional requirements and user.
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Human Centric Computing (COMP106) Assignment 2 PROPOSAL 23.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
Software Engineering 1 Object-oriented Analysis and Design Chap 24 Iteration 2 More Patterns.
Requirements specification Why is this the first major stage of software development? –Need to understand what customer wants first Goal of requirements.
Saul Greenberg Task-Centered System Design How to develop task examples How to evaluate designs via task-centered walkthroughs Exercise: The Cheap Shop.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It describes what is a user doing or will.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It specifies what functions the user will need.
Designing Tasks Effectively role-playing as representative users This slide deck adapted by Caitlin Kelleher based on the original by Saul Greenberg. (Thank.
Observing the Current System Benefits Can see how the system actually works in practice Can ask people to explain what they are doing – to gain a clear.
Requirements Elicitation CSCI 5801: Software Engineering.
3M Partners and Suppliers Click to edit Master title style USER GUIDE Supplier eInvoicing USER GUIDE The 3M beX environment: Day-to-day use.
Getting Ready for the NOCTI test April 30, Study checklist #1 Analyze Programming Problems and Flowchart Solutions Study Checklist.
 System Requirement Specification and System Planning.
Saul Greenberg Task centered design: Background The Situation A small library has contracted you to build a computer system that will let librarians and.
Saul Greenberg Task-Centered System Design Lecture /slide deck produced by Saul Greenberg modified by Tony Tang Notice: some material in this deck is used.
Methodology Outline Task analysis User definition Conceptual design Semantic design Syntactic design Lexical design Documentation design Design.
Developing Tasks This slide deck was adapted by Caitlin Kelleher based on the original by Saul Greenberg. (Thank you Saul)
CMPE 280 Web UI Design and Development August 29 Class Meeting
Task-Centered Walkthrough
Task Analysis – Input to Interaction
Task-Centered System Design
Task-Centered System Design - Walkthrough
Effectively role-playing as representative users
Cognitive Walkthrough
Prototyping.
Cognitive Walkthrough
Customer Contract Management Scenario Overview
Developing Tasks This slide deck was adapted by Caitlin Kelleher based on the original by Saul Greenberg. (Thank you Saul)
User ScenarIOS.
Interface Design and Usability
Presentation transcript:

James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task- centered walk-through Exercise: The Cheap Shop interface The goal-centered approach

James Tam Cheap Shop Screen 1 Screen 2

James Tam Requirements Analysis: Focusing On The Software Designing for a faceless user: A pretend person that will magically change his or her abilities to adapt to your system (elastic)

James Tam Requirements Analysis: Focusing On The Person Determining who will be doing exactly what with your system Designing for Mary Hart: A real person with real constraints that is trying to get her job done (inelastic)

James Tam The Task-Centered Process Phase I: Identification Identify specific users (who) Articulate realistic example tasks (what) Phase II: Requirements Decide which of these tasks and which user group that the design will support in order to determine the requirements of the system Phase III: Design Base design representation and dialog sequences on the tasks Phase IV: Walkthrough Evaluations Using your design, walk through your scenarios in order to test the proposed interface

James Tam Phase I: Identification 1. Get in touch with real people who will be potential users of your system Identify a range of actual end users Extreme examples Prototypical examples Example users: Accountants

James Tam Phase I: Identification Spend time with them discussing how the system might fit in Determine who would be willing to talk to you about this? If you can’t get them interested, who will actually buy/use your system? Learn about the user’s tasks Articulate concrete, detailed examples of tasks they currently complete or those that they want to complete (ones that they currently can’t do but want to do with your system) Categorize the tasks -Routine -Infrequent but important -Infrequent and unimportant

James Tam Identify a broad coverage of users and task types The typical ‘expected’ user The occasional but important user The unusual user Phase I: Identification Accountant Support staff Manager Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks

James Tam Phase I: Identification Ways of getting information about users and their tasks Direct contact (ideal) Interview an intermediary (reasonable alternative) If all else fails.. Describe your expected set of users and expected set of tasks These will become your ‘assumed users and tasks’ Be sure that you verify this information and modify your assumptions accordingly OR

James Tam Phase I: Identification 2. Use the information about the users and their tasks to produce several task examples Task Examples: Are stories that describe the actual usage of the system as well as providing a detailed description of the person who is using that system. Image from USA Today

James Tam Phase 1: Identification Characteristics of good a task a)Says what the user wants to do but not how they would do it -No assumptions made about the interface -Can be used to compare different design alternatives in a fair way b)Are very specific -Says exactly what the user wants to do -Specifies actual items the user would eventually want to input (in some form) c)Describes a complete job -Forces designer to consider how interface features work together -Contrasts how information input/output flows through the dialog Do not: -Just create a simple list of things that the system should do -Present a goal independent of other goals

James Tam Phase I: Identification d)Says who the users are -Describe what they know -Name names, if possible -Reflects the real interests of real users -Find tasks that illustrate functionality in a person’s real work context

James Tam Phase I: Identification 3. Tasks are evaluated Circulate descriptions to users, and rewrite if needed -Ask users for: omissions corrections clarifications suggestions design implementationevaluation

James Tam Phase II: Requirements Which user types will be addressed by the interface? Designs can rarely handle everyone! Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks

James Tam Phase II: Requirements Which user types will be addressed by the interface? Designs can rarely handle everyone! Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Typical and routine tasks Infrequent but important tasks Infrequent and unimportant tasks Indicate why are particular users included or excluded?

James Tam Phase II: Requirements Which tasks will be addressed by the interface? Requirements listed in terms of how they address tasks -Absolutely must include: … -Should include: -Could include: … -Exclude:... Discussion includes why each requirement belongs in a particular category

James Tam Phase III: Design As Scenarios 1.Develop prototype interfaces around the user group and their tasks 2.Convert the tasks to scenarios

James Tam Phase III: Design As Scenarios (Tasks Vs Scenarios) Tasks Design independent Allows different ideas to be tried out (write up in Phase I) “ Millie Varunda is price-comparing the costs of a child’s bedroom set, consisting of a wooden desk, a chair, a single bed, a mattress, a bedspread, and a pillow all made by Furnons Inc. She takes the description and total cost away with her to check against other stores.” Scenarios Design specific Used to evaluate the effectiveness of a particular design (converted from the tasks in Phase III). “..Bob takes Millie’s list and walks over to the computer. He selects the first screen and selects the number field under the catalog item heading. Bob then types in into the input field and adjusts the spinner control to increase the number of items from default of 1 to the desired value of 3…”

James Tam Phase IV: Walk-Through Evaluation Scenarios are good for debugging an interface Usability debugging Algorithm for a walk through evaluation: 1. Select one of the scenarios 2. For each user’s step/action in the scenario: a) Can you build a believable story that motivates the user’s actions? b) Can you rely on user’s expected knowledge and training about system? c) If you cannot rely on the above then you’ve located a problem! -Once a problem is identified, either jot down a quick solution or assume that it has been repaired d) Go to the next step in the scenario

James Tam Example: The Cheap Shop Catalog Store In Cheap Shop, people shop by browsing the paper catalogs scattered around the store. When people see an item they want, they enter the item code and price from the catalog onto a form. Item code Amount

James Tam Example: The Cheap Shop Catalog Store People give this form to a clerk, who brings the item(s) from the back room to the front counter.

James Tam Example: The Cheap Shop Catalog Store People then pay for the items they want.

James Tam Cheap Shop Screen 1 Screen 2

James Tam Specifications To create an order -On screen 1, shoppers enter their personal information and their first order -Text is entered via keyboard -The tab or mouse is used to go between fields. Further orders -Shoppers go to the 2nd screen by pressing the Next Catalog Item button Order completion -Shoppers select ‘Trigger Invoice’. -The system automatically tells shipping and billing about the order -The system returns to a blank screen #1 To cancel order -Shoppers do not enter input for 30 seconds (as if they walk away) -The system will then clear all screens and return to the main screen Input checking -All input fields checked when either button is pressed. -Erroneous fields will blink for 3 seconds, and will then be cleared. -The shopper can then re-enter the correct values in those fields.

James Tam Roll ‘em out stroller. This well made but affordable Canadian stroller fits children between 1-3 years old. Its wheels roll well in light snow and mud. …$99.95 Red: Blue: Developing Task Examples: Cheap Shop Task example 1 Fred Johnson, who is caring for his demanding toddler son, wants a good quality umbrella stroller (red is preferred, but blue is acceptable). He browses the catalog and chooses the “Roll ‘em out” brand stroller (cost $99.95 item code ). He pays for it in cash, and uses it immediately. Fred is a first-time customer to this store, has little computer experience, and says he types very slowly with one finger. He lives nearby at #1109 Dalhousie Dr. N.W.

James Tam Developing Task Examples: Cheap Shop Discussion Fred has many properties of our typical expected user: -Many customers are first time shoppers, -A good number have no computer experience -A good number are poor typists. The task type is routine and important. -Many people often purchase only one item -A good number of those pay by cash -As with Fred, people often have a general sense of what they want to buy, but decide on the actual product only after seeing what is available.

James Tam Developing Task Examples: Cheap Shop Task example 2 Millie Varunda is price-comparing the costs of a child’s bedroom set, consisting of a wooden desk, a chair, a single bed, a mattress, a bedspread, and a pillow all made by Furnons Inc. She takes the description and total cost away with her to check against other stores. Three hours later, she returns and decides to buy everything but the chair. She pays by credit card, She asks for the items to be delivered to her daughter’s home at Sun Valley Drive S.W., in the basement suite at the back of the house. Millie is elderly and arthritic.

James Tam Developing Task Examples: Cheap Shop Discussion Like Millie, -A reasonable number of store customers are elderly, with infirmities that inhibit their physical abilities. -A modest number of them also enjoy comparison shopping, perhaps because they have more time on their hands or because they are on a fixed income. The task type is less frequent, but still important. -Although this would be considered a ‘major’ purchase in terms of the total cost, the number of items purchased is not unusual. -Delivery of large items is the norm -Most customers pay by credit card for larger orders.

James Tam Developing Task Examples: Cheap Shop Task example 3 Jim Tam, Ace Salesguy ™, is the sole salesperson in the store and has been given a list of 10 items by a customer who does not want to use the computer. The items are: -4 pine chairs, 1 pine table, 6 blue place mats, 6 “lor” forks, 6 “lor” table spoons, 6 “lor” teaspoons, 6 “lor” knives, 1 “tot” tricycle, 1 red ball, 1 “silva” croquet set After seeing the total, the customer tells Jim he will take all but the silverware The customer then decides to add 1 blue ball to the list. The customer starts paying by credit card, but then decides to pay cash. The customer tells Jim he wants the items delivered to his home the day after tomorrow. While this is occurring, 6 other customers are waiting for Jim. Jim is a new employee and this is the first time that he has worked the front counter alone

James Tam Developing Task Examples: Cheap Shop Discussion This task introduces the clerk as a system user. -Because the store has a high turnover in its staff, new employees such as Jim are also common. -Thus Jim reflects a ‘rare’ but important group of users. The task type is less frequent, but still important -The task, while complex, is fairly typical i.e., people making large numbers of purchases often ask the clerk to help them. -Similarly, clerks mention that customers often change their mind partway through a transaction i.e., by changing what they want to buy and/or by changing how they want to pay for it. -Customers, however, rarely give specific delivery dates, with most wanting delivery as soon as possible. -Lineups for clerks are common during busy times.

James Tam Walkthrough Template For Each Scenario Description of step Does the user have the knowledge/training to do this? Is it believable that they are they motivated to this? Comment / solution Scenario number: ____ No.

James Tam Goal-Centered System Design Goal Desired end condition Tend to be stable over time Task The intermediary process that you go through to achieve your goal. May change as technology and work patterns change over time.

James Tam Goal-Centered System Design Develop a Persona A precise and specific description of the user and what the person wishes to accomplish (goals) A pretend user developed from investigating the problem domain An alternative to the Task-centered approach See Allan Cooper ‘The inmates are running the asylum’

James Tam Goal-Centered System Design Develop a cast of characters A set 3 – 12 personas (1 will be the primary persona) Avoid elastic personas (be as specific and detailed as possible!)

James Tam Task-Based Vs. Goal-Based Approach Task-based Design is based on real users Can ask users for more info Goal-based Design is based on imaginary personas Avoids outlier cases Both Provide a focus for the design (resolve design conflicts)

James Tam You Now Know How to develop concrete task examples How to use task examples to motivate your designs How to evaluate designs through task-centered walkthroughs What is the goal-centered approach to system design and how it differs from the task-centered approach

James Tam Articulate: Who (users) What (tasks) User and task descriptions Goals: Methods: Products: Brainstorm designs Task centered system design Participatory design User- centered design Evaluate Psychology of everyday things (psych) User involvement (user) Representation & metaphors low fidelity prototyping methods Throw-away paper prototypes Participatory interaction Task scenario walk- through Refined designs Psych, User, Representations and metaphors Graphical screen design Interface guidelines Style guides high fidelity prototyping methods Testable prototypes Completed designs Alpha/beta systems or complete specification Field testing Interface Design And Usability Engineering Usability testing Heuristic evaluation This diagram is a variation of those presented by Saul Greenberg