Fitts's Law

Big and Close

Paul Fitts published the law in 1954: the time to acquire a target depends on its size and distance. Seventy years later it still governs every button, link, and tappable region in every interface anyone has ever shipped.

01 / 10

The Law

The time to point at a target grows with distance and shrinks with target size — logarithmically. Double the distance, and time goes up by a constant. Double the width, and time falls by the same constant.

Fitts's Law · 1954
T  =  a  +  b · log2( D / W + 1 )
T
Time to acquire target
D
Distance to target
W
Target width along axis of motion
The formula
02 / 10

Bigger Is Faster

Increase W and pointing time drops — fast. The biggest, most-used controls should be the largest controls. The CTA isn't ornament; size is function.

Width vs. acquisition time Small 820 ms Large 410 ms
Best for
Primary CTAs · Frequent actions
Use when
Action is important or repeated
Watch for
Equal size = equal priority signal
Size (W)
03 / 10

Closer Is Faster

Distance increases pointing time logarithmically — meaning the cost of moving across a screen is real. Place the next action near the last one. Don't make the user travel.

Distance vs. acquisition time Near 280 ms Far 720 ms D₁ D₂ (much greater)
Best for
Contextual actions · Inline edits
Use when
Next click should be effortless
Watch for
Forcing pointer trips across screen
Distance (D)
04 / 10

The Worst Case

Small AND far is the slowest possible combination. Most accidental clicks happen here — a tiny "close" icon at the opposite corner of the screen from where the eye and pointer already are.

Size × distance matrix NEAR FAR BIG SMALL ★ Fast OK OK Worst SMALL + FAR = AVOID
Best for
Audit checklists
Use when
Spotting friction in flows
Watch for
Tiny destructive buttons far away
Trade-off
05 / 10

Edges Are Infinite

The cursor can't move past a screen edge, so any target placed against the edge effectively has infinite width along that axis. The Mac menu bar is faster than every dropdown in Windows for exactly this reason.

Slam into the edge File Edit View Window Help CAN'T OVERSHOOT THE EDGE
Best for
Persistent toolbars · Tabs
Use when
Hot zones for power users
Watch for
Doesn't apply to browser tabs (window chrome above)
Edge target
06 / 10

Corners Are Magic

A corner is infinite in two dimensions. The cursor slams to a stop in both axes regardless of overshoot. Start menus, close buttons, and macOS Hot Corners exploit this — the fastest possible click on the screen.

Infinite in two axes Start × FASTEST CLICK ON A SCREEN
Best for
Global actions · Quit · Start
Use when
Action is system-wide
Watch for
Lost in non-fullscreen contexts
Corner
07 / 10

Radial & Pie Menus

A circular menu places all options at the same distance from the cursor — and the slice's angular width becomes effective target size. Mature users can build muscle memory for direction, not destination.

Equal D for every option Copy Paste Cut Undo Redo More
Best for
Contextual menus · Games
Use when
Small fixed set of choices
Watch for
More than 8 slices = unreadable
Radial
08 / 10

Hover Buffers

A small icon can have a much larger invisible hit area. Extending the clickable region with padding makes the visual element tidy and the actual target generous — a free Fitts's-Law upgrade.

Visual ≠ hit area HIT AREA + VISIBLE ICON
Best for
Icon buttons · Toolbars
Use when
Visual must stay compact
Watch for
Hit zones overlapping neighbors
Padding
09 / 10

Mobile Touch Targets

On touchscreens, the "cursor" is a finger pad — roughly 9–10mm wide. Apple recommends 44pt minimum, Material 48dp. Below that and accidental taps spike; the fastest UI becomes the most frustrating.

44 pt minimum Finger 24 pt TOO SMALL Tap 48 dp GOOD FAT-FINGER RULE
Best for
All touch interfaces
Use when
Designing primary mobile UI
Watch for
Adjacent targets within 8pt = mistaps
Touch
10 / 10

The Tunneling Effect

Moving the cursor through a narrow corridor (cascading submenus, nested context menus) is dramatically slower than hitting an open target — the steering law extends Fitts's into paths. Slipping out of the tunnel resets the user.

Cascading menu = narrow tunnel New Open Save Export › Print Quit PDF PNG JPG › SVG High Low
Best for
Audit anti-pattern
Use when
Spotting deep menu cascades
Watch for
Tunnel slips reset the user
Steering
Further Reading