Human Capabilities: Mental Models CS352. Announcements Project – your users: due next Wed. 7/7 Quiz #3 (human capabilities) next Tue. 2.

Slides:



Advertisements
Similar presentations
Psychology of Everyday Actions. 2 Projector Story DOET page 45.
Advertisements

Day 4 More on Information Design and Theories of human computer interaction.
Human Capabilities: Mental Models CS352. Announcements Notice upcoming due dates (web page). Where we are in PRICPE: –Predispositions: Did this in Project.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
COMP 1001: Introduction to Computers for Arts and Social Sciences Human Computer Interaction Monday, June 6, 2011.
What is Design? Professor: Tapan Parikh TA: Eun Kyoung Choe
High level models of human-computer behaviour
Good Design Visibility is key to interaction design Take advantage of affordances/constraints Provide a good conceptual model for the user.
Evaluation (cont.): Heuristic Evaluation Cognitive Walkthrough CS352.
Design of Everyday Things
SIMS 213: User Interface Design & Development
Mental Models and Affordances Lecture #5 - February 12th, : User Interface Design and Development.
Design Principles, Guidelines and Metaphor Howell Istance Department of Computer Science De Montfort University.
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.
Mental Models and Affordances Professor: Tapan Parikh TA: Eun Kyoung Choe
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
Brought to you by robert chen, jacky springer, jonathan piltz CSE 3461 User Interfaces Barbarian.
Notes for your sketchbook: The Three Modes of Art Making.
People: Usability IS 101Y/CMSC 101Y November 5, 2013 Marie desJardins Amanda Mancuso University of Maryland Baltimore County.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
People: Usability COMP 101 November 12, 2014 Carolyn Seaman Amanda Mancuso Susan Martin University of Maryland Baltimore County.
The psychology of design: Models
Principles of User Centred Design Howell Istance.
Don Norman’s DOET Jim Rowan Georgia Gwinnett College ITEC 4130.
Interaction Design Chapter 10. The Human Action Cycle Psychological model Describes steps users take to interact with computer systems Use actions and.
What is an interface? How many different types of interfaces can you think of?
1 Introduction to Computers Lect 1 Won’t tell you much you don’t know. (Misleading– the course gets more conceptual as we create webpages.) Will go into.
COMP 208/214/215/216 Lecture 3 Planning. Planning is the key to a successful project It is doubly important when multiple people are involved Plans are.
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.
Human-Computer Interaction (HCI)
User Interface Design Main issues: What is the user interface How to design a user interface ©2008 John Wiley & Sons Ltd.
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.
Gulfs of Execution and Evaluation. A Bad Day for an Object User can’t act and can’t think –Broken mapping –Can’t achieve goals –No feedback.
The Design of Everyday Things Darn these hooves! I hit the wrong switch again! Who designs these instrument panels, raccoons?
Assumptions in cognitive psychology Mental processes mental structures mental representations.
Design of Everyday Things. Agenda Questions? Project Part 1: Now what? Test review One last bit on prototyping Design of Everyday Things.
Before Chapter 3… Chapter 2 (a bit more) Norman’s Seven stages of of action –Form the goal –Form the intention –Specify the action –Execute the action.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Interaction Tasks Select Position Orient Quantify Text.
Understanding Users Cognition & Cognitive Frameworks
User and Task Analysis © Ed Green Penn State University Penn State University All Rights Reserved All Rights Reserved 12/5/2015User and Task Analysis 1.
Begin Class with More Studio. Introduction to Prototyping.
Theories and Practice of Interactive Media 13 October 2003 Kathy E. Gill.
Evaluation (cont.): Heuristic Evaluation Cognitive Walkthrough CS352.
The Design of Everyday Things Design Psychology (POET) Psychopathology.
LECTURE 09: INTERACTION PT. 2: COST October 19, 2015 SDS235: Visual Analytics Note: slide deck adapted from R. Chang.
Giving Classroom Instructions & Writing Instruction Manuals
AS Level Psychology The core studies
Mouse Trackball Joystick Touchpad TroughputError rate T roughput (bps) Error r ate (%) Image by MIT.
How do people use an Interface Gabriel Spitz 1. User Interface Design?  Design is solving a problem  Design is creating an object or the means to enable.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
Interaction Frameworks COMPSCI 345 S1 C and SoftEng 350 S1 C Lecture 3 Chapter (Heim)
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
Chapter 5 – Cognitive Engineering
Concepts and Prototypes
Imran Hussain University of Management and Technology (UMT)
Interface Design Guidelines
The Design of Everyday Things
Evaluation (cont.): Cognitive Walkthrough and Heuristic Evaluation
Introduction to Usability Engineering
Evaluation - Analytical Cognitive Walkthrough and Heuristic Evaluation
CS 456 Interactive Software.
Human Capabilities: Mental Models
Human Capabilities: Mental Models
Norman 7 A: User-Centered Design
High level models of human-computer behaviour
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Evaluation - Analytical Cognitive Walkthrough and Heuristic Evaluation
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Presentation transcript:

