Designing for the Real World Material from 0657.425/525 Human Computer Interaction Dr Steve Jones.

Slides:



Advertisements
Similar presentations
Imran Hussain University of Management and Technology (UMT)
Advertisements

Don Norman Worked for industry (Apple) Professor First published in 1988 Does not focus on computer interfaces Coined: user-centered design Goal: Motivate.
2-May-15 GUI Design. 2 HMI design There are entire college courses taught on HMI (Human-Machine Interface) design This is just a very brief presentation.
Using the Crosscutting Concepts As conceptual tools when meeting an unfamiliar problem or phenomenon.
S.T.A.I.R.. General problem solving strategy that can be applied to a range problems.
CISB213 Human Computer Interaction Design Principles
Fall 2002CS/PSY Design of Everyday Things Agenda Discuss Norman’s views on HCI & design Discussion What did you take away from DOET book.
What is Design? Professor: Tapan Parikh TA: Eun Kyoung Choe
Good Design Visibility is key to interaction design Take advantage of affordances/constraints Provide a good conceptual model for the user.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
Before usability CS 147: Intro to HCI Dan Maynes-Aminzade After 1 st Usability Review.
James Tam The Psychology Of Everyday Things Visual affordances and constraints Causality and other mappings Transfer effects Population stereotypes and.
Design of Everyday Things
SIMS 213: User Interface Design & Development
‘The Design of Everyday Things’. Donald A. Norman.
Everyday Things Donald Norman. You would need and engineering degree to figure this out? What devices have tried that were not easy to use? – Watches.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 7, 2002.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Jan 30, 2001.
April 19, 2004“Design of User-Friendly Systems” DLC, Physical and Logical constraints Physically constrain possible operations Rely upon properties.
Chapter 2: Understanding and conceptualizing interaction
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
April 19, 2004“Design of User-Friendly Systems” DLC, The Psychology of Everyday Actions “Humans will try to figure it out” A user sits down at an.
29-Sept-2001GE Professional Skills (GE105) Introduction to communication Dr. Sean Doherty Department of Electronic Engineering
Design of Everyday Things Don Norman on Design & HCI.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Copyright 2010 McGraw-Hill Companies
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
UML Sequence Diagrams Michael L. Collard, Ph.D. Department of Computer Science Kent State University.
Chapter 2: Understanding and conceptualizing interaction Question 1.
What is an interface? How many different types of interfaces can you think of?
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
User Interface Design Session 11- LBSC 790 / INFM 718B Building the Human-Computer Interface Cartoon removed.
Design of Everyday Things - Donald Norman CS A470.
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.
Using the Web-Based Training Tool MyFloridaMarketPlace.
Design of Everyday Things. Grade summaries Assignments 1-4 (out of 10) P0 (out of 10) P1 group grade (out of 100) P1 individual grade (out of 50) Midterm.
1 User-Centric The Human Factor in Design Susanne M. Furman, PhD Usability Engineer Web Communication and New Media Division U.S. Department of Health.
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
More on Design of Everyday Things. Turn it up, or shut it down?
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
Interaction Design John Kelleher. Interaction Design “Designing interactive products to support people in their everyday and working lives” Software.
1 CSC111H User Interface Design Dennis Burford
The Unified Modeling Language Part II Omar Meqdadi SE 2730 Lecture 9 Department of Computer Science and Software Engineering University of Wisconsin-Platteville.
Chapter 1: What is interaction design?. Bad designs From:
Interaction design Xiangming Mu.
Energy forms and transformations. What is energy? We use the word all the time – but very few people have a strong understanding what it is It.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
The Design of Everyday Things Design Psychology (POET) Psychopathology.
April 19, 2004“Design of User-Friendly Systems” DLC, Design of User Friendly Systems Joel Clawson Genevieve Hudak Brock LaMeres Kitty Turner.
TRAINING PACKAGE The User Action Framework Reliability Study July 1999.
CSCI N201 Programming Concepts and Database 2 - STAIR Lingma Acheson Department of Computer and Information Science, IUPUI.
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
Copyright 1999 all rights reserved Evaluating Paper Prototypes n How do you do this? –What are the considerations? –What are the steps? ?
Interaction Frameworks COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 3 Chapter (Heim)
Part 1: The Psychopathology of Everyday Things
CEN3722 Human Computer Interaction Title of Presentation
Conceptual Models & Interface Metaphors
CEN3722 Human Computer Interaction Cognition and Perception
Digital media & interaction design
Imran Hussain University of Management and Technology (UMT)
More on Design of Everyday Things
CEN3722 Human Computer Interaction Knowledge and Mental Models
The Design of Everyday Things
MAPPINGS AND AFFORDANCES
COMP444 Human Computer Interaction Design Principles
Design of Everyday Things
Norman Chapter 1 Psychopathology
Norman Chapter 1 Psychopathology
Presentation transcript:

Designing for the Real World Material from /525 Human Computer Interaction Dr Steve Jones

Let’s start with a few challenges... Suggest designs for a water tap for a bathroom sink a chest of drawers an aircraft’s altimeter It can’t be too difficult to get it right... can it?

Inspired tap design

Even more inspired drawer design

Altimeter design

Blame the users! Who is to blame? “An inexperienced computer operator pressed the wrong key on a terminal in early December causing chaos at the London Stock Exchange. The error at stockbrokers Greenwell Montagu led to systems staff working through the night in an attempt to cure the problem” InfoWorld, December 1986 In 1988, the Soviet Union’s Phobos 1 satellite was lost on its way to Mars, when it went into a tumble from which it never recovered. “not long after the launch, a ground controller omitted a single letter in a series of digital commands sent to the spacecraft. And by malignant bad luck, that omission caused the code to be mistranslated in such a way as to trigger the [ROM] test sequence [that was intended to be used only during checkout of the spacecraft on the ground]” Science magazine

People vs machines Design for people!

Psychology and design Important concepts in design visual affordances mappings constraints feedback causality transfer effects stereotypes conceptual models individual differences

Affordances the perceived and actual properties of an object that determine how it should be used complex objects may need explanation, simple should not eg chair for sitting knobs for turning slots for inserting cards/money buttons for pushing

Mappings Intuitive relationship between controls and objects?

Constraints limitations of possible actions perceivable from object’s appearance

Feedback the change in object state resulting from a user’s action is perceivable from the object

Causality whatever happens immediately after a user action is assumed to be caused by that action linked to interpretation of feedback incorrect effect - superstitious behaviours eg invisible effect - repeated behaviours eg

Transfer effects apply existing knowledge/expectations to similar objects positive transfer : previous learnings apply negative transfer : previous learnings conflict

Stereotypes …avoid them! color symbolism charts

Conceptual models people build mental models of how things work, which influences how they try to use them built from affordances, mappings, transfer effects, etc models may be wrong if attributes of object are misleading (but we may want to mislead sometimes)

Individual differences let’s design a door! how tall should it be? should we use average height?

Don’t design for yourself Remember you do NOT necessarily represent a good average user of equipment or software that you design do not expect others to think or behave as you do