input - ucsd design labd.ucsd.edu/class/intro-hci/2015/lectures/hci-week8-input.pdf · mackenzie,...
TRANSCRIPT
![Page 1: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/1.jpg)
Input
Scott Klemmer w/ materials from Stu Card, Pat Hanrahan, Bjoern Hartmann
![Page 2: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/2.jpg)
�2
Input
![Page 3: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/3.jpg)
Input� How do these devices work for getting information into the computer?
� Some Frameworks: �How do input devices effect the nature of the interaction? �What’s coming next?
![Page 4: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/4.jpg)
�4
![Page 5: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/5.jpg)
Key cap
Top conduc-ve layer
Bo2om conduc-ve layer
Separa-ng layer(with hole)
![Page 6: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/6.jpg)
Key cap
Top conduc-ve layer
Bo2om conduc-ve layer
Separa-ng layer(with hole)
![Page 7: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/7.jpg)
�7
Keyboard Encoder
![Page 8: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/8.jpg)
Row/Column Scanning
�8
Q W E R T
A S D F G
Z X C V B
R1
R2
R3
R4
C1 C2 C3 C4 C5
9 lines
20 keys
![Page 9: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/9.jpg)
Closeup
�9
C1 C2
R1
R2
![Page 10: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/10.jpg)
One Key Down
�10
C1 C2
R1
R2
![Page 11: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/11.jpg)
One Key Down
�11
C1 C2
R1
R2
![Page 12: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/12.jpg)
3 Keys Down
�12
C1 C2
R1
R2
![Page 13: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/13.jpg)
3 Keys Down
�13
C1 C2
R1
R2
![Page 14: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/14.jpg)
10/25/10 �14
![Page 15: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/15.jpg)
Keys (Scan Codes) != Characters� Special keys - interpreted by the OS or App � F1, ..., F12 � Insert, Delete, Home, ...
� Duplicated keys �Numbers on keypad vs. keyboard � Left-shift, Right-shift, Left-cmd, Right-cmd
![Page 16: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/16.jpg)
Layered Model of Input
Keyboard
Characters
Scan Codes
Switches
Keys
Keyboard
G
59h 34h F0h59h F0h F12
b7a2 b1a6
SHIFT g
![Page 17: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/17.jpg)
Input Device
![Page 18: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/18.jpg)
Input Device
IMPROVEMENT!
![Page 19: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/19.jpg)
But we can do much better
![Page 20: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/20.jpg)
The real problem: ASYMETRY OF OUTPUT TO INPUT Typewriter limits input speed (and expressibility)
![Page 21: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/21.jpg)
�21Whirlwind (MIT, 1951)
Input Device
![Page 22: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/22.jpg)
Big Idea: INPUT ON OUTPUT
![Page 23: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/23.jpg)
SAGE
Input on Output
![Page 24: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/24.jpg)
J. C. R. LICKLIDER
HUMAN-MACHINE SYMBIOSIS: “The hope is that in not too many years, human brains and computing machines will be coupled together very tightly, and that the resulting partnership will think as no human brain ever thought.”
![Page 25: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/25.jpg)
Graphical Direct Manipulation
• Direct Manipulation • Tiled windows • File icons • Menus
SKETCHPAD (1963)
Lightpen
TX-2 (MIT, 1959)
Changing visual element part of interaction loop
![Page 26: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/26.jpg)
Point and Click, Hypertext
• Mouse • Point & Click editing • Hypertext • Rapid interaction •Text/graphic integration
NLS (SRI, 1968)
Command Chordset Mouse
Clickable Text
Video
![Page 27: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/27.jpg)
The Mouse: Small, Cheap, Fast, Small Targets
![Page 28: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/28.jpg)
Mouse. Engelbart and English ~1964Source: Card, Stu. Lecture on Human Information Interaction. Stanford, 2007.
![Page 29: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/29.jpg)
�29
(cc) Flickr user John Chuang h2p://www.flickr.com/photos/13184584@N08/1362760884/
![Page 30: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/30.jpg)
�30
![Page 31: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/31.jpg)
Apple Lisa
Xerox PARC
SRI
Xerox Star
Kelly Eng. (IDEO)
CS147 You Are Here
\
![Page 32: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/32.jpg)
�32
![Page 33: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/33.jpg)
�33
![Page 34: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/34.jpg)
�34
Right bu2on
Le] bu2onEncoder wheel for scrolling
![Page 35: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/35.jpg)
�35
IR emi2er IR detectorslo2ed wheel (between emi2er & detector)
![Page 36: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/36.jpg)
Sensing: Rotary Encoder
�36
High
![Page 37: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/37.jpg)
Sensing: Fwd Rotation
�37
Low
![Page 38: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/38.jpg)
Sensing: Backwd Rotation
�38
Low Oops!
![Page 39: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/39.jpg)
Solution: Use two out-of-phase detectors
�39
High
High
![Page 40: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/40.jpg)
Sensing: Rotary Encoder
�40
Low
High
![Page 41: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/41.jpg)
Sensing: Rotary Encoder
�41
High
Low
Coding: HH-‐> LH: dx = 1 HH-‐> HL: dx = -‐1
![Page 42: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/42.jpg)
Transformation
�42
cxt = max(0, min( sw, cxt-‐1+dx*cd ))
cyt = …
cxt: cursor x posi-on in screen coordinates at -me tdx: mouse x movement delta in mouse coordinatessw: screen width cd: control-‐display ra-o
![Page 43: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/43.jpg)
Optical Mouse
Move, DoubleClick,etc !Screen cursorPosition !QuadratureEncoding !Rotary Encoder !Mover x,y
![Page 44: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/44.jpg)
What about optical mice?
�44Source: h3p://spritesmods.com/?art=mouseeye
![Page 45: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/45.jpg)
A design space of input devices…
Card, S. K., Mackinlay, J. D., and Robertson, G. G. 1991. A morphological analysis of the design space of input devices. ACM TOIS 9, 2 (Apr. 1991), 99-‐122.
![Page 46: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/46.jpg)
How about People? Can we model human performance?
![Page 47: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/47.jpg)
� Fitts’ Law �Time Tpos to move the hand to target size S which is distance D away is given by: �Tpos = a + b log2 (Distance/Size + 1) �The log part is the “index of difficulty” of the target; it’s units are bits
� summary � time to move the hand depends only on the relative precision required
Principles of Operation
![Page 48: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/48.jpg)
12
What does Fitts’ law really model?
Velocity
(c)
(b)
(a)
Target Width
Distance
![Page 49: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/49.jpg)
It was inspired by information theory
� It treats acquiring a target as specifying a number of bits
� i.e., in the Fitts’ worldview, the human motor system is a noisy information channel
� Smaller target? More bits � Further target? More bits
![Page 50: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/50.jpg)
Experiment Repeated Tapping
![Page 51: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/51.jpg)
EXPERIMENT: MICE ARE FASTEST
![Page 52: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/52.jpg)
1.5 2.0 2.5 3.0 3.5 4.0 4.5
0500
1000
1500
2000
Fitts' Law for Eight Devices
log(A/W + 1)
Duration
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
mousetrackballtrackpointtrackpadfoot mousetablet 1 (w/ display)tablet 2 (w/o display)joystick
![Page 53: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/53.jpg)
WHY?
1
2
3
3210 4 5 6
Mov
emen
t Ti
me
(sec
)
ID=log (Dist/Size + .5)2
Mouse
T = 1.03 + .096 log2 (D/S + .5) sec
Why these results? !Time to position mouse proportional to Fitts’ Index of Difficulty ID. !Proportionality constant = 10 bits/sec, same as hand. !Therefore speed limit is in the eye-hand system, not the mouse. !Therefore, mouse is a near optimal device.
TextText
![Page 54: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/54.jpg)
8
50 years of data
Reference: MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human Computer Interaction, 1992, Vol. 7, pp. 91-139
![Page 55: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/55.jpg)
EXAMPLE: ALTERNATIVE DEVICES
Headmouse: No chance to win
![Page 56: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/56.jpg)
ATTACHING POINTING DEVICE
Use transducer on high bandwidth muscles
![Page 57: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/57.jpg)
Faster Input: Menu Selection
![Page 58: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/58.jpg)
Faster Input: Menu Selection
TodaySundayMondayTuesdayWednesdayThursdayFridaySaturday
Pop-up Linear Menu Pop-up Pie Menu
![Page 59: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/59.jpg)
Try to hit a target without looking� You can open your eyes after each step � Then, try it for both a mac-style and windows-style menu bar
![Page 60: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/60.jpg)
EXAMPLE: BEATING THE MOUSE
Use transducer on high bandwidth muscles
![Page 61: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/61.jpg)
Mouse (Arm)
0 500 1000 1500 2000
Head- mouse (Head)
Fingers
Paragraph
Word
Char Period
Hard
Easy Hard
Hard
Easy
TIME (msec)
EXAMPLE: STRUCTURING THE TASK SPACE BY PROJECTING THE MODEL
![Page 62: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/62.jpg)
![Page 63: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/63.jpg)
What else might we have measured?� Time on Task -- How long does it take people to complete basic tasks? (For example, find something to buy, create a new account, and order the item.)
� Accuracy -- How many mistakes did people make? (And were they fatal or recoverable with the right information?)
� Recall -- How much does the person remember afterwards or after periods of non-use?
� Emotional Response -- How does the person feel about the tasks completed? (Confident? Stressed? Would the user recommend this system to a friend?)
![Page 64: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/64.jpg)
![Page 65: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/65.jpg)
New Innovation Cycle for Input� Driven by � Small Devices �Big screens �New technologies
![Page 66: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/66.jpg)
10/25/10 Radius from PolymerVision
![Page 67: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/67.jpg)
10/25/10 Nokia concept phone by Hugo Danti
![Page 68: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/68.jpg)
10/25/10 SNAKE--Product Visionaries
![Page 69: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/69.jpg)
10/25/10
![Page 70: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/70.jpg)
New Input Devices Using INPUT ON OUTPUT
![Page 71: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/71.jpg)
10/25/10 �71
courtesy Amazon.com
![Page 72: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/72.jpg)
Baudisch et al., NanoTouch
![Page 73: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/73.jpg)
ShapeWriter(Input on 7ny devices)
Zhai (IBM, ShapeWriter)
![Page 74: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/74.jpg)
ShapeWriter With Op7mized Key Arrangements (ATOMIK)
![Page 75: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/75.jpg)
ShapeWriter Performance, first 40 min
Shumin Zhai (IBM, ShapeWriter, Inc))
§Error rate ~ 1% §Average speed already > long term Graffi7 and others. §QWERTY faster at first, ATOMIK faster in long run. §Experienced users can reach over 100 words/min
![Page 76: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/76.jpg)
Big Idea: INPUT ON CONTEXT
![Page 77: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/77.jpg)
� Typewriter: >Find pizza in 94304 ==> Places for pizza near 94304 [1] California Pizza Kitchen [2] Round Table Pizza Menlo Park >Select [1]
� Input on Output: >Find pizza in 94304 <click>
� Input on Context (GPS): > Pizza!
� <click>
INPUT ON CONTEXT
![Page 78: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/78.jpg)
![Page 79: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/79.jpg)
Suunto Watch
• Altitude • Heart rate • Calories
consumed • Lap time • Lap number • Accumulated
oxygen deficit • Ambient
temperature
![Page 80: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/80.jpg)
Skinput: Using body surfaces
Harrison, Tan, Morris (2010)
![Page 81: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/81.jpg)
Skinput Tetris
![Page 82: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/82.jpg)
Proteus Ingestable Networked Pill• Sensor and
transmitter encapsulates pill
• Stomach acid is part of battery
• Transmits pill --> patch --> iPhone --> Internet
![Page 83: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/83.jpg)
Some Summary Points� Input devices are more than just peripherals. They enable classes of dialogues of information.
� Communication is asymmetric to humans: high-bandwidth in, slow bandwidth out.
� Input-on-output enables complex objects and dialogs. � Input-on-context enables even more complex dialogs. � Rapid evolution of input devices is expected in the immediate future.
![Page 84: Input - UCSD Design Labd.ucsd.edu/class/intro-hci/2015/lectures/HCI-Week8-Input.pdf · MacKenzie, I. Fitts’ Law as a research and design tool in human computer interaction. Human](https://reader034.vdocuments.net/reader034/viewer/2022050315/5f77d657d328b509116dfaa5/html5/thumbnails/84.jpg)
This week’s assignment