Chapter 8: EvaluationCopyright © 2004 by Prentice Hall 8. Evaluation In this chapter you will learn about: The benefits of testing The differences between.

Slides:



Advertisements
Similar presentations
Microsoft® Word 2010 Training
Advertisements

MARKETPLACE TRANSITION FROM CLASSIC INTERFACE TO PHOENIX INTERFACE.
Welcome to the Online Employment Applicant Tutorial Click here for next screen.
Welcome to Famis From W&M home page – Search famis.
The Usability Test Process: Steps, tips, and more! Dr. Jennifer L. Bowie For Digital Rhetoric.
Dynamic Forms Designing Forms – Forms Basics
Chapter 13 Initiating the Sale
Web E’s goal is for you to understand how to create an initial interaction design and how to evaluate that design by studying a sample. Web F’s goal is.
Chapter 8: EvaluationCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
1 Web Site Design Customer Centered Design Principles Patterns and Processes Dr. Carl Rebman.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Opening a bank account.
thinking hats Six of Prepared by Eman A. Al Abdullah ©
Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
“Come on! Give me ten!” What users really want and really do on library web sites Darlene Fichter OLA Super Conference 2003.
INTROSE Introduction to Software Engineering Raymund Sison, PhD College of Computer Studies De La Salle University User Interface Design.
Software Life Cycle Conception precise specification of the project Incubation design of the project Birth implementation and coding according to design;
Usability By: Sharett Wooten and Gwen Payne. What is Usability Usability addresses the relationship between tools and their users. In order for a tool.
NAVIL GONZALEZ ANDREA CANTU MAGALY LUNA Heuristic Evaluation.
DMS 546/446 INTERFACE DESIGN AL LARSEN – SPRING 2008 PAPER PROTOTYPING Lecture draws from multiple sources, including: Jakob Nielsen, Shawn Medero (
Microsoft ® Office 2007 Training Security II: Turn off the Message Bar and run code safely presents:
Microsoft ® Office Word 2007 Training Create Your First Document ICT Staff Development presents:
Chapter 7: PrototypingCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Moodle (Course Management Systems). Assignments 1 Assignments are a refreshingly simple method for collecting student work. They are a simple and flexible.
Small-Scale Usability Testing “ Evolution Not Revolution” Darlene Fichter March 12, 2003 Computers in Libraries 2003.
Online Training for TEXAS TECH UNIVERSITY and TEXAS TECH HSC Hiring Managers Employment Office April 2003.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Evaluation The benefits of testing Testing: –Expert-based vs user-based Proper technique for conducting a user- based test Effective means of communicating.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
Microsoft Word Objective: Understand Basic Word/Word Processing Skills Lesson: Create and Save a New Document LOL: Understand/Apply Create your first Word.
What is USABILITY and why should I care? Adriana Corona, Senior Experience Designer User Experience & Web ITS MARCH.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
SE 204, IES 506 – Human Computer Interaction Lecture 7: Evaluating Interface Designs Lecturer: Gazihan Alankuş 1 Please look at the end of the presentation.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
I observed how he rent a movie from the redbox. I interviewed him. We re-designed the interface of the redbox together. Design of Everyday Objects with.
Persuasive Writing.
Interface Design Inputs and outputs –data flows to and from external entities –data flows into and out of processes that are manual or not fully automated.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
Top Ten Design Errors Creating User Friendly Applications User Experience Group Remedy, a BMC Software Company.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
Microsoft ® Word 2010 Training Create your first Word document I.
Textbook Recommendation Reports. Report purpose u Starts with a stated need u Evaluates various options –Uses clearly defined criteria –Rates options.
Some Thoughts On PROTOTYPE Form Design. You may place prompt over or to the left of the data-entry field; select one and be consistent. Name Tom PromptResponse.
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
ARTSYS Tutorial Welcome! If you are a first-time user, we strongly recommend that you go through the entire tutorial. Just single click or press the page.
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.
Web Page Design 2 Information Technology Web Page Design This presentation will explore: creating professional web sites page content interactivity & navigation.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Steps in Planning a Usability Test Determine Who We Want To Test Determine What We Want to Test Determine Our Test Metrics Write or Choose our Scenario.
1 Taking Notes. 2 STOP! Have I checked all your Source cards yet? Do they have a yellow highlighter mark on them? If not, you need to finish your Source.
Evaluation / Usability. ImplementDesignAnalysisEvaluateDevelop ADDIE.
NIMAC for Accessible Media Producers: February 2013 NIMAC 2.0 for AMPs.
Online Recruiting System Hiring Manager Presentation This presentation will take about 15 minutes. Click on your mouse to go to the next slide OR click.
JORDANHILL SCHOOL BLOG AND PODCAST TRAINING SESSION How to use ICT to enhance teaching and learning.
Open for Business: Website User Testing.
Katherine Prentice, MSIS Richard Usatine, MD
Year 7 E-Me Web design.
How to Use Members Area of The Ninety-Nines Website
Copyright © 2004 by Prentice Hall
Tips on good web site Design
Presentation transcript:

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall 8. Evaluation In this chapter you will learn about: The benefits of testing The differences between expert-based and user-based testing The proper technique for conducting a user-based test Effective means of communicating test results

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall The benefits of testing Usability sells, if the user has a choice— which is almost always The designer is poor choice to test own site; knows too much (Doesn’t have to search for buttons, because he put them there) Software development: no matter how carefully you planned, would you ship a product that had never been tested?

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Test early and often In traditional software development: use beta testing By then, most of the budget is spent Much more expensive to correct error than if it had been caught early Jared Spool: Bring in two users every week, throughout the development. Will uncover errors early. Then do full-scale testing as you near completion.

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Formative vs. summative evaluation Formative: during development Summative: at completion “When the cook tastes the soup in the kitchen, that’s formative evaluation; when the guests taste the soup at the dinner table, that’s summative evaluation.”

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Expert-based evaluation Why bother with user testing? Aren’t there experts who can look at your site and identify problems? Experts don’t have the characteristics of your users, whom you studied so carefully before starting

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Testing with paper prototypes As per Chapter 7 Need a test scenario

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Test scenario should state: Motives for performing the work What the user will be asked to do (actual data rather than generalities) The state of the system when a task is initiated Readouts of displays and printouts that the test users will see while performing the task

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Sample Motivation and end results: “Find a woman’s blue V-neck sweater for under $80.” State of system: Test user is at the site’s home page. First-time visitor; No data on file. Shopping cart is empty.

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Sample Displays include: Home page Ladies Apparel Department page Sweaters page Search dialog (in case test user decides to search for item rather than clicking on links) List of available sweaters that meet search criteria

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Create a prototype, as in Chapter 7

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Preliminaries Practice with a friend—but don’t include these results as part of the actual testing Recruit users Preferably not family or friends, because they normally will be trying not to offend you If must use family and friend, say something like, “You’ll be doing me a favor by finding mistakes here”

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Ideal layout for paper prototype testing

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Roles: Greeter Explains purpose of test Makes clear who is present, whether visible to user or not Says, “You are not being tested; the product is” (or some equivalent) Gets Informed Consent signed Offers refreshments At end, thanks user, pays ($$, cookies, T shirt)

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Informed consent Organization may have a prescribed form Main points to include: General purpose Participation is voluntary Results will be confidential There is no benefit to you, other than agreed- upon payment There is no risk to you 18 or over Signature and date

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Roles: Facilitator Only person who speaks to user during test Main job is to keep the user talking. This is the “Think Aloud” mode discussed in Chapter 3 User gets stuck, or stops talking. Don’t give clues, but: What are your options? What are you considering doing? If user asks for help, reflect the question back rather than answering the question At last resort, just say, “That’s fine. Let’s move on.”

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Facilitator (continued) Neutral demeanor at all times No signs of impatience: sighing, tapping pencil Never criticize, and think twice before praising You want the user’s attitude to be, “How can I find that sweater?” not, “What can I do to please the facilitator?” Let user struggle until totally stuck “Never complain; never explain.” If the interface requires explanation, you have learned that it is deficient.

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Roles: “Computer” In paper prototyping, the person who pulls down the menus, puts a new page in place, and so on Goes back to the original (1948) meaning of the word “computer,” which is why ACM stands for Association for Computing Machinery (Machinery? Wouldn’t Association for Computing Machinists make more sense?)

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Roles: Observer Says nothing Takes careful notes Consider using 3x5 or 5x7 index cards, so they can be sorted in evaluating the test

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall But... you can learn a lot with just one user and yourself You can be your own greeter Not ideal to combine roles of facilitator and observer, but lots of things aren’t ideal Jared Spool says, “Just do it.” Quotes Yogi Berra, “You can learn a lot just by watching.”

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Debriefing user: possible approaches Open-ended: “What did you like best/least about the site?” What improvements would you suggest? Closed-ended: multiple choice, Likert scale, recall of features Most of the useful information comes from the notes taken during testing

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Using results Sort note cards into categories, by type of problem encountered Correlate problem areas with prototype, especially site and page navigation Look at results in terms of your usability specifications

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Refining the design If no problems encountered, congratulations! Problems may call for redesign Easier to convince developers that rework is needed if they watched the test Or, if you videotaped, picked out a few sections for a summary of main problems

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Writing the Report Start with an executive summary Talk in terms of improvements, not criticism Don’t use terms “bad design” or “poor color combination” Instead suggest “moving icon from bottom of page to top left will make accessibility easier for user” “Black on white instead of white on black will be easier to read”

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Writing the Report Don’t state general design principles; give specifics Not “Difficulties with poor labeling confused user” Instead “Label ‘Upload logo’ was confusing to user; change to ‘Add logo’” Not “Take care in choosing colors” Instead “Red on green background is hard to read, consider red on white.

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Writing the Report Keep it short Prioritize recommendations Put testing procedures and raw data in an appendix if at all

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Optional: use the NIST Common Industry Format for Usability Test Reports NIST = National Institute of Standards and Technology, formerly the National Bureau of Standards Usability is so important that vendors and users asked the NIST to devise a common format A Word document containing a blank customizable form for a report can be downloaded Change the.htm extension to.doc to download the form

Chapter 8: EvaluationCopyright © 2004 by Prentice Hall Summary The benefits of testing The differences between expert-based and user-based testing The proper technique for conducting a user-based test Effective means of communicating test results Usability sells