Norman 7 A: User-Centered Design

Slides:



Advertisements
Similar presentations
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
Advertisements

Ui design – general guidelines. Why designers go astray Putting aesthetics first: "It probably won a prize." Putting aesthetics first: "It probably won.
Review for Midterm Spring 2015 Jeff Offutt SWE 205 Software Usability and Design.
Design of Everyday Things
Normans Principles Usability Engineering. Normans Principle Norman’s model of interaction is perhaps the most influential in human computer interaction.
User-Centered Design Good design The user says “Yes, I see” or “Of course”. A simple explanation is sufficient. Bad design The user says “How am I going.
Design of Everyday Things Don Norman on Design & HCI.
The Power of PowerPoint A guide to expectations for Stage 2 Information Processing and Publishing.
User Interface Overview Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
Don Norman’s DOET Jim Rowan Georgia Gwinnett College ITEC 4130.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
1 CSCI E-170: L01 February 2, Lecture Plan Introduction to this class Introduction to usability GUI usability: Design Process, Principles & Bloopers.
Review for Final Exam Fall 2014 Jeff Offutt SWE 632 User Interface Design and Development.
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.
GUI Widgets Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
More on Design of Everyday Things. Turn it up, or shut it down?
Review for Final Exam Spring 2015 Jeff Offutt SWE 205 Software Usability and Design.
432 Invitation System (Instructions …..) Event name: Date: Time: Location: Description: Attend Not Attend Submit Cancel.
User-Centered Design (UCD) Overview
[The Design of Everyday Things, Don Norman, Ch 7]
Usability Overview Upsorn Praphamontripong CS
TDA Direct Certification
Human-Computer Interaction
Many Factors Affect Learning
Excise Tasks CS 4640 Programming Languages for Web Applications
SIE 515 Design Rules Lecture 5.
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
Norman Chapter 4 Knowing What To Do
Accidental and Essential Problems Excise Tasks
Krug 8 Dialog Boxes Toolbars
Introduction to Programming Part 1
Krug 11 Usability as Courtesy
Introduction & Overview
Web User Interface (WUI) Behavior
User Interface Design and Development
Software Usability and Design
HCI – DESIGN RATIONALE 20 November 2018.
Review for Final Exam Fall 2016
Cooper Part II Making Well-Behaved Products Data Entry
Human Capabilities: Mental Models
Human Capabilities: Mental Models
Krug Chapter 6 B: Flow in UIs
Chapter 1 Cognitive psychology concepts
Norman 7 B: Improving Data Entry
Design and Implementation of Software for the Web
Norman Chapter 2 Psychology of Everyday Actions
Norman Chapter 6 Krug Chapter 7 B: Home Pages
Norman Chapter 6 Krug Chapter 7 A: Evolutionary Design
Review for Midterm Spring 2018
Discussion Nedas Matulionis 09/07/2018.
Review for Final Exam Spring 2018
Homework Assignment 5 My Patriot Web Evaluation
Norman Chapter 1 Psychopathology
Norman Chapter 2 Psychology of Everyday Actions
Norman Chapter 1 Psychopathology
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
Graphical User Interfaces (GUI)
Review for Final Exam Fall 2018
SWE 205 Software Usability Analysis and Design
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Input Data Validation for Web Applications
Krug 4 Animal, Mineral, or Vegetable
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Review for Final Exam Spring 2017
Presentation transcript:

Norman 7 A: User-Centered Design Jeff Offutt http://www.cs.gmu.edu/~offutt/ SWE 205 Software Usability and Design

Seven Principles for Making Hard Things Easy Use knowledge in the world and knowledge in the head Simplify task structure Make things visible Get the mappings right Exploit the power of constraints Design for error When all else fails, standardize 23-Feb-19 © Jeff Offutt

1. Use Knowledge in the World New users do better if everything they need to know is in the UI Experienced users can be faster by having knowledge in their heads All users are more effective if the implementation model matches their mental model Avoid depending on user manuals A very inconvenient part of the world 23-Feb-19 © Jeff Offutt

2. Simplify Task Structure Simplify tasks by considering the users’ : Psychology Short term memory Long term memory Concentration New technology should make tasks simpler Same task with mental aids Increase visibility Same task with simple steps automated Change the nature or structure of the task 23-Feb-19 © Jeff Offutt

3. Make Things Visible Users should quickly see What they can do How they can do it What will happen The possible actions should satisfy user’s goal Revenue, not excise System state should always be obvious Examples Patriot web needs to show state : semester and CRN PPT needs to make it easier to find slide animation controls (Animations  Custom Animation) 23-Feb-19 © Jeff Offutt

4. Get the Mappings Right Intentions (what users want) to actions (what they can do) Actions and effects on the software System state and what is visible Perceived system state and the users needs Graphics, icons and pictures are easier to understand But designing graphics is hard ! Not a common skill among programmers 23-Feb-19 © Jeff Offutt

5. Exploit Power of Constraints Constraints stop users from entering wrong data Ignore dashes in phone & credit card numbers Advanced controls like the dates in travel web sites Selections, as in radio boxes and dropdown lists My 1980s stereo system had 5 or 6 components and dozens of wires … all alike! Modern stereo systems have different wires with different connections for each component Think of this as strong typing for UIs … 23-Feb-19 © Jeff Offutt

6. Design for Error Users are not perfect and will enter invalid data Design for invalid inputs ! Use constraints to avoid invalid inputs Correct invalid inputs automatically Make it simple and convenient for users to correct invalid inputs Allow users to postpone invalid input corrections Make it easy to undo More later … 23-Feb-19 © Jeff Offutt

7. Standardize The controls are all the same—consistent A last resort approach because it forces knowledge to be in the head Notice anything funny … ? Standardize early or it will be too late Standardization only has to be learned once 23-Feb-19 © Jeff Offutt

My Favorite 23-Feb-19 © Jeff Offutt

Home of the Future House of Knowledge Norman’s book was published just before the Web was first proposed “Information of the world is available to all” Berners-Lee invented the web to make “all information available to all users all the time” Cost of production versus cost of development That is, copying a file vs writing a book The biggest problem Norman expected ? Finding what we want !! 23-Feb-19 © Jeff Offutt