Fitts's Law

Big and Close

The time to hit a target depends on its size and distance. Fitts's Law governs every button, link, and tap target — and explains why edges and corners feel so fast.

T  =  a  +  b · log2( D / W + 1 )
The Law · Fitts, 1954

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.

T
Time to acquire target
D
Distance to target
W
Target width
Size (W) 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
Distance (D) 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
Trade-off 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
Edge target 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)
Corner 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
Radial 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
Padding 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
Touch 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
Steering 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

Fitts’s Law in the Age of AI

Conversational and predictive interfaces change the geometry — sometimes there is no target to point at; sometimes the target comes to you.

✦ AI Era

Conversational Input Removes the Target

When you type or speak a request, there’s no button to aim for. Distance and size stop mattering — the "target" becomes language, not a pixel region.

Shift
Point → describe
Use when
Intent is easy to say
Watch for
Discoverability of features
✦ AI Era

AI Anticipates the Next Click

Predictive UIs surface the likely next action as a large, close suggestion. It’s Fitts’s Law automated — the target travels to the cursor instead of the reverse.

Shift
Aim → anticipate
Use when
Next action is predictable
Watch for
Wrong guess adds friction
Further Reading
Law
Bigger
Closer
Worst
Edges
Corners
Radial
Buffer
Touch
Tunnel