This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name:

Similar documents
Usability. CSE 331 Spring Slides originally from Robert Miller

Plenty to choose from. Help designers choose design alternatives Help evaluators find problems in interfaces (heuristic evaluation)

Fall UI Design and Implementation 1

Lecture 14: Heuristic Evaluation. Fall UI Design and Implementation 1

Announcements. Usability. Based on material by Michael Ernst, University of Washington. Outline. User Interface Hall of Shame

MIT GSL week 4 Wednesday. User Interfaces II

Heuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008

Today s hall of fame or shame candidate is the Domino s Pizza build-your-own-pizza process. You can try it yourself by going to the Domino s website

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name:

Lecture 22: Heuristic Evaluation. UI Hall of Fame or Shame? Spring User Interface Design and Implementation 1

Design Heuristics and Evaluation

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

HCI and Design SPRING 2016

Additional reading for this lecture: Heuristic Evaluation by Jakob Nielsen. Read the first four bulleted articles, starting with How to conduct a

HUMAN COMPUTER INTERACTION

Lecture 9: UI Software Architecture. Fall UI Design and Implementation 1

Heuristic Evaluation Gempots.com

Analytical Evaluation

Our Hall of Fame or Shame candidate for today is the command ribbon, which was introduced in Microsoft Office The ribbon is a radically

Output models Drawing Rasterization Color models

CSE 403: Software Engineering, Fall courses.cs.washington.edu/courses/cse403/16au/ User Interfaces. Emina Torlak

Human-Computer Interaction: An Overview. CS2190 Spring 2010

CSE 331 Software Design & Implementation

Lecture 6: Output. Fall UI Design and Implementation 1

Part 1: Basics. Page Sorter:

Automatic layout Constraints Model-based UI. Declarative programming. Procedural programming. Saying what you want. Saying how to achieve it

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web

Lecture 14: Heuristic Evaluation

SketchUp Tool Basics

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

Human-Computer Interaction IS4300

CHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface

