simple models of human performance - wordpress.com · 2014. 1. 27. · • menu item size • icon...

22
Simple Models of Human Performance Predictive Evaluation with Hicks Law, Fitts Law, Power Law of Practice This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory Abowd, Jim Foley, Diane Gromala, Elizabeth Mynatt, Jeff Pierce, Colin Potts, Chris Shaw, John Stasko, and Bruce Walker. Comments directed to [email protected] are encouraged. Permission is granted to use with acknowledgement for non-profit purposes. Last revision: Jan 2014.

Upload: others

Post on 06-Oct-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

Simple Models of Human Performance

Predictive Evaluation with Hick’s Law, Fitt’s Law, Power Law of Practice

This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory Abowd, Jim Foley, Diane Gromala, Elizabeth Mynatt, Jeff Pierce, Colin Potts, Chris Shaw, John Stasko, and Bruce Walker. Comments directed to [email protected] are encouraged. Permission is granted to use with acknowledgement for non-profit purposes. Last revision: Jan 2014.

Page 2: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 2

Simple User Models

•  Idea: If we can build a model of how a user works, then we can predict how s/he will interact with the interface §  Predictive model à predictive evaluation

•  No mock-ups or prototypes!

Page 3: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 3

Two Types of User Modeling

•  Stimulus-Response §  Hick’s law §  Practice law §  Fitt’s law

•  Cognitive – human as interperter/predictor – based on Model Human Processor (MHP) §  Key-stroke Level Model

–  Low-level, simple

§  GOMS (and similar) Models –  Higher-level (Goals, Operations, Methods, Selections) –  Not discussed here

Page 4: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 4

Power law of practice

•  Tn = T1n-a §  Tn to complete the nth trial is T1 on the first trial

times n to the power -a; a is about .4, between .2 and .6

§  Skilled behavior - Stimulus-Response and routine cognitive actions

–  Typing speed improvement –  Learning to use mouse –  Pushing buttons in response to stimuli –  NOT learning

Page 5: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 5

How can we use this law?

Discussion time.

Page 6: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 6

Uses for Power Law of Practice

•  What did you think of?

Page 7: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 7

Uses for Power Law of Practice

•  Use measured time T1 on trial 1 to predict whether time with practice will meet usability criteria, after a reasonable number of trials §  How many trials are reasonable?

•  Predict how many practices will be needed for user to meet usability criteria §  Determine if usabiltiy criteria is realistic

•  BUT what is the limitation on applicability?

Page 8: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 8

Hick’s law

•  Decision time to choose among n equally likely alternatives §  T = Ic log2(n+1)

§  Ic ~ 150 msec

Page 9: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 9

How can we use this law?

Discussion time

Page 10: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 10

Uses for Hick’s Law

•  What did you think of? •  Menu selection •  Which will be faster as way to choose from 64

choices? Go figure: §  Single menu of 64 items §  Two-level menu of 8 choices at each level §  Two-level menu of 4 and then 16 choices §  Two-level menu of 16 and then 4 choices §  Three-level menu of 4 choices at each level §  Binary menu with 6 levels

Page 11: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

Uses for Hick’s Law

•  Web page design §  Minimize choices – especially on landing page §  Keep it simple stupid (KISS)

•  Bury low-probability choices in a sub-menu

UI Design - Georgia Tech 11

Open Close Save Save As ….

Movie Web Page Pictures

Open Close Save Save As Movie Save As Web Page Save as Pictures

What is the downside?

Page 12: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

Twitter – Old and New

UI Design - Georgia Tech 12

Which is which?

Page 13: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 13

Fitts’ Law

•  Models movement times for selection (reaching) tasks in one dimension

•  Basic idea: Movement time for a selection task §  Increases as distance to target increases §  Decreases as size of target increases

Page 14: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 14

Original Experiment

•  1-D d w

Page 15: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 15

Components

•  MT - Movement time

•  k1 and k2 are experimental constants

MT = k1 + k2 *log2 (d/w + 1.0)

Page 16: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 16

Exact Equation •  Run empirical tests to determine k1 and

k2 in MT = k1 + k2* ID •  Will get different ones for different

input devices and device uses

MT

ID = log2(d/w = 1.0)

Page 17: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 17

How can we use this law?

Discussion time.

Page 18: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 18

Uses for Fitt’s Law

•  What did you think of?

Page 19: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 19

Uses for Fitt’s Law

•  Menu item size •  Icon size •  Scroll bar target size and placement

§  Up / down scroll arrows together or at top and bottom of scroll bar

•  Pop-up menus faster than pull-down menus •  Pie menus (pop-up) better than rectangular

§  menu items all start at menu center

§  wedge-shaped target areas become large

Page 20: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

More implications

•  Edges and corners of display easy to acquire - pointer remains at the screen edge regardless of how much further the mouse is moved (Mac OS Tool Bar)

•  Top-of-screen menus (Mac OS) easier to acquire than top-of-window menus (Windows OS) – but may have to move further

•  Pop-up menus opened faster than pull-downs - pop-up appears at current cursor position – no movement

UI Design - Georgia Tech 20

Page 21: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

Compare Menu Item Sizes J

UI Design - Georgia Tech 21

Page 22: Simple Models of Human Performance - WordPress.com · 2014. 1. 27. · • Menu item size • Icon size • Scroll bar target size and placement ! Up / down scroll arrows together

UI Design - Georgia Tech 22

End