SlideShare una empresa de Scribd logo
1 de 72
Descargar para leer sin conexión
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Introduction to Human-Computer
Interaction – Cognitive Issues
Attribution-ShareAlike

CC BY-SA
Harry Hochheiser
University of Pittsburgh
Department of Biomedical Informatics
harryh@pitt.edu
+1 412 648 9300
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
What is usability?
!
What does it mean to be usable?
!
Which factors influence usability?
!
How can we make an interface usable?
!
Is interface design an art or a science?
!
Goal – develop some intuitions
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
What does it mean to be “usable”?
!
Find something usable
!
Software, hardware, etc.
!
Why is it usable? What do you mean when you say that?
!
Something unusable?
!
What doesn't work? What's hard?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Usability Successes
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Usability Failures
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
A Usability Failure
The light switch in my office…
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
A Usability Failure
Control to turn off light sensor
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
A Usability Failure
Controls??
How might we improve
upon this?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Dimensions of Usability
!
Efficiency
!
Learnability
!
Memorability
!
Error Handling/Prevention
!
Satisfaction
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Efficiency
!
Can the system be used to complete the specified task?
!
How much time does it take to complete a task?
!
How many operations?
!
How much movement?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Learnability
!
How quickly can a novice learn to use tool?
!
What help/assistance is given?
!
Consistency with similar system and/or convention?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Memorability
!
Retention of proficiency over time?
!
Reminders and cues
!
Recognition vs. Recall
!
Minimizing cognitive load
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Error Prevention/Handling
!
What is the error rate?
!
Slips vs. mistakes
!
Preventing errors
!
Responding to errors
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Satisfaction
!
Do users feel that the tool was usable?
!
Do they want to use it more?
!
Is it aesthetically appealing?
!
Don Norman: “Attractive things work better”
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Tradeoffs/challenges
!
Efficiency vs. Learnability
!
Expert interfaces
!
Learnability vs. power/expressive control?
!
Power tools may be hard to learn
!
Satisfaction vs. learnability
!
Hidden interactions on tablets
!
Efficiency vs. Errors?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Human Abilities
Motor Abilities: How we can manipulate our world
Perception: What we take in from surroundings
Cognition: What we know
Capabilities influence theories, models, guidelines, etc.
leading to interfaces based on realistic understanding of
what people can do and how they can work.
not how we think they should work.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Motor abilities
• How quickly can we move around?
• Cost of various actions
• mouse vs. keyboard?
• cut down on number of steps required?
Fitts's law: time between two targets is proportional to
distance + inverse of size of targets:
a – start time, b - speed of device, d- distance, w – target widths
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
BAOBAB JAMA video..
BAOBAB Screen shots.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Perception
Visual
Tactile
Auditory
Taste/Smell
rarely used in HCI
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Visual Perception
Good use of Contrast/Color help
except when they don't – color blindness
Which is easiest to read and why?
What is the time?
What is the time?
What is the time?
What is the time?
What is the time?
What is the time?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
show baobab web site.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Pre-attentive Processing
• Limited set of visual properties are processed pre-attentivel
without need for focusing attention
• < 200 - 250ms qualifies as pre-attentive
• Important for design:
• what can be perceived immediately: things pop out
• what properties are good discriminators
• Color, shape
• what can mislead viewers
• Combinations may not be pre-attentive
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Find the red circle
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Find the red circle
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Not Pre-attentive: conjunction 

of shape and color
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Pattern perception driven by
• proximity
• similarity
• smooth/good continuation
Perceptual Grouping - Gestalt
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Grouping
Rosenholtz, et al. 2009
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Grouping
Rosenholtz, et al. 2009
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Cognitive concerns
Attention
Memory
long-term
short-term
Language: reading, speaking, listening
Problem solving: planning, reasoning & decision-making
Learning
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Attention
We don't see -or “attend to” most of the world around us
attention -filtering out the noise
without attention, we'd couldn't function
how do we capture attention
“retinal attributes” intensity, marking, size, fonts, color..
change
• movement
• lights
• sound
• etc..
Cost of capturing attention: distraction
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Question: When to claim attention?
Want to notify users of problems
Each claim on attention has a cost
context-shift takes time, loses focus
When should an interface interrupt the user?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Change Blindness

