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.

Slides:



Advertisements
Similar presentations
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Advertisements

Psychology of Everyday Actions. 2 Projector Story DOET page 45.
Foundations and Strategies Attention Investment CS352.
What Is The User Interface Design Lecture # 2 Gabriel Spitz 1.
Human Capabilities: Mental Models CS352. Announcements Notice upcoming due dates (web page). Where we are in PRICPE: –Predispositions: Did this in Project.
The Interaction. Overview Interaction Models understand human-computer communication Ergonomics Physical characteristics of interaction Context Social.
1http://img.cs.man.ac.uk/stevens Interaction Models of Humans and Computers CS2352: Lecture 7 Robert Stevens
COMP 1001: Introduction to Computers for Arts and Social Sciences Human Computer Interaction Monday, June 6, 2011.
Gu & Maher University of Sydney, October 2004 DECO2005 Monitoring Team Process.
What is Design? Professor: Tapan Parikh TA: Eun Kyoung Choe
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
Design of Everyday Things
SIMS 213: User Interface Design & Development
Instructor: Vincent Duffy, Ph.D. Associate Professor of IE Lecture 8 – Human-Computer Interaction Thurs. Feb. 8, 2007 IE 486 Work Analysis & Design II.
Vermelding onderdeel organisatie 1 MKT project 1 & Mens-Machine-Interactie slides chapter 3 Dix et al. The interaction Charles van der Mast.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
McInterface User Interface Development Project IS 213 Spring 2001 Linda Harjono Saifon Obromsook John Yiu Wai Chi 1 st May, 2001.
Purpose of Requirements Analysis Process of discover, refinement, modeling, and specification o Bridge gap between system level SW allocation and design.
Task analysis 1 © Copyright De Montfort University 1998 All Rights Reserved Task Analysis Preece et al Chapter 7.
Chapter 4 Cognitive Engineering HCI: Designing Effective Organizational Information Systems Dov Te’eni Jane M. Carey.
User Centered Design Lecture # 5 Gabriel Spitz.
Outlook 2007 Tips, Tricks, and Tools. Overview Main Screen Navigation Pane View Pane Reading Pane To–Do Bar Create a New Message Contacts Create a Signature.
University of Palestine software engineering department Testing of Software Systems Fundamentals of testing instructor: Tasneem Darwish.
The psychology of design: Models
Topics Covered: Software requirement specification(SRS) Software requirement specification(SRS) Authors of SRS Authors of SRS Need of SRS Need of SRS.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
◦ Goals, Tasks, and Actions  Task Characteristics: The Nature of the Work  Task Sequences: There May Be More Than One Way to Do a Task  Goal: the end.
Interaction Design Chapter 10. The Human Action Cycle Psychological model Describes steps users take to interact with computer systems Use actions and.
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
Design for Interaction Rui Filipe Antunes
1 WEB Engineering E-Commerce Strategy & Management COM350.
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.
Integrated Risk Management Charles Yoe, PhD Institute for Water Resources 2009.
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.
A Use Case Primer 1. The Benefits of Use Cases  Compared to traditional methods, use cases are easy to write and to read.  Use cases force the developers.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
Human-Computer Interaction - user’s knowledge structure -
Understanding Users Cognition & Cognitive Frameworks
CSC 157 (Blum)1 Hello World. CSC 157 (Blum)2 Start/Programs/Microsoft Visual Studio.NET 2003/Microsoft Visual Studio.NET 2003.
Fall 2002CS/PSY Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.
Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It describes what is a user doing or will.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It specifies what functions the user will need.
The Structure of the User Interface Lecture # 2 Gabriel Spitz.
Barbara white : interaction design Understanding users cognitive social affective.
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
Writing a Science or Engineering Paper: It is just a story Frank Shipman Department of Computer Science Texas A&M University.
Human Computer Interaction Introduction. Subject : Learning Outcomes At the end of this semester, the student should be able to: Identify the basic concept.
TRAINING PACKAGE The User Action Framework Reliability Study July 1999.
Human Capabilities: Mental Models CS352. Announcements Project – your users: due next Wed. 7/7 Quiz #3 (human capabilities) next Tue. 2.
The Design of Everyday Things Donald A. Norman. The psychopathology of everyday things Doors Doors Light switches Light switches Taps Taps Telephones.
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
The Four Enablers of Strategy 24 February The Four Enablers of Strategy Systems Structure Capability CultureStrategy.
Project Management Methodology Project Closing. Project closing stage Must be performed for all projects, successfully completed or shut off by management.
The Structure of the User Interface Lecture # 9 Gabriel Spitz.
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
1 Team Skill 3 Defining the System Part 1: Use Case Modeling Noureddine Abbadeni Al-Ain University of Science and Technology College of Engineering and.
Essential Needs of Software Test Automation
Task Analysis – Input to Interaction
Organizing Students for Cognitively Complex Tasks
SYSTEM ANALYSIS AND DESIGN
Activity Flow Design - or - Organizing the users’ Work
Human Capabilities: Mental Models
Frameworks in project management
Human Capabilities: Mental Models
The interaction.
Qmetry User Interface Recommendations
Microsoft Outlook (Disabling desktop notifications)
Presentation transcript:

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 users to achieve an intent  And to do create a good solution we need to understand how people interact with the world Gabriel Spitz 2

