Norman Chapter 4 Knowing What To Do

Slides:



Advertisements
Similar presentations
CISB213 Human Computer Interaction Design Principles
Advertisements

Review for Midterm Spring 2015 Jeff Offutt SWE 205 Software Usability and Design.
Design Analysis of Everyday Objects IS 485, Professor Matt Thatcher.
Normans Principles Usability Engineering. Normans Principle Norman’s model of interaction is perhaps the most influential in human computer interaction.
April 19, 2004“Design of User-Friendly Systems” DLC, Physical and Logical constraints Physically constrain possible operations Rely upon properties.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
© 2000 Franz Kurfess Cognitive Models 1. © 2000 Franz Kurfess Cognitive Models 2 Norman’s Cognitive Model [ Seffah ]
DOET 4 Knowing what to do. Question of the day! One way we know what to do is to use knowledge in the world and one type of this is Constraints Constraints.
Conceptual Models & Interface Metaphors. Objectives By the end of this class, you will be able to… Define conceptual model Identify instances where the.
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
User-Centered Design Week 4. Agenda 5:30 – Team Stand Up 5:40 – User-Centered Design 6:15 – Activities: Usability Testing 7:25 – Ongoing Offsite Activities.
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
Chapter 1: What is interaction design?. Bad designs From:
User-Centered Design Week 4. Agenda 5:30 – Team Stand Up 5:40 – User-Centered Design 6:10 – User Interface Research Activity 6:30 – Paper Prototyping.
Abstract Parking your vehicle in the garage is a task that most of us take for granted. We head home from work or school, raise the garage door and drive.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
Design CSE 403. Announcements Design How do people interact with computers? Tremendous flexibility in designing/building interactions Look at physical.
E1: Human Factors Design Option E: Human Factors Design IB Design Technology.
Workplace Organization (WPO) and Visual Controls (VC)
Design rules.
[Donald A. Norman, “The Design of Everyday Things,” Chapter 3]
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE)
Thawatchai Piyawat Jantawan Noiwan Anthony F. Norcio
SIE 515 Design Rules Lecture 5.
Interface Design Human Factors.
Human Factors Issues Chapter 8 Paul King.
Norman Chapter 3 Knowledge in the Head (+ Mental Models)
Krug Chapter 6 A: Navigation
User Interface Design and Development
Krug Chapter 5 A: Omit Needless Words and Defaults and Memory
Krug 8 Dialog Boxes Toolbars
Norman Chapter 6 Krug Chapter 7 C: Navigation
Krug 11 Usability as Courtesy
Introduction & Overview
Web User Interface (WUI) Behavior
The Design of Everyday Things
User Interface Design and Development
Software Usability and Design
Norman 7 C: Selecting Events
Using Servlet Contexts to Deploy Servlets
Krug Chapter 2 How We Really Use the Web and Web Site Design
Software Usability and Design
MAPPINGS AND AFFORDANCES
COMP444 Human Computer Interaction Design Principles
Cooper Part II Making Well-Behaved Products Flow
Krug Chapter 6 B: Flow in UIs
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Norman Chapter 2 Psychology of Everyday Actions
Norman 7 A: User-Centered Design
Shneiderman’s measurable criteria
Norman Chapter 6 Krug Chapter 7 A: Evolutionary Design
Review for Midterm Spring 2018
Information System Design Info-440
Norman Chapter 1 Psychopathology
After 1st Usability Review
Software Usability and Design
Norman Chapter 2 Psychology of Everyday Actions
Chapter 7 design rules.
Chapter 1 Jeff Offutt Chapter 1.1, Concept 1 The 7  2 rule.
Norman Chapter 1 Psychopathology
Krug Chapter 3 Billboard Design 101
Chapter 7 design rules.
Chapter 7 design rules.
Cooper Part II Making Well-Behaved Products Different Needs
Norman Chapter 6 Krug Chapter 7 D: Undo
Chapter 2 Foundations of usability
Krug Chapter 2 How We Really Use the Web and Web Site Design
Design and Implementation of Software for the Web
Chapter 7 design rules.
Presentation transcript:

Norman Chapter 4 Knowing What To Do Jeff Offutt http://www.cs.gmu.edu/~offutt/ SWE 205 Software Usability and Design

People Expect Simplicity When a task is simple, people expect a simple UI Making a phone call is simple Devices that do a lot of things are harder Multi-purpose devices The most common action should be the easiest to find It is okay for rare actions to be harder When we encounter a new device, we either : transfer knowledge of how to use a similar device or seek instructions 11-Nov-18 © Jeff Offutt

Syntactic Signals The UI design must explicitly indicate what should be done Physical or syntactic constraints limit our actions Affordances of controls—that is, the controls look familiar Down arrows look like drop downs “B” looks like bold face If the UI design matches the user’s mental model and offers good controls, users will not need help 11-Nov-18 © Jeff Offutt

Doors & Switches Dozens of ways to open doors A sign on a door that tells us how to open it is a very short instruction manual If a simple device needs a manual, the UI is a failure Doors on the Paris subway do not open automatically Switches have two basic problems Which switch controls which function (grouping) ? Which switch controls which device (mapping) ? 11-Nov-18 © Jeff Offutt

Door Opening Confusion A push bar for an emergency door … This is much clearer When under stress, people revert to stereotypes But which side to push ? 11-Nov-18 © Jeff Offutt

My Very Own “Norman Door” How do you open it? 11-Nov-18 © Jeff Offutt

Light Switch Device Confusion My parents’ house, 1964-2014 Light arrangement on the ceiling Light switch arrangement one Light switch arrangement two Kitchen Porch 11-Nov-18 © Jeff Offutt

Summary: Visibility and Feedback Make relevant parts visible Feedback Give each action an immediate and obvious effect 11-Nov-18 © Jeff Offutt