CSCD 487/587 Human Computer Interface Winter 2013 Lecture 6 Human Cognition Continued more.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

Chapter 11 Designing the User Interface
Machine Parts and Related Terms. monitor The TV-like piece of equipment used to display text, data, and graphic images on screen.
Chapter 12 cognitive models.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Vocabulary of Design Visibility - –how easily a user can see what can be done and how to do it Mappings - –how a control and object are related –suffers.
© by Pearson Education, Inc. All Rights Reserved.
Predictive Assessment of Usability Laura Marie Leventhal.
The Essential Role of Mental Models in HCI: Card, Moran and Newell
GOMS and You CS125a - HCI Alex Feinman. Overview Background of GOMS Application of GOMS A Few Examples Related Work.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
KLM and GOMS Professor: Tapan Parikh TA: Eun Kyoung Choe
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
Predictive Evaluation Predicting performance. Predictive Models Translate empirical evidence into theories and models that can influence design. Performance.
Chapter 4 Cognitive Engineering HCI: Designing Effective Organizational Information Systems Dov Te’eni Jane M. Carey.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
I213: User Interface Design & Development Marti Hearst Tues, April 17, 2007.
Chapter 13: Designing the User Interface
Database Design IST 7-10 Presented by Miss Egan and Miss Richards.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
PRESENTED BY Mark Henry, President Mark Henry Enterprises, Inc. Copyright © 2007 Mark Henry.
SOFTWARE.
1 Theories Lecture 3. CS774 – Spring Automation and human control Successful integration:  Users can avoid: Routine, tedious, and error prone tasks.
Chapter 5 Models and theories 1. Cognitive modeling If we can build a model of how a user works, then we can predict how s/he will interact with the interface.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
UNDERSTANDING USERS: MODELING TASKS AND LOW- LEVEL INTERACTION Human-Computer Interaction
11.10 Human Computer Interface www. ICT-Teacher.com.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Lecture 6 User Interface Design
CS CS 5150 Software Engineering Lecture 11 Usability 1.
GOMS CS 160 Discussion Chris Long 3/5/97. What is GOMS? l A family of user interface modeling techniques l Goals, Operators, Methods, and Selection rules.
The Growth Of Cognitive Modeling in Human Computer Interaction Since GOMS Judith Reitman Olson and Gary M. Olson The University of Michigan Presenters:
MULTIMEDIA DEFINITION OF MULTIMEDIA
Gary MarsdenSlide 1University of Cape Town Human-Computer Interaction - 6 User Models Gary Marsden ( ) July 2002.
Object Orientated Data Topic 5: Multimedia Technology.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
Lesson 11: Looking at Files and Folders what a file or folder is on the computer how to recognize a file or folder on the desktop how to recognize the.
Conceptual Models. Conceptual model A conceptual model is: “a high-level description of how a system is organized and operates.” (Johnson and Henderson,
Editors And Debugging Systems Other System Software Text Editors Interactive Debugging Systems UNIT 5 S.Sharmili Priyadarsini.
Assistive Technology in the Classroom Setting Rebecca Puckett CAE6100 – GQ1 (24494) Dec. 7, 2009.
Understanding Users Cognition & Cognitive Frameworks
Task Analysis CSCI 4800/6800 Feb 27, Goals of task analysis Elicit descriptions of what people do Represent those descriptions Predict difficulties,
ITM 734 Introduction to Human Factors in Information Systems
The Psychology of Human-Computer Interaction
Evaluation Using Modeling. Testing Methods Same as Formative Surveys/questionnaires Interviews Observation Documentation Automatic data recording/tracking.
1 Cognitive Modeling GOMS, Keystroke Model Getting some details right!
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Computer Skills Chapter 3. Computer Skills1 by Maram & Dareen windows It is a GUI (Graphical User Interface) operating system which is designed for personal.
Cognitive Models Lecture # March, 2008Human Computer Intercation Spring 2008, Lecture #10 2 Agenda Cognitive models –KLM –GOMS –Fitt’s Law –Applications.
마스터 제목 스타일 편집 마스터 텍스트 스타일을 편집합니다 둘째 수준 셋째 수준 넷째 수준 다섯째 수준 The GOMS Family of User Interface Analysis Techniques : Comparison and Contrast Bonnie E. John.
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
Lecture 13 CSE 403 User oriented design. Design principles from DOET Provide a good conceptual model Make things visible Principle of Mapping Principle.
1CS 338: Graphical User Interfaces. Dario Salvucci, Drexel University. Lecture 15: User Modeling.
1 Presentation Methodology Summary B. Golden. 2 Introduction Why use visualizations?  To facilitate user comprehension  To convey complexity and intricacy.
A disciplined approach to analyzing malfunctions –Provides feedback into the redesign process 1.Play protocol, searching for malfunctions 2.Answer four.
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
Contextual menus Provide access to often-used commands that make sense in the context of a current task Appear when the user presses the Control key while.
Human Computer Interaction Lecture 23 Cognitive Models
Task Analysis CSCI 4800/6800 Feb 27, 2003.
CEN3722 Human Computer Interaction Cognition and Perception
The Desktop Screen image displayed when a PC starts up A metaphor
15. Human-Computer Interaction
GRAPHICAL USER INTERFACE
Cognitive models linguistic physical and device architectural
Model based design NGOMSL and CPM- GOMS
Model based design keystroke level model
Human Computer Interaction Lecture 24 Cognitive Models
Presentation transcript:

CSCD 487/587 Human Computer Interface Winter 2013 Lecture 6 Human Cognition Continued more

Overview Look more in depth at models of cognition Visual details important for designers of interactive systems Other senses are not as important Look at that next time

3 CONCEPTUAL MODELS Model can help designers make decisions how the interface should look and feel even what functions are important What information do we present to the user? What information do we want to ge back from the user? First step in Design Important to develop a unifying model for the interface how it is organised how it operates the concepts modelled by the interface the relationships between those concepts

4 C ONCEPTUAL M ODELS Model can help designers make decisions How the interface should look and feel even what functions are important E.g. what's the underlying model of selection in PowerPoint? Simple click selects an item? Shift click toggles an item's entry in a list Simple click clears the list and adds an item

5 B ENEFITS T O T HE D ESIGN T EAM 1. Allows them to focus on user experience 2. Gives them a common vocabulary if they talk to each other 3.Delays commitment to detailed design 4. Facilitates future developments model paves the way for future developments tho' it's understood that they won't be implemented just yet

6 W HAT'S I N A C ONCEPTUAL M ODEL ? Metaphors and analogies Assist users to understand the purpose of the product Assist users to understand the usage of product Concepts that underlie the product need to be clear Paint tools apply colour to a surface Drawing tools construct geometric shapes Photo editing tools apply filters to an image Ex.: cf scribbler

7 A N E ARLY, I NFLUENTIAL C ONCEPTUAL M ODEL VISICALC Calculation tool for financial modelling Not based on a calculator Showed many data items Allowed many identical calculations Based on existing system Ledger sheet Familiar appearance Known to be valuable Extended existing system Real-time data entry Real-time calculations

8 A NALYSE T HE P ROBLEM S PACE F IRST If We Don't Use Conceptual Models …. Starting with functional requirements Can obscure usability considerations Starting with an interface technology Can lead to inappropriate interfaces Consider GPS car navigation system VR heads-up display – obscure real items maps on LCD displays – distracting spoken instructions redress the balance Start with Abstract Analysis Assumptions – reasons, often presented without empirical justification Claims – have to be lived up to goals not bad practice, if they can be verified Both have been used

9 W HAT D ID T HE D EVELOPERS A SSUME? itunes Users want to organise playlists Users will organise their music files with itunes Focus on individual songs? Focus on albums? People will buy individual songs How do you rate importance of Playing individual songs? Playing playlists? What could you do to verify what users wanted? when playing moreso when buying Were Apple's assumptions warranted?

10 W HAT D ID T HE D EVELOPERS C LAIM ? With the integrated iTunes Store, you can buildiTunes Store a collection of digital music movies TV shows iPod games audiobooks podcasts from the comfort of your computer

11 I NTERFACE M ETAPHORS Provide similarity to a real-world, physical object Called an analogy if appearance is similar People do variety of clerical, drawing, etc. tasks at a desk Computers that facilitate similar tasks should be similar to this Metaphor is not limited to properties of real-world object copying files or folders searching for files Replaces computer-related jargon with familiar terms easier to learn and talk about Metaphor may be quite abstract What sort of engine is in a search engine Steam, gas turbine, internal combustion?

12 B ENEFITS O F I NTERFACE M ETAPHORS Provides a clue to the underlying conceptual model Familiarity reduces difficulty of learning Empowers a wide variety of non-technical users Before the desktop metaphor, computer usage was hieratic Well-chosen metaphor can prompt new functionality Shortcuts allow files to be in two places at once

13 P ROBLEMS W ITH I NTERFACE M ETAPHORS Can limit designers' exploration of the solution space cf. "well-chosen metaphor can prompt new functionality" Can conflict with interface design principles Music software often has rotary knobs linear movements are easier with a mouse Can restrict users' understanding of the system to the metaphor Variable names in programming languages hide reality of storage allocation

14 I NTERPRET D ATA F OR T HE U SER T O G UIDE D ECISIONS Copying one file over another requires confirmation Why doesn’t it show Filesizes graphically and a timeline to indicate relative ages of the files? Or compare filesizes and dates for the user the existing file with this bigger, newer file 1.76MB pm Tuesday 8 March MB am Today 12 March 2007 Cancel Confirm incoming file is bigger and newer Confirm file replace 21 Dec 2:43: Feb 19:33: MB 25MB74MB Cancel Confirm Confirm file replace incoming file is bigger and older 21 Dec 2:43: Feb 19:33: MB 25MB74MB Cancel Confirm Confirm file replace incoming file is smaller and newer 21 Dec 2:43: Feb 19:33: MB 25MB Cancel Confirm Confirm file replace 21 Dec 2:43: Feb MB 25MB incoming file is smaller and older 25MB

15 M AKE T HE M ENTAL M ODEL C LEAR Internal construction of some aspect of the external world enabling predictions to be made ? “The designer has a clear (mental) model of how the system works, but the ‘system image’ does not convey it and the user gets lost.”

16 W HAT'S T HE M IND L IKE ? Information processing model Data enters Successive processing stages images mental models rules Delays enables predictions of times required to perform specific tasks Internal and external information "external cognition" uses input encoding comparison response selection response execution output

17 GOMS Models

GOMS: Definition  Overview of GOMS UIDesign/2a_GOMS_Architectures.pdf  GOMS models user’s behavior in terms of: G oals  What the user wants to do. O perators  Specific steps a user is able to take and assigned a specific execution time. M ethods  Well-learned sequences of subgoals and operators that can accomplish a goal. S election Rules  Guidelines for deciding between multiple methods.

GOMS: A Family of Models  Keystroke-Level Model (KLM)  Card, Moran, and Newell (CMN-GOMS)  We will only look at first two  Natural GOMS Language (NGOMSL)  Cognitive-Perceptual-Motor GOMS (CPM-GOMS)

GOMS: Keystroke-Level Model (KLM)  Simplest GOMS technique Basis for all other GOMS techniques Predicts execution time  Requires analyst-supplied methods  Assumes that routine cognitive skills can be decomposed into a serial sequence of basic cognitive operations and motor activities, which are: K: A keystroke (280 msec) M: A single mental operator (1350 msec) P: Pointing to a target on a small display (1100 msec) H: Moving hands from the keyboard to a mouse (400 msec)

Top-level Goal:Edit Manuscript (move “quick brown” to before “fox”) Subgoal: Highlight text Operators: Move-mouse Click mouse-button Type characters (keyboard shortcuts) Methods: 1. Delete-word-and-retype (retype method) 2. Cut-and-paste-using-keyboard-shortcuts (shortcuts method) 3. Cut-and-paste-using menus (menus method) Selection Rules:If the text to be moved is one or two characters long, use retype method Else, if remember shortcuts, use shortcuts methodElse, use the menus method KLM Example

DescriptionOperatorDuration (sec) Mentally PrepareM1.35 Move cursor to “quick”P1.10 Double-click mouse buttonK0.40 Move cursor to “brown”P1.10 Shift-click mouse buttonK0.40 Mentally PrepareM1.35 Move cursor to Edit MenuP1.10 Click mouse buttonK0.20 Move cursor to Cut menu itemP1.10 Click mouse buttonK0.20 Mentally PrepareM1.35 Move cursor to before “fox”P1.10 Click mouse buttonK0.20 Mentally PrepareM1.35 Move cursor to Edit menuP1.10 Click mouse buttonK0.20 Move cursor to Paste menu itemP1.10 Click mouse buttonK0.20 TOTAL PREDICTED TIME Method Used Cut-and-paste-using-menus M=1.35 P=1.10 K=0.20

GOMS: Card, Moran, and Newell (CMN-GOMS)  Subgoal invocations and method selection are predicted by the model given the task situation  Predicts operator sequence and execution time  Based directly on the Model Human Processor

DescriptionDuration (sec) GOAL: MOVE-TEXT …….GOAL: CUT-TEXT ……………GOAL: HIGHLIGHT-TEXT ………………..MOVE-CURSOR-TO-BEGINNING1.10 ………………..CLICK-MOUSE-BUTTON0.20 ………………..MOVE-CURSOR-TO-END1.10 ………………..SHIFT-CLICK-MOUSE-BUTTON0.48 ………………..VERIFY-HIGHLIGHT1.35 ……… GOAL: ISSUE-CUT-COMMAND …………………MOVE-CURSOR-TO-EDIT-MENU …………………PRESS-MOUSE-BUTTON0.10 …………………MOVE-MOUSE-TO-CUT-ITEM1.10 …………………VERIFY-HIGHLIGHT1.35 …………………RELEASE-MOUSE-BUTTON0.10 ………GOAL: PASTE-TEXT …………….GOAL: POSITION-CURSOR-AT-INSERTION-POINT …………………MOVE-CURSOR-TO-INSERTION-POINT1.10 …………………CLICK-MOUSE-BUTTON0.20 …………………VERIFY-POSITION1.35 …………….GOAL: ISSUE-PASTE-COMMAND …………………MOVE-CURSOR-TO-EDIT-MENU …………………PRESS-MOUSE-BUTTON0.10 …………………MOVE-MOUSE-TO-PASTE-ITEM …………………VERIFY-HIGHLIGHT1.35 …………………RELEASE-MOUSE-BUTTON0.10 TOTAL PREDICTED TIME CMN-GOMS

Summary Models and knowledge of cognitive processes can only help with designing interfaces Should know what humans are thinking (in general) when they are presented with color, visual cues and complexity

The End Talk about assignment today.