http://www.youtube.com/watch?v=Ahg6qcgoay4
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Short-term Memory
temporary recall
small - 7 +/-2 “chunks”
• George Miller – remembering strings of numbers
rapid access, rapid decay
repeat to send to long-term
sometimes used in interaction design.
not necessarily appropriate.
• interfaces are about recognition
• STM is about recall
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Long-term memory
Huge capacity
Slow access, decay
episodic: events and experiences
semantic: structured records of facts, concepts, skills.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Examples of ways that interfaces
can work with memory constraints?
• Don't overtax short-term
• excel copying
• Help build long-term
• consistency
• (don’t force people to remember what’s been entered -)
• vb screenshot.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Conceptual models
!
Mental constructions that describe how something works
! or how you think it works
Good models help with predictability
key concept in HCI
To build good conceptual model
must understand the way users work and approach problems
otherwise, you get interfaces that reflect models from the designer,
organization, etc., that don't reflect how users work.
Deep vs. shallow
deep – understanding of mechanisms - “white box”
shallow – how to use something - “black box”
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Whose conceptual model?
Don Norman, Design of Everyday Things
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Norman's Refrigerator Thermostat
Don Norman, Design of Everyday Things
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Norman's refrigerator thermostat

Mental Models
It's been > 15 years since I first read this book, and I'm
still confused by this model.
.. and my fridge is still not correctly adjusted.
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Examples of mental model 

mismatches?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Language: reading, speaking, listening
• We're good at these things
• but, they require attention
• May distract from other tasks
• don't like to read manuals
• try listening to the news while you work on computer
• Speech recognition: thinking about your voice controls may
interfere with language tasks (i.e, writing)
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Problem solving: planning, reasoning &
decision-making
• When solving the problem of how to accomplish a task with
the computer..
• System should help figure out next tasks
• logical design – visibility and mapping
• When trying to use the computer to solve a problem
• System should get out of the way
• Not distract from focus on problem
• interfaces that disappear
• No one wants to just “use the computer” - they want to accomplish
goals
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
The Psychopathology of Everyday Things