Human Capabilities: Mental Models CS352

Announcements Project – your users: due next Wed. 7/7 Quiz #3 (human capabilities) next Tue. 2

Hints: Team Process Improvement List risks and what you’ll do if they materialize. Agree on a process for working out disagreements in direction. –We should use a web interface! No, we should use portable bar-code readers! –eg: votes? eg: quality data from CogTool? eg: joint visits to office hours? Do a post-mortem after every hand-in or grade received –What went right in our process? Data, not finger-pointing: “we got an A-”. –What went wrong in our process? Data, not finger-pointing: “we had to pull an all-nighter because we started too late” –What will we do differently from now on? –Write it down and revisit next time.

Mental Models

Mental Models = How to use the system (and how the system works). Users build these in their heads. Developed over time. –Not always correct (and usually not complete). Thermostat example. –Why do users build these? Rote mem is hard, explained-by memory easier. Mental model is an explanation. –If user’s mental model is correct, will have an easier time using the system.

How to help user’s mental model be correct Remember Norman’s 2 Gulfs? 1Useful feedback in response to inputs (Evaluation). 2Context-sensitive devices for guidance (Execution). 3Ways of interacting with UI consistent with underlying workings (Eval+Exec). Activity: sketch a thermostat UI idea that does 1, 2, or 3.

How people do things: the 7 stages of an action Norman, at a conf in Italy. –Speaker needed to show film, had trouble threading it into projector. –Many people cam up to help, none succeeded. –Finally technical was called, who quickly threaded it correctly. Q: Why so hard? A: Structure of an action as relate to the Gulfs.

The 7 stages 1=goal. 2,3,4=execution. 5,6,7=evaluation

The 7 stages (cont) 1 goal: “what” we want to do. –Example. 2. execution intention (from what to how but top-level without details) –Example. 3. execution: sequence of actions. –Example. 4. execution: physicall do them (to objects in the world) –Example.

The 7 stages (cont.) 5. evaluation: perceiving (senses) what the world did in response (with our eyes, etc.) –Example. 6. evaluation: interpreting (brain) the perception. –Example. 7. evaluation: comparison of interpretation with goal. –Example.

The 7 stages (cont.) Gulf of Execution. –How to get from 1 to 2, 2 to 3, or 3 to 4. –Example

The 7 stages (cont.) Gulf of Evaluation. –How to get to 5 at all, 5 to 6, 6 to 7. –Example

The 7 stages as design aids To find problems, apply these to any task in a UI:How easily can determine... –1. Goal:...the purpose of the device/feature? –2. Exec:... what actions are possible? –3. Exec:...the mapping from intention to specific physical movements? –4. Exec:...how to actually perform the action? –5. Eval:...what state the system is in? –6. Eval:...what “that (feedback in UI)” means? –7. Eval: if system is in desired state?

Activity In pairs (cell phone owner, other) –Cell phone owner “drives” (no thinking, just hit keys when told to). –Other “thinks” (no access, just tell driver what to do). Task: –Make ALL display dimming go away. It should never dim at all under any circumstances. Ask the 7 questions at each stage. Write down problems you experience and the step you are at in the 7 stages.

To find solutions Consider these remedies. –Visibility: to reveal state (5), show what actions available (2). –Good mappings revealing: relationships between actions and results (2), controls and effects (3), system state and what is visible (6, 7) –Feedback every action provides immediate feedback of results (5,6,7)