Buttons Make Promises to Hands
The pixel is a tempting unit of interface design, and also a trap.
The unit is the movement: where the hand starts, where it must land, how much error the interface tolerates, and how much time the user feels allowed to spend. A tiny close button is not merely a tiny rectangle. It is a demand for precision, made under time pressure, by a body that is not a plotter.
That is why Fitts’ law has survived.
It says that rapid aimed movement is not just geometry and not just reaction time. It is a speed-accuracy bargain. Distance matters. Target width matters. Endpoint variability matters. The elegant part is that those ingredients can be turned into bits.
Fitts Measured the Hand as a Channel
Paul Fitts’ 1954 paper framed the human motor system using information theory. The experiment was wonderfully physical: people tapped between metal target plates of different widths and distances, trying to move quickly while avoiding errors.1 The core observation was not just “farther takes longer.” It was that amplitude, duration, and variability are tied together.
For a pointing task, modern HCI work often uses the Shannon formulation of the index of difficulty:
ID = log2(A / W + 1)
where A is movement amplitude and W is target width. MacKenzie helped bring
Fitts’ law into HCI as a research and design tool, including this information
theoretic interpretation for pointing tasks.2
The same measurement frame also made pointing devices comparable: Card,
English, and Burr used target acquisition tasks to evaluate a mouse, joystick,
step keys, and text keys for CRT text selection, with the mouse fastest in
their study.3
The formula has the right practical smell:
- move twice as far, and the task gets harder;
- make the target twice as wide, and the task gets easier;
- the change is logarithmic, so the first few pixels of tolerance matter more than the hundredth.
This is not a law of pixels. It is a law of tolerated error.
The Rectangle Is Not the Target
Design tools make target size look exact. A button is 24 px wide. An icon is 18 px. A menu item has 8 px padding. These facts are real, and still incomplete.
The user does not generate a perfect point at the target center. The endpoint is a distribution. If that distribution is narrow relative to the target, the click feels easy. If the distribution spills over the target boundary, the interface collects misses.
The same physical target can also mean different things in different contexts:
- a mouse on a desk;
- a thumb on a phone;
- a finger on a moving train;
- a stylus on a tablet;
- a cursor crossing a high-DPI display;
- a user rushing because a popup is about to disappear.
The target is not just the rectangle. It is the rectangle plus the endpoint cloud the user brings to it.
Make the Target Cheap or Expensive
The lab below is a deterministic toy. It simulates a one-dimensional pointing task with endpoint scatter. It reports both nominal difficulty, based on the designed distance and width, and effective difficulty, based on the observed spread of endpoints.
The important measurement trick comes from pointing-device evaluation practice. Soukoreff and MacKenzie recommend measuring endpoint scatter and converting physical difficulty into effective difficulty.4 A common effective target width is:
We = 4.133 * SDx
where SDx is the standard deviation of endpoints along the movement axis. The
constant corresponds to a normally distributed endpoint spread covering about 96
percent of selections. Throughput is then computed from effective difficulty
and movement time, so speed and accuracy are not separated into two convenient
lies.
The audit tile is generated by the same JavaScript as the lab. It runs a 25-check deterministic suite over the Shannon ID formula, parameter bounds, synthetic endpoint ledger, effective-width identity, throughput arithmetic, urgency sweep, geometry sweep, and speed-accuracy smoke cases. It is not proof that the toy model is a human study. It is a contract that the interactive claims below still match the code executing in the browser.
Deterministic toy model. The audit checks simulation contracts; it is not a user study and it is not calibrated to a particular device. The model isolates design geometry: amplitude, target width, endpoint scatter, movement time, miss rate, and effective throughput.
Start with the default. The designed task is about 3.40 bits. The endpoint scatter is a little wider than the target, so the effective width is larger than 44 px and the effective difficulty is lower than the nominal difficulty. That is not a contradiction. It means the simulated user is partly buying speed with errors.
Make the target narrower. Nominal difficulty rises and misses climb. Make the target wider. Movement time falls, but throughput may not improve forever, because users can use the extra width as slop rather than precision.
Now push Speed pressure upward. Mean movement time falls, but the endpoint distribution spreads. At some settings throughput still improves; at others the miss rate becomes the real cost. This is the point of measuring throughput from effective width instead of only measuring “time to click.”
Finally raise Motor variability. The designed button did not change. The effective target changed anyway.
Edges Cheat, Usefully
Fitts’ law also explains one of the oldest UI tricks: screen edges are special.
If the pointer cannot travel past a screen boundary, an edge target has a kind of huge effective width in the direction of the edge. A menu bar at the top of the screen, a scrollbar against the side, or a corner hot spot can be easier to hit than its visible pixels suggest because overshoot is absorbed by the boundary.
The reverse is also true. A small icon floating in the middle of a dense toolbar is expensive because both undershoot and overshoot matter. On a touchscreen, the finger hides the target and adds occlusion. On a mobile interface, the thumb’s comfortable reach region changes the amplitude before the user even starts moving.
The design lesson is not “make every button huge.” It is more selective:
spend target width where mistakes are costly, frequent, or rushed
Delete buttons, close buttons, destructive actions, tiny resize handles, and transient menus do not have the same motor budget as leisurely navigation.
Fast Only Counts If You Land
The strongest part of the HCI standardization work is its refusal to let speed pretend to be the whole outcome. Soukoreff and MacKenzie argue for throughput as a dependent measure that reflects both movement time and accuracy, averaged over the task conditions.4
That matters because a fast interface can be fake-fast.
If one design encourages reckless clicks, the raw movement time may look great. But if users miss, correct, undo, or hesitate next time, the system has merely moved time from the measured interval into the unmeasured recovery path.
This is familiar outside HCI:
- a search engine that returns quickly but makes users reformulate;
- an autocomplete that saves keystrokes but inserts wrong text;
- a recommender that maximizes clicks and burns trust;
- an API that is low latency until retries enter the picture.
Speed without error accounting is an unfinished measurement.
The Review I Would Rather Have
For a serious interface, I would rather see a small motor budget table than a debate about whether a button “looks balanced.”
- What are the high-frequency targets?
- What are the high-consequence targets?
- What are the rushed targets?
- What is the movement amplitude from the previous likely state?
- Does an edge or corner help by absorbing overshoot?
- Does the target have enough width for the device and posture?
- What happens when the user is tired, moving, anxious, or using one hand?
- Are we measuring miss corrections, undo events, hover hesitation, and repeat attempts?
Fitts’ law does not answer all of those questions. It keeps them honest.
The button is not a rectangle. It is a promise to a noisy hand.
-
Paul M. Fitts, “The Information Capacity of the Human Motor System in Controlling the Amplitude of Movement”, Journal of Experimental Psychology, 1954. ↩
-
I. Scott MacKenzie, “Fitts’ Law as a Research and Design Tool in Human-Computer Interaction”, Human-Computer Interaction, 1992. ↩
-
Stuart K. Card, William K. English, and Betty J. Burr, “Evaluation of Mouse, Rate-Controlled Isometric Joystick, Step Keys, and Text Keys for Text Selection on a CRT”, Ergonomics, 1978. A Xerox PARC technical report copy is archived at Bitsavers. ↩
-
R. William Soukoreff and I. Scott MacKenzie, “Towards a standard for pointing device evaluation, perspectives on 27 years of Fitts’ law research in HCI”, International Journal of Human-Computer Studies, 2004. ↩ ↩2