SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 17, 2005.

Slides:



Advertisements
Similar presentations
Leadership and Worker Involvement
Advertisements

Designing Effective “PowerPoint Presentations” Anwar Jesus O. Esperida March 15, 2013.
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
Systems Documentation Techniques
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 6, 2003.
SIMS 213: User Interface Design & Development
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 18, 2003.
SIMS 213: User Interface Design & Development
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 21, 2006.
1 CA203 Presentation Application Presentations by using PowerPoint Lecture # 1 By Tariq Ibn Aziz Dammam Community college.
Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.
SIMS 213: User Interface Design & Development Marti Hearst Thurs Feb 8, 2001.
Midterm Review Packet Stolen Borrowed from Prof. Marti Hearst HFID Spring 2005.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 14, 2006.
HCI Part 2 and Testing Session 9 INFM 718N Web-Enabled Databases.
Cognetics and the Locus of Attention
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 13, 2001.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 13, 2003.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb
SIMS 213: User Interface Design & Development Marti Hearst Tues Feb 6, 2001.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 12, 2002.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 14, 2002.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Guidelines for writing a successful speech The Speech.
Evaluation in HCI Angela Kessell Oct. 13, Evaluation Heuristic Evaluation Measuring API Usability Methodology Matters: Doing Research in the Behavioral.
Notes for your sketchbook: The Three Modes of Art Making.
Effective Note Taking Instructor(s) Date (s).
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Guidelines for Visual Aids and Presentations Suggestions for Presenters Society of Quality Assurance 2004 Annual Meeting Guidance M. Rosenberg/L. KvasnickaJune.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
Human Computer Interaction An Introduction. Human-Computer Interaction "Human-computer interaction (HCI) is the study of the interaction between people,
SCV2113 Human Computer Interaction Semester 1, 2013/2013.
1 Usability Design. 2 Designing for Usability What are the things users will want to do with your site –This is not what you want users to do with your.
Understand the Business Function
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
JENNIFER WONG CHAPTER 7: USER – CENTERED DESIGN. The point of the book was to advocate a user- centered design which is a philosophy that things should.
Presentation Skills. Outline of lecture Planning Preparation Message Media Delivery Elements of delivery Key points.
1 ISE Ch. 17/18 Human–Machine System The boundary between the human and the machine is the “user interface.” Information flows from human to machine.
Lecture 5(b), Slide 1 CP2030 Copyright © University of Wolverhampton CP2030 Visual Basic for C++ Programmers v Component 5(b) HCI aspects of VB programming.
SE: CHAPTER 7 Writing The Program
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
1 Systems Analysis and Design in a Changing World, Thursday, January 18, 2007.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today System Design & Putting it Together Reading: ABF: Ch. 9 CD Ch.s 14, 15, 16,
Listening. Why Do We Listen? To understand and retain information To evaluate the quality of messages To build and maintain relationships To help others.
1 3132/3192 User Accessibility © University of Stirling /3192 User Accessibility 2.
GUI Design Spreadsheet-Based Decision Support Systems Chapter 23: Aslı Sencer MIS 463.
The Speech Guidelines for writing a successful speech.
G063 - Human Computer Interface Design Designing the User Interface.
connector What are the different forms (ways) of writing. E.g:
Usability 1 Usability evaluation Without users - analytical techniques With users - survey and observational techniques.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
William H. Bowers – Orchestration & Flow Cooper 9.
Window-based Interaction Styles Dr.s Barnes and Leventhal.
Human Abilities 2 How do people think? 1. Agenda Memory Cognitive Processes – Implications Recap 2.
10 Tips for Good PowerPoint Presentation
©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Design Elements Readings in HCI, pp
Chapter 23: GUI Design Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Component-Level Design and User Interface Design Departemen Ilmu Komputer IPB 2009.
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 2 Hix & Hartson Guidelines.
Web User Interface (WUI) Behavior
Krug Chapter 6 B: Flow in UIs
(the represented system)
COMPUTER ORGANIZATION
Presentation transcript:

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 17, 2005

Today Raskin’s Locus of Attention Errors Modes Time permitting: –Design Guidelines

Mental Models Redux Good Representations capture essential elements of the event / world deliberately leave out / mute the irrelevant appropriate for the user, their task, and their interpretation

Raskin on Cognition Cognitive Engineering –Ergonomics: Takes into account the statistical variation of human variability –Design a car seat that fits 95% of the population Says that designing products that interact with us physically is reasonable straightforward –Cognetics: Ergonomics of the mind The study of the “engineering scope of our mental abilities” –This is the applied side of cognitive science

Image from Newsweek, Jan 2001 Raskin on Cognition Cognitive Conscious / Unconscious –Examples? What is the last letter in your first name? –You know it but weren’t consciously accessing this information a moment ago, but now you are. How do your shoes feel right now? How did “The Shining” make you feel? Having a name on the “tip of your tongue” –Differences? New situations/routines Decisions / one standard choice Sequential / simultaneous

Image from Newsweek, Jan 2001 Raskin on Cognition Locus of Attention –What is it? An idea/object/event about which you are intently and actively thinking. The one entity on which you are currently concentrating –You see and hear much more –E.g., white noise »Turn the lights off, you have a full-fidelity recording of their sound in your mind, which fades quickly –Why locus? Focus implies volition; locus not always under conscious control Attention can be either active or “going with the flow” –Why is it important for HCI?

Raskin on Cognition Locus of Attention –Why is it important for HCI? Cannot be conscious of more than one task at a time Make the task the locus of attention –Don’t count on people to read labels or directions Beware of the power of mental habits –Repetitive confirmations don’t work Take advantage of it –Do pre-loading while user thinking about next step –Streamline resumption of interrupted tasks

Error Messages

Cooper on error dialog boxes Why are they problematic? How related to locus of attention? What are the alternatives? –Cooper is talking to programmers “Silicon Sanctimony” You should feel as guilty as for using a goto – an admission of failure in design

What happens when you cancel a cancelled operation? Do I have any choice in this? Umm, thanks for the warning, but what should I do? Uhhh… I give up on this one

Inane Dialog Boxes

Slide adapted from Saul Greenberg “HIT ANY KEY TO CONTINUE”

Modes What are they? –The same user actions have different effects in different situations. –Examples: Adobe reader example: vs. Powerpoint drawing example Keycaps lock

Modes When are they useful? –Temporarily restrict users’ actions –When logical and clearly visible and easily switchable Drawing with paintbrush vs. pencil Autocorrect (if easy to switch the mode) Why can they be problematic? –Big memory burden –Source of many serious errors How can these problems be fixed? –Don’t use modes – redesign the system to be modeless –Redundantly visible –Raskin -- quasimodes

Modal Blooper

Modal Blooper (and other problems too)

A Summary Statement Raskin, p. 69 –“We must make sure that every detail of an interface matches both our cognitive capabilities and the demands of the task…”