Jakob Nielsen s Heuristics (

Seng310 Lecture 8. Prototyping

We will talk about Alt-Tab from the usability perspective. Think about: - Is it learnable? - Is it efficient? - What about errors and safety?

User Interface Evaluation

Lecture 11: Toolkits. Fall UI Design and Implementation 1

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003

3 Evaluating Interactive Systems

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV

Fall UI Design and Implementation 1

Introduction to Microsoft Publisher

UNIVERSITY OF CALIFORNIA AT BERKELEY. Name:

Shape and Line Tools. tip: Some drawing techniques are so much easier if you use a pressuresensitive

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Lecture 10 Usability

Design, prototyping and construction

UX Design Principles and Guidelines. Achieve Usability Goals

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Bb Collaborate. Virtual Classroom and Web Conferencing

Interaction Design. Task Analysis & Modelling

2 SELECTING AND ALIGNING

Hyper Mesh Code analyzer

Java Swing Introduction

Chapter 15: Analytical evaluation

Quality Assurance User Interface Modeling

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

PowerPoint 2003 for Windows Version Technology Workshop: Basic PowerPoint Animation for Music Presentations

User Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics.

Excel Rest of Us! AQuick Reference. for the. Find the facts you need fast. FREE daily etips at dummies.com

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Editing and Formatting Worksheets

ORGANIZING YOUR ARTWORK WITH LAYERS

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

CHAPTER 1 COPYRIGHTED MATERIAL. Getting to Know AutoCAD. Opening a new drawing. Getting familiar with the AutoCAD and AutoCAD LT Graphics windows

3 Prototyping and Iterative Evaluations

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

Using Graphics. Digital Camera. Auto Shapes

CS 4300 Computer Graphics

Human-Computer Interaction IS4300

10 Usability Heuristics by Nielsen; Lazada and Shopee Review

Heuristic Evaluation of NUIG Participate Module 1

Usability. HCI - Human Computer Interaction

Output in Window Systems and Toolkits

Model-view-controller View hierarchy Observer

How to lay out a web page with CSS

Design, prototyping and construction

10/23/2008. CSG 170 Round 6. Prof. Timothy Bickmore. Quiz. Open book / Open notes 15 minutes

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

User-Centered Design. Jeff Bos, Design Insights BlackBerry

2.2 - Layouts. Bforartists Reference Manual - Copyright - This page is Public Domain

Wanderlust Kye Kim - Visual Designer, Developer KiJung Park - UX Designer, Developer Julia Truitt - Developer, Designer

Application development process. Interaction Design Principles

SE 204, IES 506 Human Computer Interaction

Drawing Tools. Drawing a Rectangle

Power Point 2000 Level 1

MICROSOFT WORD 2010 Quick Reference Guide

Interaction Style Categories. COSC 3461 User Interfaces. Windows. Window Manager

SEPA diary Heuristic evaluation

WIMP Elements. GUI goo. What is WIMP?

Transcription:

6.831 User Interface Design & Implementation Fall 2004 Quiz 1 This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name: 1. (3 points) Which of the following are measurable dimensions of usability? (check all that apply) _X_ Learnability _X_ Efficiency Price _X_ Error rate _X_ Response time _X_ Satisfaction 2. (3 points) Assuming all of the following statements are true, which is least likely to be revealed by user and task analysis? A. Files are rarely renamed. B. A car must be washed before it can be waxed. C. The 3D game interface you ve designed makes some users nauseous. D. Some users know the model number of the product they want. E. A restaurant kitchen is a noisy place. Choose one: C User testing might reveal the nausea problem after you ve built the interface. But user and task analysis precedes construction of the interface. 3. (4 points) Louis Reasoner says, People can t keep more than 7+/-2 letters in working memory. In what sense is he right, and in what sense is he wrong? Working memory does store 7 +/- 2 chunks, and a letter is one kind of chunk. But chunks aren t always letters. A person might be able to rearrange many letters into a few memorable chunks e.g., words.

For the questions on this page, suppose you re going to design and implement an alarm clock especially for blind users. 4. (3 points) Give one reason in favor of using the waterfall model in this case, and one reason in favor of iterative design. Alarm clocks are well-understood devices with many decades of iteration behind their requirements and user interfaces, so a waterfall model might be reasonable for an alarm clock. But an alarm clock designed for blind users may be less well-understood, and the developers (who probably aren t blind) may not be as familiar with a blind person s requirements and capabilities. 5. (3 points) Explain what participatory design means in this case. A blind person is an active participant on the design team, not just a test subject. 6. (3 points) Describe how a low-fidelity prototype might be made for this case. Physical materials like cardboard, styrofoam, or clay for prototyping the feel and tactile output of the alarm clock. Sound effects like bells or human voice to prototype the audio interface.

7. (3 points) Give one way that the Olympic Message System used iterative design. The user manual underwent 200 iterations. 8. (3 points) User-centered design is defined by three principles, one of which is iterative design. What are the other two principles? (1) early focus on users; (2) continual evaluation. 9. (3 points) List at least two different user classes of a conventional coin-operated soda machine. One possible answer: soda buyers, and the machine s loader.

10. (4 points) Name the parts of the MVC pattern and give the primary responsibility of each part. Model: responsible for application data View: responsible for display Controller: responsible for handling input 11. (3 points) List all the places that the observer pattern appears in the MVC pattern. View is an observer of the model. Controller is (sometimes) an observer of the model. 12. (4 points) List three ways that the view hierarchy is used in a GUI toolkit. Output: automatic redraw, automatic clipping, z-order, coordinate systems Input: event dispatch and propagation. Automatic layout.

13. (3 points) Which of the following are related to working memory? (check all that apply) X Elaborative rehearsal X Maintenance rehearsal Perceptual fusion Open-loop motor control X Chunking 14. (4 points) Assuming the mouse pointer starts at point M, rank the buttons A, B, C, and D by speed of access. B slowest D C A fastest M A B C D 0 2 4 5 7 9 15 16 24 15. (3 points) Color blindness is caused by a problem in the A. Lens B. Retina C. Iris D. Aqueous humor Choose one: B

The questions on this page use the view hierarchy shown below. The hierarchy is shown on the left, and its screen appearance is shown on the right. A A B C D E D E C B 16. (4 points) The mouse button is pressed somewhere inside E. List the views that can receive this mouse-press event, in order. E, D, A. 17. (4 points) Suppose view E moves in such a way that its x coordinate doubles. (Assume that the toolkit is Swing, and that view A fills the entire screen.) List the views that are redrawn, in the order that they are drawn. Be careful! When E s x coordinate doubles it moves outside its parent s bounding box, so it is clipped no longer visible on the screen. Thus the only damaged part of the screen is E s original location, which requires redrawing (in order): A, C, D.

18. (3 points) Ben Bitdiddle complains that his user interface flickers when the user drags objects around the screen. Which technique can he use to fix this problem? A. Double-buffering B. Antialiasing C. Subpixel rendering D. Event coalescing E. Alpha compositing Choose one: A 19. (4 points) Draw the HSV color model and label each dimension with its full name. See the Lecture 5 notes. 20. (3 points) Give two ways that the Unix rm command (which deletes files) fails to meet the definition of a direct manipulation interface. (1) no continuous visible representation (2) doesn t use physical actions or presses of labeled buttons (4) results are not immediately visible (3) results are not easily reversible

21. (3 points) Explain why red-on-blue text is hard to read. Chromatic aberration. The lens must focus differently for different wavelengths of light, and since red and blue are on different ends of the visible spectrum, the boundary between red and blue looks fuzzy. 22. (4 points) Define internal, external, and metaphorical consistency. (You don t need to give examples.) internal: consistency with other parts of the same interface external: consistency with other interfaces on the same platform metaphorical: consistency with a real-world metaphor 23. (4 points) Give two reasons why hand-drawn prototypes are good in the early stages of design. (1) cheap to make (2) easy to throw away (3) users focus on issues that are important in the early stages, rather than irrelevant details like color or font 24. (3 points) Which of the following is least likely to be revealed by a paper prototype? A. Your users don t know the term algorithm. B. Toolbar buttons are too small to press. C. A particular dialog box should be nonmodal, because users need to access information under it. D. The Help menu isn t in the right place. Choose one: B

For the questions on this page, consider the Microsoft Windows window-resizing interface, circled below: Discuss the advantages or disadvantages of this interface with respect to the following principles: 25. (3 points) Affordances The three grooved lines offer an affordance for grasping. 26. (3 points) Natural mapping The control is located directly on the corner that it will resize. Dragging it outward or inward resizes the window in the same direction. 27. (3 points) Feedback The mouse cursor changes to a double-headed arrow when it hovers over the corner. When the corner is dragged, the window shows immediate feedback about the new size of the window (either as a wire frame or by resizing the actual window).

28. (3 points) Give one general technique for making a mode less error-prone. Make it temporary; Make it spring-loaded, like the Shift key; Make it more visibly apparent 29. (3 points) Which of the following statements is not true about the UI toolkit described in the paper Glyphs: Flyweight Objects for User Interfaces? A. Individual text characters are represented as components. B. Glyphs support automatic layout. C. A glyph must store its screen position. D. Glyphs are components (as opposed to strokes or pixels). Choose one: C 30. (4 points) State 5 of Nielsen s 10 heuristics. (Their names are enough.) (1) Match the real world (2) Consistency (3) Help & documentation (4) User control & freedom (5) Flexibility & efficiency (6) Visibility of system status (7) Error prevention (8) Recognition, not recall (9) Error diagnosis, reporting, and recovery (10) Aesthetic and minimalist design END OF QUIZ