CS160 Discussion Section 7 Midterm review David Sun March 13, 2007.

Slides:



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

Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Semester in review. The Final May 7, 6:30pm – 9:45 pm Closed book, ONE PAGE OF NOTES Cumulative Similar format to midterm (probably about 25% longer)
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 25, 2003.
CS160 Discussion Section Feb David Sun. Rapid Prototyping Interface builders can easily show the look-and- feel of a design but requires considerable.
3. Memory and Human Computer Interaction. Memory memory 4 The multi-store model of memory describes how the processes of the stage model of HCI are interconnected.
Paper Prototyping A tool for iterative design Wai Yong Low.
1 Heuristic Evaluation. 2 Interface Hall of Shame or Fame? Standard MS calculator on all Win95/98/NT/2000/XP.
Midterm Exam Review IS 485, Professor Matt Thatcher.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
Heuristic Evaluation IS 485, Professor Matt Thatcher.
CS160 Discussion Section Matthew Kam Feb 24, 2003.
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 13, 2001.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
From Scenarios to Paper Prototypes Chapter 6 of About Face Defining requirements Defining the interaction framework.
Mental Models and Affordances Professor: Tapan Parikh TA: Eun Kyoung Choe
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 12, 2002.
HCI revision lecture. Main points Understanding Applying knowledge Knowing key points Knowing relationship between things If you’ve done the group project.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
Discount Usability Engineering Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development March 2, 1999.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
User Characteristics & Design Principles Gabriel Spitz 1 Lecture # 11.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Heuristic Evaluation “Discount” Usability Testing Adapted from material by Marti Hearst, Loren Terveen.
1 440 Midterm Review Midterm in-class Tuesday, Nov 6.
Requirements Analysis
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
Multimedia Specification Design and Production 2013 / Semester 1 / week 9 Lecturer: Dr. Nikos Gazepidis
1 Cognitive Models CS 160, Spring 2004 February 18.
Allison Bloodworth, Senior User Interaction Designer, Educational Technology Services, University of California - Berkeley October 22, 2015 User Needs.
Human-Computer Interaction
INTERACTION DESIGN PROCESS Textbook: S. Heim, The Resonant Interface: HCI Foundations for Interaction Design [Chapter 3] Addison-Wesley, 2007 February.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
June 5, 2007Mohamad Eid Heuristic Evaluation Chapter 9.
Midterm Review Francis Li CS160 Midterm Review October 9, 2000.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Human Abilities 2 How do people think? 1. Agenda Memory Cognitive Processes – Implications Recap 2.
Project Sharing  Team discussions (15 minutes) –Share results of your work on the Project Scope Proposal –Discuss your choice of methods and results –Prepare.
FireWall See the fire from the inside Corey Chandler Eddie Leung Doantam Phan Michael Toomim.
EVALUATION PROfessional network of Master’s degrees in Informatics as a Second Competence – PROMIS ( TEMPUS FR-TEMPUS-JPCR)
CS160 Discussion Section 6 Task Analysis Postmortem David Sun March 06, 2007.
SBD: Information Design
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Wednesday Running A Paper Prototyping Session Paper Prototyping Video: Paper.
1 CS 490JL Midterm Review Midterm in-class Tuesday, October 26 With thanks to Wai-Ling Ho-Ching.
Oct 211 The next two weeks Oct 21 & 23: Lectures on user interface evaluation Oct 28: Lecture by Dr. Maurice Masliah No office hours (out of town) Oct.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Tuesday CS 321 Human-Computer Interaction Paper Prototyping Video: Paper Prototyping.
6.S196 / PPAT: Principles and Practice of Assistive Technology Wed, 19 Sept Prof. Rob Miller Today: User-Centered Design [C&H Ch. 4]
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Midterm in-class Tuesday, Nov 6
Wrapping up prototyping
Heuristic Evaluation 3 CPSC 481: HCI I Fall 2014
Professor John Canny Spring 2003
Professor John Canny Fall 2004
Professor John Canny Fall 2001 Sept 27, 2001
Cognitive Models CS 160, Spring 2003 February 24, /11/2002
Miguel Tavares Coimbra
Miguel Tavares Coimbra
Professor John Canny Fall 2001 Sept 25, 2001
Miguel Tavares Coimbra
Professor John Canny Spring 2003 Feb 26
Presentation transcript:

CS160 Discussion Section 7 Midterm review David Sun March 13, 2007

Assignment Concerns

Contextual Inquiry Explain the model of interaction between designer and user in contextual inquiry and contrast it with interviewing

In contextual inquiry, the designer and user behave in a master-apprentice fashion, such that the designer learns about the user’s tasks in order to understand them. The user explains how he carries out his work as he performs them, in front of the designer, at the user’s workplace. On the other hand, an interview becomes a question-and-answer process such that the user ceases to perform and explain his ongoing work. Contextual Inquiry