Human Action Gabriel Spitz 3

4 Plan Act Asses Refine (if needed) Intent

Norman’s Activity Model  Don Norman (1988) proposed that users view the user- interface as a mean to an end  The interface, according to Norman’s model provides users with the mechanisms to achieve something that they desire or want  This mechanism includes 2 basic elements  An Interface – The means used to communicates between the user and application what needs to be done  Interaction – The mechanism by which the user is expected to achieve the tasks using the interface Gabriel Spitz 5

User Interface Design  For the example below  The interface includes:  The blue icon  Message  Labeled button  The interaction includes:  Reading the message  Clicking on the close button Gabriel Spitz 6

The Action Model  The action model deals primarily with the interaction  It suggests that the way people act can be decomposed into:  An Intention  A Plan  An action  An Evaluation  Actions are performed within a context of a higher level goal Gabriel Spitz 7

Example – Removing The Error Message Gabriel Spitz 8 What would be the cognitive steps to remove the message

Example – Removing The Error Message  To remove the error message ( Goal ) the Activity Model hypothesizes that user will  Formulate an intent to close the message  View the box and decide that to close it one needs to click on the close button  Click on the “Close” button  Check to make sure that the dialog box is indeed closed Gabriel Spitz 9

Activity Model Gabriel Spitz 10 Goal External World Execution Gap Evaluation Gap How do I (the user) affect the state of the world Was the change that I sensed the same as what I expected

Gulf of Execution  Deals with the gap between what the user wants to do – Intention and the action needed to implement the intent  How do I start my car  How do I save a document  How do I set the time on my car clock  The role of the user interface is to help bridge this gap by helping users determine how to act Gabriel Spitz 11

Gulf of Evaluation  Deals with the gap between perception and interpretation  Did my car started?  Was my document saved?  Am I controlling the time on my car clock?  The role of the user interface is to help user determine what happened in the real world Gabriel Spitz 12

Implementing the Action  For the user Interface to be effective it will need to assist users in helping them  Execution  Form an intention  Plan out the action – how will it flow  Execute the plan  Evaluation  Perceive the result  Interpret the result  Evaluate the result Gabriel Spitz 13

Gabriel Spitz 14 Form an intention Plan out the action Execute the plan Perceive the result Interpret the result Evaluate the result Veering to the Left of the Road

Closing the Gaps Helping the user cross the chasm Gabriel Spitz 15 Goal Intention Detailed Plan Comparison Interpretation Perception External World Execution

Example - Execution Forming a Goal I want to inform my team about a meeting I had. Intention to Act I have outlook open on my desktop. I will set up a meeting for the team and myself. I will open a meeting invitation Planning the Action I need to move the cursor to the meeting icon and click on it Executing the Action I move the cursor to the meeting icon and I click on it Gabriel Spitz 16

Example - Evaluation Feedback from the Action A meeting set up form is opened Interpret the Feedback I am now able able to specify a meeting and invite Sean Evaluate the Outcome Positive – I’m able to start scheduling a meeting. No further action is needed Negative – The form I opened is for scheduling an appointment not a meeting The Action Cycle is either repeated or a new goal is formed Gabriel Spitz 17

But UI is Not Always Perfect Gabriel Spitz 18

Example – Planning Challenge Gabriel Spitz 19 From Michael J. Where do I go ?

Example – Planning Challenge Gabriel Spitz 20 How do I quit ?

Example – Execution Challenge Gabriel Spitz 21 What do I click on?

Example – Interpretation Challenge Gabriel Spitz 22 Where went wrong ?

So what are the the implication of this model for design? Gabriel Spitz 23