Don Norman – Design of Everyday Things, Ch. 1
Favorite quote: “if a door handle needs a sign, then its
design is probably faulty”
“When simple things need pictures, labels, or instructions, the design
has failed”
Thinking about how design relates to human psychology
ideally, design should be consistent with how we think
Learn from failures
Principles all applicable to computer interfaces
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Norman's Seven Stages of Actions
Form goal
Form intention
Specify action
execute action
perceive state
interpret state
evaluate outcome
Cycles
evaluation – mismatch between system output and user expectations
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Gulfs of Execution and Evaluation
User Goals System
Capabilities
Gulf of Execution - interface design
Intentions Action
Specification
Interface
Mechanism
Gulf of Evaluation - information design
Interface
Display
InterpretationEvaluation
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Goal: Enter a new prescription
• Initial intention: How do I decide where to start?
• selecting a medication…
• Action Specification: Once I know first step, what do I
do?
• Interface Mechanism: which buttons do I press, in
which order?
Gulf of Execution
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• After execution
• Interface display: What happened/changed in response to
my action?
• Interpretation: What does it mean?
• Evaluation
• did the right thing happen?
• am I closer to my larger goal?
• do I need to change my goal or my choice of tactics?
Gulf of Evaluation
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Bridging Gulfs
Execution
clarity of action
Transparent interfaces with affordances
Wizards
Help/Tutorials
Evaluation
Feedback
Explanation
Error Messages
Undo
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Affordances
“actionable properties between
the world and an actor (a person or animal).”
(Gibson, quoted by Nielsen http://www.jnd.org/dn.mss/affordances_and.html)
“Perceived affordance” - design that communicates
possibility of an action to the user.
What makes an affordance? Examples?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Models
Response time - how long it takes from initiation to display of results
Think time – time before starting next action
As response time decreases, approach simpler model
Interface can help reduce planning time?
How to measure think time?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Predictive Models of task completion times
• Motion
• Button press
• Think, etc.
• CogTool: www.cogtool.com
Keystroke-Level Models &
Goals, Operators, Methods,
Selection Rules
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Cogtool and ANC
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Cognitive Load, Errors, and
Response Time
More effort spent planning and waiting increases cognitive
load and short-term memory - more errors
But, errors are more expensive
vicious cycle
Interruptions can be expensive
derail thinking/flow
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Mappings
Correspondence between
what you want to do
what appears to be possible
You want to go forwards/backwards, but controls are only up and
down
visibility indicates mapping between intended actions and
operations.
Light switches in order of where the lights are?
Good mappings reduce cognitive overload
leverage previous knowledge
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Mapping Successes and/or Failures?
Refrigerator controls -
2 controls implies 2 systems to regulate
Others?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Visibility
• “correct parts must be visible, and they must convey the
correct message”.
• “natural signals”
• What's natural in a computer interface?
• what's intuitive?
• What does visibility look like?
• Is strict visibility crucial?
• Weaker notion: parts that aren't immediately visible should be findable
in appropriate places?
• “Whenever the number of possible actions exceeds the number of
controls, there is apt to be difficulty.”
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Interfaces are languages
Levels of Visibility
Lexical-Syntactic-Semantic-Conceptual
Foley & van Dam, as interpreted by Myers
(http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx)
Letters/Words Sentences Paragraphs Ideas
Lexical Syntactic Semantic Conceptual
Keys, Buttons, Sequences Tasks Domain Concepts
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Spelling and composition of “tokens”
• “add” vs. “append” vs “^a” vs
• Location of controls
• “Key-stroke”
• Make items visible
• Distinguish between items that can and cannot be acted
upon
Lexical Visibility
Myers http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Ordering of inputs
• Legal a tokens must sensible order in?
Syntactic Visibility
• Tokens must be used in a legal, sensible order.
• Visual cues can improve visibility
• Gray out inactive/inappropriate items
• Grouping and spacing
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• System functionality
• High-level tasks
• Patient creation
• Patient lookup
• data retrieval
• How do sequences of actions complete a task?
• Task sequence and completion indicators
• Wizards
• Titles/screen layout
Semantic Visibility
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
• Conceptual (definition from Foley & Van Dam text, 1st edition)
• key application concepts that must be understood by user
• User model
• Objects and classes of objects
• Relationships
• Operations
• Example: text editor
• objects = characters, files, paragraphs
• relationships = files contain paragraphs contain chars
• operations = insert, delete, etc.
Conceptual Visibility
Myers http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Feedback
Action without impact is potentially problematic.
as is reducing complex set of actions to one piece of
information (done/failed)
or, lack of feedback on long-running actions
Don't know if your action has taken place or not
so, you do it again
Therac 25
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Errors, Mistakes, Slips
Slips – you know what to do, but you do the wrong thing
Mistake – incorrect mental model
Examples ? Slips? Mistakes?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
How to tell the difference?
!
Mistakes are based on difficulty in underlying mental
model
!
But, mental models aren't visible
!
Must elicit model from user
!
“think-aloud” protocols –User describes actions, goals,
ideas, as they do the work.
!
Statements that suggest a mental model might be
inconsistent with system model → mistakes
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
System
Capabilities
Execution, Evaluation, Mistakes, Slips
User Goals
Gulf of Execution - interface design
Intentions Action
Specification
Interface
Mechanism
Gulf of Evaluation - information design
Interface
Display
InterpretationEvaluation
SlipsMistakes
Slips
Mistakes
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
How to redesign to avoid slips?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
How to redesign to avoid slips?
Clarity in labeling?
Clear affordances
Mapping
Visibility
Feedback..
Undo!
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Redesign to avoid mistakes?
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Redesign to avoid mistakes?
Preferred approaches:
Revise the system model to meet the user model
Revise work and information flow.
Acceptable:
Increase visibility, feedback, mappings of the system
model
Not mutually exclusive!
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
Slips and Mistakes in Clinical Informatics
Why so important?
Factors that distinguish clinical informatics from other
settings?
“To Err is Human” 1999 – Institute of Medicine
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
A cognitive taxonomy of medical errors

Zhang, et al. 2004
System Hierarchy

U = f(u,c,t,s)

U → usability

u → user

c → context

t → task

s → system
Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu
A cognitive taxonomy of medical errors

Zhang, et al. 2004

Más contenido relacionado

Similar a Usability - cognitive Factors - Baobab Health Trust, March 2014

User Interface design notes
User Interface design notesUser Interface design notes
User Interface design notesHarry Hochheiser
 
Notes on user observations for Baobab Health Trust, March 2014
Notes on user observations for Baobab Health Trust, March 2014Notes on user observations for Baobab Health Trust, March 2014
Notes on user observations for Baobab Health Trust, March 2014Harry Hochheiser
 
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014Notes on evaluation and usability inspection, Baobab Health Trust, March 2014
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014Harry Hochheiser
 
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014Harry Hochheiser
 
Introduction to usability studies, presented to Baobab Health Trust
Introduction to usability studies, presented to Baobab Health TrustIntroduction to usability studies, presented to Baobab Health Trust
Introduction to usability studies, presented to Baobab Health TrustHarry Hochheiser
 
Baobab 2015 modeling and design
Baobab 2015   modeling and designBaobab 2015   modeling and design
Baobab 2015 modeling and designHarry Hochheiser
 
Baobab spring 2015 analyzing
Baobab spring 2015   analyzingBaobab spring 2015   analyzing
Baobab spring 2015 analyzingHarry Hochheiser
 
Modeling and Design Notes for HIV Testing and Counseling, Baobab Health
Modeling and Design Notes for HIV Testing and Counseling, Baobab HealthModeling and Design Notes for HIV Testing and Counseling, Baobab Health
Modeling and Design Notes for HIV Testing and Counseling, Baobab HealthHarry Hochheiser
 
Design Thinking Informational Report
Design Thinking Informational Report Design Thinking Informational Report
Design Thinking Informational Report Peter Guth
 
Toolkit for Human Centered Design by Radboudumc REshape
Toolkit for Human Centered Design by Radboudumc REshapeToolkit for Human Centered Design by Radboudumc REshape
Toolkit for Human Centered Design by Radboudumc REshapeRobin Hooijer
 
Accidental Library Supervisor
Accidental Library Supervisor Accidental Library Supervisor
Accidental Library Supervisor Deb Hoadley
 
WORKSHOP: 7 Elements to Responsive design
WORKSHOP: 7 Elements to Responsive designWORKSHOP: 7 Elements to Responsive design
WORKSHOP: 7 Elements to Responsive designUsability Matters
 
Forget the Fairy Dust - How to Create Content That (Actually) Works
Forget the Fairy Dust - How to Create Content That (Actually) WorksForget the Fairy Dust - How to Create Content That (Actually) Works
Forget the Fairy Dust - How to Create Content That (Actually) WorksJoel Klettke
 
No Nonsense Content Marketing - MNsearch 2017 - Slideshare
No Nonsense Content Marketing - MNsearch 2017 - SlideshareNo Nonsense Content Marketing - MNsearch 2017 - Slideshare
No Nonsense Content Marketing - MNsearch 2017 - SlideshareJohn Doherty
 
Collaborative Research | uxlx 2014
Collaborative Research | uxlx 2014Collaborative Research | uxlx 2014
Collaborative Research | uxlx 2014Erika Hall
 
Bringing Design Thinking to Open Source
Bringing Design Thinking to Open SourceBringing Design Thinking to Open Source
Bringing Design Thinking to Open SourceAll Things Open
 
Workplace Motivation - Anatomy of a Good Job
Workplace Motivation - Anatomy of a Good JobWorkplace Motivation - Anatomy of a Good Job
Workplace Motivation - Anatomy of a Good JobMatthew LeVeque
 
Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?mikescopino
 

Similar a Usability - cognitive Factors - Baobab Health Trust, March 2014 (20)

User Interface design notes
User Interface design notesUser Interface design notes
User Interface design notes
 
Notes on user observations for Baobab Health Trust, March 2014
Notes on user observations for Baobab Health Trust, March 2014Notes on user observations for Baobab Health Trust, March 2014
Notes on user observations for Baobab Health Trust, March 2014
 
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014Notes on evaluation and usability inspection, Baobab Health Trust, March 2014
Notes on evaluation and usability inspection, Baobab Health Trust, March 2014
 
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014
Contextual Inquiry and Modeling Notes, Baobab Trust, March 2014
 
Introduction to usability studies, presented to Baobab Health Trust
Introduction to usability studies, presented to Baobab Health TrustIntroduction to usability studies, presented to Baobab Health Trust
Introduction to usability studies, presented to Baobab Health Trust
 
Baobab 2015 modeling and design
Baobab 2015   modeling and designBaobab 2015   modeling and design
Baobab 2015 modeling and design
 
Baobab spring 2015 analyzing
Baobab spring 2015   analyzingBaobab spring 2015   analyzing
Baobab spring 2015 analyzing
 
Modeling and Design Notes for HIV Testing and Counseling, Baobab Health
Modeling and Design Notes for HIV Testing and Counseling, Baobab HealthModeling and Design Notes for HIV Testing and Counseling, Baobab Health
Modeling and Design Notes for HIV Testing and Counseling, Baobab Health
 
Selling yourideas
Selling yourideasSelling yourideas
Selling yourideas
 
Design Thinking Informational Report
Design Thinking Informational Report Design Thinking Informational Report
Design Thinking Informational Report
 
Toolkit for Human Centered Design by Radboudumc REshape
Toolkit for Human Centered Design by Radboudumc REshapeToolkit for Human Centered Design by Radboudumc REshape
Toolkit for Human Centered Design by Radboudumc REshape
 
Accidental Library Supervisor
Accidental Library Supervisor Accidental Library Supervisor
Accidental Library Supervisor
 
WORKSHOP: 7 Elements to Responsive design
WORKSHOP: 7 Elements to Responsive designWORKSHOP: 7 Elements to Responsive design
WORKSHOP: 7 Elements to Responsive design
 
Forget the Fairy Dust - How to Create Content That (Actually) Works
Forget the Fairy Dust - How to Create Content That (Actually) WorksForget the Fairy Dust - How to Create Content That (Actually) Works
Forget the Fairy Dust - How to Create Content That (Actually) Works
 
No Nonsense Content Marketing - MNsearch 2017 - Slideshare
No Nonsense Content Marketing - MNsearch 2017 - SlideshareNo Nonsense Content Marketing - MNsearch 2017 - Slideshare
No Nonsense Content Marketing - MNsearch 2017 - Slideshare
 
Collaborative Research | uxlx 2014
Collaborative Research | uxlx 2014Collaborative Research | uxlx 2014
Collaborative Research | uxlx 2014
 
Bringing Design Thinking to Open Source
Bringing Design Thinking to Open SourceBringing Design Thinking to Open Source
Bringing Design Thinking to Open Source
 
Bih - Personas
Bih - PersonasBih - Personas
Bih - Personas
 
Workplace Motivation - Anatomy of a Good Job
Workplace Motivation - Anatomy of a Good JobWorkplace Motivation - Anatomy of a Good Job
Workplace Motivation - Anatomy of a Good Job
 
Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?Talk It Out, Or Write It Down?
Talk It Out, Or Write It Down?
 

Más de Harry Hochheiser

Baobab Health, Cognitive Walkthrough
Baobab Health, Cognitive WalkthroughBaobab Health, Cognitive Walkthrough
Baobab Health, Cognitive WalkthroughHarry Hochheiser
 
Baobab Health 2015 Usability Inspections
Baobab Health 2015 Usability InspectionsBaobab Health 2015 Usability Inspections
Baobab Health 2015 Usability InspectionsHarry Hochheiser
 
Baobab 2015 Cognitive issues and usability
Baobab 2015 Cognitive issues and usabilityBaobab 2015 Cognitive issues and usability
Baobab 2015 Cognitive issues and usabilityHarry Hochheiser
 
Baobab spring 2015 usability and contextual inquiry
Baobab spring 2015   usability and contextual inquiryBaobab spring 2015   usability and contextual inquiry
Baobab spring 2015 usability and contextual inquiryHarry Hochheiser
 
Toward interactive visual tools for comparing phenotype profiles
Toward interactive visual tools for comparing phenotype profilesToward interactive visual tools for comparing phenotype profiles
Toward interactive visual tools for comparing phenotype profilesHarry Hochheiser
 
The Monarch Initiative Phenotype Grid
The Monarch Initiative Phenotype GridThe Monarch Initiative Phenotype Grid
The Monarch Initiative Phenotype GridHarry Hochheiser
 
Hochheiser nlm-meeting-201406041612
Hochheiser nlm-meeting-201406041612Hochheiser nlm-meeting-201406041612
Hochheiser nlm-meeting-201406041612Harry Hochheiser
 
Notes on redesign of Baobab Health Trust Prescribing Interface
Notes on redesign of Baobab Health Trust Prescribing InterfaceNotes on redesign of Baobab Health Trust Prescribing Interface
Notes on redesign of Baobab Health Trust Prescribing InterfaceHarry Hochheiser
 
Translational Data Sharing: Informatics Challenges and Opportunities
Translational Data Sharing: Informatics Challenges and OpportunitiesTranslational Data Sharing: Informatics Challenges and Opportunities
Translational Data Sharing: Informatics Challenges and OpportunitiesHarry Hochheiser
 
Adventures in Translational Bioinformatics
Adventures in Translational BioinformaticsAdventures in Translational Bioinformatics
Adventures in Translational BioinformaticsHarry Hochheiser
 

Más de Harry Hochheiser (11)

Baobab Health, Cognitive Walkthrough
Baobab Health, Cognitive WalkthroughBaobab Health, Cognitive Walkthrough
Baobab Health, Cognitive Walkthrough
 
Baobab Health 2015 Usability Inspections
Baobab Health 2015 Usability InspectionsBaobab Health 2015 Usability Inspections
Baobab Health 2015 Usability Inspections
 
Baobab User stories
Baobab User storiesBaobab User stories
Baobab User stories
 
Baobab 2015 Cognitive issues and usability
Baobab 2015 Cognitive issues and usabilityBaobab 2015 Cognitive issues and usability
Baobab 2015 Cognitive issues and usability
 
Baobab spring 2015 usability and contextual inquiry
Baobab spring 2015   usability and contextual inquiryBaobab spring 2015   usability and contextual inquiry
Baobab spring 2015 usability and contextual inquiry
 
Toward interactive visual tools for comparing phenotype profiles
Toward interactive visual tools for comparing phenotype profilesToward interactive visual tools for comparing phenotype profiles
Toward interactive visual tools for comparing phenotype profiles
 
The Monarch Initiative Phenotype Grid
The Monarch Initiative Phenotype GridThe Monarch Initiative Phenotype Grid
The Monarch Initiative Phenotype Grid
 
Hochheiser nlm-meeting-201406041612
Hochheiser nlm-meeting-201406041612Hochheiser nlm-meeting-201406041612
Hochheiser nlm-meeting-201406041612
 
Notes on redesign of Baobab Health Trust Prescribing Interface
Notes on redesign of Baobab Health Trust Prescribing InterfaceNotes on redesign of Baobab Health Trust Prescribing Interface
Notes on redesign of Baobab Health Trust Prescribing Interface
 
Translational Data Sharing: Informatics Challenges and Opportunities
Translational Data Sharing: Informatics Challenges and OpportunitiesTranslational Data Sharing: Informatics Challenges and Opportunities
Translational Data Sharing: Informatics Challenges and Opportunities
 
Adventures in Translational Bioinformatics
Adventures in Translational BioinformaticsAdventures in Translational Bioinformatics
Adventures in Translational Bioinformatics
 

Último

Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsRommel Regala
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
Millenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxMillenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxJanEmmanBrigoli
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 

Último (20)

Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World Politics
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
Millenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptxMillenials and Fillennials (Ethical Challenge and Responses).pptx
Millenials and Fillennials (Ethical Challenge and Responses).pptx
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 

Usability - cognitive Factors - Baobab Health Trust, March 2014

  • 1. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Introduction to Human-Computer Interaction – Cognitive Issues Attribution-ShareAlike CC BY-SA Harry Hochheiser University of Pittsburgh Department of Biomedical Informatics harryh@pitt.edu +1 412 648 9300
  • 2. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu What is usability? ! What does it mean to be usable? ! Which factors influence usability? ! How can we make an interface usable? ! Is interface design an art or a science? ! Goal – develop some intuitions
  • 3. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu What does it mean to be “usable”? ! Find something usable ! Software, hardware, etc. ! Why is it usable? What do you mean when you say that? ! Something unusable? ! What doesn't work? What's hard?
  • 4. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Usability Successes
  • 5. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Usability Failures
  • 6. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu A Usability Failure The light switch in my office…
  • 7. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu A Usability Failure Control to turn off light sensor
  • 8. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu A Usability Failure Controls?? How might we improve upon this?
  • 9. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Dimensions of Usability ! Efficiency ! Learnability ! Memorability ! Error Handling/Prevention ! Satisfaction
  • 10. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Efficiency ! Can the system be used to complete the specified task? ! How much time does it take to complete a task? ! How many operations? ! How much movement?
  • 11. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Learnability ! How quickly can a novice learn to use tool? ! What help/assistance is given? ! Consistency with similar system and/or convention?
  • 12. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Memorability ! Retention of proficiency over time? ! Reminders and cues ! Recognition vs. Recall ! Minimizing cognitive load
  • 13. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Error Prevention/Handling ! What is the error rate? ! Slips vs. mistakes ! Preventing errors ! Responding to errors
  • 14. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Satisfaction ! Do users feel that the tool was usable? ! Do they want to use it more? ! Is it aesthetically appealing? ! Don Norman: “Attractive things work better”
  • 15. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Tradeoffs/challenges ! Efficiency vs. Learnability ! Expert interfaces ! Learnability vs. power/expressive control? ! Power tools may be hard to learn ! Satisfaction vs. learnability ! Hidden interactions on tablets ! Efficiency vs. Errors?
  • 16. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Human Abilities Motor Abilities: How we can manipulate our world Perception: What we take in from surroundings Cognition: What we know Capabilities influence theories, models, guidelines, etc. leading to interfaces based on realistic understanding of what people can do and how they can work. not how we think they should work.
  • 17. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Motor abilities • How quickly can we move around? • Cost of various actions • mouse vs. keyboard? • cut down on number of steps required? Fitts's law: time between two targets is proportional to distance + inverse of size of targets: a – start time, b - speed of device, d- distance, w – target widths
  • 18. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu BAOBAB JAMA video.. BAOBAB Screen shots.
  • 19. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Perception Visual Tactile Auditory Taste/Smell rarely used in HCI
  • 20. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Visual Perception Good use of Contrast/Color help except when they don't – color blindness Which is easiest to read and why? What is the time? What is the time? What is the time? What is the time? What is the time? What is the time?
  • 21. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu show baobab web site.
  • 22. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Pre-attentive Processing • Limited set of visual properties are processed pre-attentivel without need for focusing attention • < 200 - 250ms qualifies as pre-attentive • Important for design: • what can be perceived immediately: things pop out • what properties are good discriminators • Color, shape • what can mislead viewers • Combinations may not be pre-attentive
  • 23. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Find the red circle
  • 24. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Find the red circle
  • 25. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Not Pre-attentive: conjunction 
 of shape and color
  • 26. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Pattern perception driven by • proximity • similarity • smooth/good continuation Perceptual Grouping - Gestalt
  • 27. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Grouping Rosenholtz, et al. 2009
  • 28. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Grouping Rosenholtz, et al. 2009
  • 29. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Cognitive concerns Attention Memory long-term short-term Language: reading, speaking, listening Problem solving: planning, reasoning & decision-making Learning
  • 30. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Attention We don't see -or “attend to” most of the world around us attention -filtering out the noise without attention, we'd couldn't function how do we capture attention “retinal attributes” intensity, marking, size, fonts, color.. change • movement • lights • sound • etc.. Cost of capturing attention: distraction
  • 31. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Question: When to claim attention? Want to notify users of problems Each claim on attention has a cost context-shift takes time, loses focus When should an interface interrupt the user?
  • 32. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Change Blindness
 http://www.youtube.com/watch?v=Ahg6qcgoay4
  • 33. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Short-term Memory temporary recall small - 7 +/-2 “chunks” • George Miller – remembering strings of numbers rapid access, rapid decay repeat to send to long-term sometimes used in interaction design. not necessarily appropriate. • interfaces are about recognition • STM is about recall
  • 34. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Long-term memory Huge capacity Slow access, decay episodic: events and experiences semantic: structured records of facts, concepts, skills.
  • 35. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Examples of ways that interfaces can work with memory constraints? • Don't overtax short-term • excel copying • Help build long-term • consistency • (don’t force people to remember what’s been entered -) • vb screenshot.
  • 36. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Conceptual models ! Mental constructions that describe how something works ! or how you think it works Good models help with predictability key concept in HCI To build good conceptual model must understand the way users work and approach problems otherwise, you get interfaces that reflect models from the designer, organization, etc., that don't reflect how users work. Deep vs. shallow deep – understanding of mechanisms - “white box” shallow – how to use something - “black box”
  • 37. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Whose conceptual model? Don Norman, Design of Everyday Things
  • 38. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Norman's Refrigerator Thermostat Don Norman, Design of Everyday Things
  • 39. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Norman's refrigerator thermostat
 Mental Models It's been > 15 years since I first read this book, and I'm still confused by this model. .. and my fridge is still not correctly adjusted.
  • 40. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Examples of mental model 
 mismatches?
  • 41. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Language: reading, speaking, listening • We're good at these things • but, they require attention • May distract from other tasks • don't like to read manuals • try listening to the news while you work on computer • Speech recognition: thinking about your voice controls may interfere with language tasks (i.e, writing)
  • 42. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Problem solving: planning, reasoning & decision-making • When solving the problem of how to accomplish a task with the computer.. • System should help figure out next tasks • logical design – visibility and mapping • When trying to use the computer to solve a problem • System should get out of the way • Not distract from focus on problem • interfaces that disappear • No one wants to just “use the computer” - they want to accomplish goals
  • 43. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu The Psychopathology of Everyday Things
 Don Norman – Design of Everyday Things, Ch. 1 Favorite quote: “if a door handle needs a sign, then its design is probably faulty” “When simple things need pictures, labels, or instructions, the design has failed” Thinking about how design relates to human psychology ideally, design should be consistent with how we think Learn from failures Principles all applicable to computer interfaces
  • 44. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Norman's Seven Stages of Actions Form goal Form intention Specify action execute action perceive state interpret state evaluate outcome Cycles evaluation – mismatch between system output and user expectations
  • 45. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Gulfs of Execution and Evaluation User Goals System Capabilities Gulf of Execution - interface design Intentions Action Specification Interface Mechanism Gulf of Evaluation - information design Interface Display InterpretationEvaluation
  • 46. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Goal: Enter a new prescription • Initial intention: How do I decide where to start? • selecting a medication… • Action Specification: Once I know first step, what do I do? • Interface Mechanism: which buttons do I press, in which order? Gulf of Execution
  • 47. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • After execution • Interface display: What happened/changed in response to my action? • Interpretation: What does it mean? • Evaluation • did the right thing happen? • am I closer to my larger goal? • do I need to change my goal or my choice of tactics? Gulf of Evaluation
  • 48. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Bridging Gulfs Execution clarity of action Transparent interfaces with affordances Wizards Help/Tutorials Evaluation Feedback Explanation Error Messages Undo
  • 49. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Affordances “actionable properties between the world and an actor (a person or animal).” (Gibson, quoted by Nielsen http://www.jnd.org/dn.mss/affordances_and.html) “Perceived affordance” - design that communicates possibility of an action to the user. What makes an affordance? Examples?
  • 50. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Models Response time - how long it takes from initiation to display of results Think time – time before starting next action As response time decreases, approach simpler model Interface can help reduce planning time? How to measure think time?
  • 51. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Predictive Models of task completion times • Motion • Button press • Think, etc. • CogTool: www.cogtool.com Keystroke-Level Models & Goals, Operators, Methods, Selection Rules
  • 52. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Cogtool and ANC
  • 53. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Cognitive Load, Errors, and Response Time More effort spent planning and waiting increases cognitive load and short-term memory - more errors But, errors are more expensive vicious cycle Interruptions can be expensive derail thinking/flow
  • 54. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Mappings Correspondence between what you want to do what appears to be possible You want to go forwards/backwards, but controls are only up and down visibility indicates mapping between intended actions and operations. Light switches in order of where the lights are? Good mappings reduce cognitive overload leverage previous knowledge
  • 55. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Mapping Successes and/or Failures? Refrigerator controls - 2 controls implies 2 systems to regulate Others?
  • 56. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Visibility • “correct parts must be visible, and they must convey the correct message”. • “natural signals” • What's natural in a computer interface? • what's intuitive? • What does visibility look like? • Is strict visibility crucial? • Weaker notion: parts that aren't immediately visible should be findable in appropriate places? • “Whenever the number of possible actions exceeds the number of controls, there is apt to be difficulty.”
  • 57. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Interfaces are languages Levels of Visibility Lexical-Syntactic-Semantic-Conceptual Foley & van Dam, as interpreted by Myers (http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx) Letters/Words Sentences Paragraphs Ideas Lexical Syntactic Semantic Conceptual Keys, Buttons, Sequences Tasks Domain Concepts
  • 58. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Spelling and composition of “tokens” • “add” vs. “append” vs “^a” vs • Location of controls • “Key-stroke” • Make items visible • Distinguish between items that can and cannot be acted upon Lexical Visibility Myers http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx
  • 59. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Ordering of inputs • Legal a tokens must sensible order in? Syntactic Visibility • Tokens must be used in a legal, sensible order. • Visual cues can improve visibility • Gray out inactive/inappropriate items • Grouping and spacing
  • 60. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • System functionality • High-level tasks • Patient creation • Patient lookup • data retrieval • How do sequences of actions complete a task? • Task sequence and completion indicators • Wizards • Titles/screen layout Semantic Visibility
  • 61. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu • Conceptual (definition from Foley & Van Dam text, 1st edition) • key application concepts that must be understood by user • User model • Objects and classes of objects • Relationships • Operations • Example: text editor • objects = characters, files, paragraphs • relationships = files contain paragraphs contain chars • operations = insert, delete, etc. Conceptual Visibility Myers http://www.cs.cmu.edu/~bam/uicourse/830spring13/830-09-softorg.pptx
  • 62. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Feedback Action without impact is potentially problematic. as is reducing complex set of actions to one piece of information (done/failed) or, lack of feedback on long-running actions Don't know if your action has taken place or not so, you do it again Therac 25
  • 63. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Errors, Mistakes, Slips Slips – you know what to do, but you do the wrong thing Mistake – incorrect mental model Examples ? Slips? Mistakes?
  • 64. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu How to tell the difference? ! Mistakes are based on difficulty in underlying mental model ! But, mental models aren't visible ! Must elicit model from user ! “think-aloud” protocols –User describes actions, goals, ideas, as they do the work. ! Statements that suggest a mental model might be inconsistent with system model → mistakes
  • 65. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu System Capabilities Execution, Evaluation, Mistakes, Slips User Goals Gulf of Execution - interface design Intentions Action Specification Interface Mechanism Gulf of Evaluation - information design Interface Display InterpretationEvaluation SlipsMistakes Slips Mistakes
  • 66. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu How to redesign to avoid slips?
  • 67. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu How to redesign to avoid slips? Clarity in labeling? Clear affordances Mapping Visibility Feedback.. Undo!
  • 68. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Redesign to avoid mistakes?
  • 69. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Redesign to avoid mistakes? Preferred approaches: Revise the system model to meet the user model Revise work and information flow. Acceptable: Increase visibility, feedback, mappings of the system model Not mutually exclusive!
  • 70. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu Slips and Mistakes in Clinical Informatics Why so important? Factors that distinguish clinical informatics from other settings? “To Err is Human” 1999 – Institute of Medicine
  • 71. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu A cognitive taxonomy of medical errors
 Zhang, et al. 2004 System Hierarchy U = f(u,c,t,s) U → usability u → user c → context t → task s → system
  • 72. Baobab Health, March 2014Harry Hochheiser, harryh@pitt.edu A cognitive taxonomy of medical errors
 Zhang, et al. 2004