MAPPINGS AND AFFORDANCES

Slides:



Advertisements
Similar presentations
University of Connecticut MECHANICAL ENGINEERING “The design of everyday things” “The design of future things” D. Norman Design for the human factor.
Advertisements

Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
CISB213 Human Computer Interaction Design Principles
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
Usability goals Effective to use Efficient to use Safe to use Have good utility Easy to learn Easy to remember how to use.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
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.
Usability goals Effective to use Efficient to use Safe to use
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
Principles of User Centred Design Howell Istance.
Design for Interaction Rui Filipe Antunes
Human Computer Interaction An Introduction. Human-Computer Interaction "Human-computer interaction (HCI) is the study of the interaction between people,
Design of Everyday Things - Donald Norman CS A470.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
More on Design of Everyday Things. Turn it up, or shut it down?
Chapter 1: What is interaction design?. Bad designs From:
Interaction design Xiangming Mu.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
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.
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.
WORDS PER MINUTE. Introduction  We wanted to test to see if number of hours on the computer or type of phone keyboard effect how many words you can type.
E1: Human Factors Design Option E: Human Factors Design IB Design Technology.
Part 1: The Psychopathology of Everyday Things
Chapter 6 : User interface design
Purpose of This Minilab
Section title This presentation is designed to help you talk to young people about Drive. The notes included aren’t intended to be read out, they are for.
Generics, Exceptions and Undo Command
APPetizers Stimulate Your Student’s Appetite For Learning By Creating Mouthwatering Personalized Learning Activities. Diane J. Hall
Technology Building-Smart Class
GUI Design and Coding PPT By :Dr. R. Mall.
Investigation… CPSC 481: HCI I.
Digital media & interaction design
Imran Hussain University of Management and Technology (UMT)
More on Design of Everyday Things
Unit 2 User Interface Design.
CSC420 Actions and Commands.
Drawing and Line Weight
EET 2259 Unit 3 Editing and Debugging VIs
Design and Problem Solving
Interface Design Human Factors.
Using PowerPoint.
Lesson 3 Advanced Settings
The Design of Everyday Things
INTERVENTION Goal Zero. No Harm. No Leaks..
<Application Name>
Introduction to Usability Engineering
Introduction to Usability Engineering
A1 Student Posters Posters Print Services  Robinson Library  University of Newcastle  phone: Introduction The.
<ELLIIT Project Name>
Week 2 Keyboard Orientation.
Copyright Catherine M. Burns
COMP444 Human Computer Interaction Design Principles
Poster Title Heading Heading Heading Heading Heading Heading
Design of Everyday Things
A0 PowerPoint Poster Posters at Print Services Robinson Library, Newcastle University • • phone Introduction.
2016 REPORT.
How to Avoid Common Mistakes in Line Drawings
How To Make Accessible Word Documents
Norman Chapter 1 Psychopathology
Norman Chapter 1 Psychopathology
A1 Student Posters Posters at Print Services  Robinson Library  University of Newcastle  phone: Introduction.
Introduction to Usability Engineering
目 录 The quick brown fox. 目 录 The quick brown fox.
KEYBOARDING: SPEED & ACCURACY
2016 REPORT.
Design of Everyday Things - Donald Norman CS A470.
Presentation transcript:

MAPPINGS AND AFFORDANCES 12/1/2018 SD142-Catherine M. Burns

Chording KeyBoard Exercise 12/1/2018 SD142-Catherine M. Burns

Uses combinations of keys to generate the alphabet 12/1/2018 SD142-Catherine M. Burns

With a partner Develop a mapping between the alphabet and the keyboard Make a paper prototype of the keyboard Test your keyboard with the following statement The quick brown fox jumped over the lazy dog. Make sure you both try it and time each other. 12/1/2018 SD142-Catherine M. Burns

Discussion Items Can you label the keys? How many things does each button do? Examples of mappings Examples of usability times If you were selling this, would you need a manual? What would be in it? 12/1/2018 SD142-Catherine M. Burns

Keyboard Video Requires live connection, available on the website. 12/1/2018 SD142-Catherine M. Burns

Which is more common today, the chording keyboard or the QWERTY keyboard? WHY? 12/1/2018 SD142-Catherine M. Burns

Designs that don't work for people don't work at all! 12/1/2018 SD142-Catherine M. Burns

Examples of Bad Designs Digital Watches buttons that do different things but look the same buttons that do multiple things on the same button Doors that don’t indicate push/pull or that they are even doors. 12/1/2018 SD142-Catherine M. Burns

What’s the problem? What the object does, (its opportunities for ACTION) are not visible Your user needs to know two things HOW IT WORKS WHAT IT DOES These are the object’s AFFORDANCES 12/1/2018 SD142-Catherine M. Burns

Sounds easy right? Doors at UW Exit of the Davis Centre by the library. Internal set has same handle for push and pull. Engineering Lecture Hall doors. If you have to write “PUSH” or “PULL” on it, you’ve already got a bad design. 12/1/2018 SD142-Catherine M. Burns

Making Affordances Visible Affordances become visible by establishing mappings. Mapping: a connection between what you want to do and what is possible 12/1/2018 SD142-Catherine M. Burns

Affordances Affordance: the properties of a thing e.g. chairs afford "sitting on" what about tables? Affordances are "designed in" but sometimes things afford more possibilities than intended. 12/1/2018 SD142-Catherine M. Burns

Goal in design: direct processing, immediate use People process affordances directly and naturally without thinking about them. Goal in design: direct processing, immediate use Corollary: If you need a manual for it, its probably poorly designed! 12/1/2018 SD142-Catherine M. Burns

Kinds of Mappings 1. Natural Mappings: goal of user maps directly to style of use. e.g. steering wheel on car, turn right, top moves to right. 2. Social/Cultural Mappings: movement or mapping follows a social convention e.g. light switches 12/1/2018 SD142-Catherine M. Burns

Feedback What is feedback? Letting the user know that their action has been done. e.g. push of buttons, tones, messages, visual indications. response USER SYSTEM signal feedback 12/1/2018 SD142-Catherine M. Burns

Constraining User Actions using smart design to prevent mistakes, errors, and injuries Floppy diskette example. It only goes in one way. Try it! Most human errors indicate a design problem. Design to: 1. reduce human error 2. minimise the effect of it. 12/1/2018 SD142-Catherine M. Burns