(continued) (You should be able to describe the four principles of contextual inquiry, how the master-apprentice model differs from the interviewer-interviewee, expert-novice, and host-guest models, the importance of task analysis, as well as a solid understanding of how contextual inquiry relates to task analysis and iterative design.) Beyer & Holtzblatt reading:

Human Centered Design In Human-Centered Design, at what stages of the design process should the customer or representative users be involved?

Task analysis, usability testing using prototypes, and tracking use. (This question is vague. Each designer has a different conceptualization of the exact stages in the task-centered design process, and the boundaries between stages are somewhat blur.) (Know not only the stages in which users are involved, but also how they are involved at each stage). Human Centered Design

Human Model Processor Briefly explain what each of the 5 main parts of the human model processor does.

Human Model Processor Three interacting subsystems –Perceptual, motor, cognitive –Serial in action, parallel in recognition. Memory stores: –Working memory: visual image and auditory image store; finite storage, fast decay time, physical encoding. –Long-term memory: infinite storage, no decay, semantic encoding, knowledge is stored by associations. –Working memory = activated portions of long- term memory.

Recognition vs. Recall Why is recognition preferred over recall?

Recognition vs. Recall Recall requires the user to reproduce information from long term memory –the ease of which differs from user to user depending on how the information was originally encoded and stored. Recognition presentation of info provides knowledge that info has been seen before –easier because of cues to retrieval

Structural vs. Functional Models Contrast structural and functional models.

Structural vs. Functional Models A structural model explains what the system does independent of use (it’s a system centered model) functional model explains what the system does to assist a user’s task (it’s a user- centered model).

Metaphors List two (good) user interface metaphors

Metaphors Desktop metaphor: –Directories are like folders –Files are like sheets of paper –Windows are like ?: –Menus are like menus –Deleting is like putting in the trash –Running an application program is like opening the doc. –Copy to buffer and restore is like cut-and- paste

Metaphors Other plausible questions: –Describe some of the difficulties/issues associated with the use of metaphors in interface design. –Give examples of some bad interface metaphors…

Conceptual Models Other than from a metaphor, where else do conceptual models come from?

Conceptual Models Other existing systems, and social-cultural norms. (Make sure that you also understand how conceptual models are an improvement over metaphors, and the significance of composite metaphors.)

Lo-fi Prototyping Give two advantages of rapid prototyping.

Lo-fi Prototyping Less time spent in coding. Forces designers and users to focus on the big picture: design of metaphors and mental models to facilitate uncovering major usability problems at early stages of interface design. (There are several other advantages of rapid prototyping and you should be aware of them. You should also understand the relative strengths and weaknesses between lo-fi and hi-fi prototyping) Rettig: “Prototyping for Tiny Fingers”

Heuristic Evaluation Process What are some of the advantages of heuristic evaluation? How many testers is a reasonable number in a heuristic evaluation? Why?

Heuristic Evaluation Advantages: –Cheap no special labs or equipment needed the more careful you are, the better it gets –Fast on order of 1 day to apply standard usability testing may take a week –Easy to use can be taught in 2-4 hours Small set (3-5) of evaluators examine UI –independently check for compliance with usability principles (“heuristics”) –different evaluators will find different problems –evaluators only communicate afterwards findings are then aggregated Can perform on working UI or on sketches

Heuristic Evaluation Process Describe how to perform a heuristic evaluation.

How to Perform Evaluation At least two passes for each evaluator –first to get feel for flow and scope of system –second to focus on specific elements If system is walk-up-and-use or evaluators are domain experts, no assistance needed –otherwise might supply evaluators with scenarios Each evaluator produces list of problems –explain why with reference to heuristic or other information –be specific and list each problem separately

Results of Using HE (cont.) Single evaluator achieves poor results –only finds 35% of usability problems –5 evaluators find ~ 75% of usability problems –why not more evaluators???? 10? 20? adding evaluators costs more many evaluators won’t find many more problems

More Questions Explain briefly why personas are useful for design. Why is user-interface design based on iterative refinement, rather than detailed specification?

(continued) How should budget usability methods be combined with user studies? Give some advantages of the master- apprentice model for contextual inquiry over other kinds of user questioning.

(continued) Which of the following statements best describes contextual inquiry? Circle all that apply. –a) A way of mastering how to perform the users’ tasks –b) A way of uncovering usability problems in a prototype –c) A way of understanding the users’ needs and work practices

More tips Make sure that you are aware of the major developments in the history of Human- Computer Interaction, and the pioneers who were responsible for these advances. Know what are the main stages of the human centered design cycle. Be sure that you understand Nelson’s heuristics and practice applying them in analyzing an interface design (you should get plenty from your assignment)

Administrivia Wed 3/21 Midterm Tue 2/20 Section: –Run as last-minute Q&A session. –Bring your questions.