Dr. Wallace's Favorite Mental Models

Fitts's Law

Why the "OK" button is big and close, and the fine print is small and far: the time it takes to hit a target depends on its size and its distance.

Human-computer interaction Design & ergonomics Est. read: 6–8 min

30-second overview

Fitts's Law says the time it takes to move to and successfully select a target is predictable from two things: how far away the target is, and how big it is. Closer and bigger targets get hit faster and more accurately. Farther and smaller targets take longer and get missed more often.

That one relationship quietly shapes a huge amount of the designed world: why the default button in a dialog box is the largest one, why your phone's keyboard keys are bigger than they look like they need to be, why the Mac menu bar lives glued to the very top edge of the screen, and why the items next to the checkout line are small and impulse-sized while the things you came in for are a full aisle away.

Mental Model Compass

Reach for it when…

  • You're sizing or placing buttons, icons, links, or controls in software or on a device.
  • You're designing for touchscreens and need to pick tap-target sizes.
  • You're laying out a physical workspace, workbench, or cockpit and deciding what sits within arm's reach.
  • You're designing for accessibility, older users, or anyone with reduced motor precision.
  • You're troubleshooting "mis-clicks" or "fat-finger" errors in a product's analytics.

Learn it, step by step

1 The basic trade-off: distance and size

Picture two buttons you need to click as fast as possible. One is big and sits right next to your cursor. The other is tiny and sits across the screen. You already know, intuitively, which one you'll hit faster and more reliably. Fitts's Law just makes that intuition precise and measurable.

Try it: which target below would be faster and safer to click?

2 The formula (plain-language version)

Fitts's original 1954 formulation, later refined by Scott MacKenzie, is usually written:

MT = a + b · log₂(2A/W + 1)

MT is movement time — what we're predicting. A is the amplitude, the distance from the starting point to the center of the target. W is the target's width along the direction of travel. a and b are constants fitted from real measurements (start-up time and the device's raw speed). The part inside the logarithm, log₂(2A/W + 1), is called the Index of Difficulty — a single number that captures "how hard is this target to hit," and it climbs as distance goes up or width goes down.

Play with it: drag the sliders and watch the predicted difficulty change.

T
Index of Difficulty: —
3 The design implication

If you want something selected quickly and accurately, make it bigger, move it closer to where attention already is, or both. This is why the primary action in a dialog box (like "Save" or "Continue") is visually the largest button, and why it's usually placed where the cursor or thumb naturally lands next.

Guess: a checkout form has a 40px-wide "Place Order" button 300px below the last input field. Support tickets mention accidental mis-taps. What's the single highest-leverage fix, per Fitts's Law?

4 The infinite-target trick

A cursor can't overshoot past the edge of the screen — it just stops there. That means the very edges and corners of a screen behave like infinitely wide targets in one dimension: you can slam the mouse toward them as fast as you want without worrying about overshooting. Interface designers lean on this constantly: the Mac menu bar sits glued to the top edge, Windows docks the Start button in a corner, and right-click menus appear exactly where the cursor already is instead of somewhere you'd have to travel to.

Guess: which screen location is, functionally, the "easiest to hit" target on a desktop, per Fitts's Law?

5 Beyond the mouse cursor

Fitts's Law was derived from physical hand movements in Paul Fitts's original 1954 lab studies, long before computers had graphical interfaces — so it applies just as much to a hand reaching for a wrench on a pegboard, a thumb stretching across a phone screen, or a shopper's arm reaching for a product on a shelf. Anywhere something needs to be physically reached and selected, the same size-and-distance trade-off governs how fast and how accurately it happens.

Diverse examples

Software UI

Dialog boxes make the recommended action (e.g. "Save") visually larger than secondary options like "Cancel," and place it where the cursor naturally rests after the last input.

Mobile design

Apple's and Google's interface guidelines set minimum touch-target sizes (roughly 44×44pt and 48×48dp) because fingertips are imprecise "cursors" — small targets that work fine with a mouse fail constantly with a thumb.

Industrial ergonomics

Workbench and cockpit designers put the tools and switches used most often within the shortest, most direct reach, and move rarely-used controls further away or behind a panel.

Retail layout

Checkout-line shelves hold small, impulse-sized items within easy one-handed reach, while the staples that pull people into the store sit a full aisle away, trading speed for forced browsing.

Automotive design

Frequently used controls (volume, hazard lights) sit large and close to the driver's hands on the wheel or center stack, while rarely used settings are tucked into smaller, farther menus.

Game design

Console game UIs put the most-used ability on the largest, nearest-to-thumb face button, and radial "quick-select" wheels shrink travel distance for items chosen mid-combat.

Worked application: redesigning an AI analytics dashboard's toolbar

  1. 1. Define the pain point. A product team notices support tickets about users accidentally clicking "Delete Report" instead of "Duplicate Report" in their dashboard toolbar.
  2. 2. Pull the usage data. Analytics show "Duplicate" is used 40x more often than "Delete," yet both are currently the same small size, sitting right next to each other.
  3. 3. Map the geometry. Both icons are 24px squares, 2px apart, roughly 150px from where the cursor typically rests after viewing a report.
  4. 4. Apply the Index of Difficulty. At that size and distance, both targets score as "hard" — which is exactly why mis-clicks are common between two nearly identical, small, adjacent targets.
  5. 5. Redesign the layout. Enlarge "Duplicate" to the primary action size, move it closer to the natural reading position, and relocate "Delete" into a secondary menu with extra distance and a confirmation step as a deliberate friction point.
  6. 6. Prototype and test. Ship the change to a test group and A/B test the misclick/support-ticket rate against the old layout, not just opinions in a design review.
  7. 7. Watch the trade-offs. Enlarging "Duplicate" means something else in the toolbar must shrink or move — Fitts's Law tells you what to prioritize, not how to get infinite space for free.
  8. 8. Confirm the result. After launch, mis-click support tickets drop and average time-to-duplicate falls, confirming the fix addressed the actual mechanism rather than just reshuffling icons.

Common mistakes

1
Confusing it with Hick's Law. Fitts's Law is about reaching a known target faster; it says nothing about how long someone takes to decide which option to pick from a menu. That's a different model entirely.
2
Making everything huge. If every button is enlarged, nothing stands out, screens get cluttered, and users spend more time scanning — the gain from size has to be spent on what actually matters most.
3
Wasting the free real estate at screen edges. Padding or margins placed right at a screen's outer edge forfeit the "infinite target" advantage edges and corners naturally offer.
4
Using mouse-based target sizes for touch. Fingertips are far less precise than a mouse cursor; a target that's comfortable with a pointer can be nearly unusable on a touchscreen.
5
Applying it to continuous motions. Dragging along a path, free-hand drawing, or steering a cursor through a narrow corridor follow the related but distinct Steering Law, not the point-to-point Fitts model.
6
Trusting the math without testing real users. The formula predicts an average; it doesn't account for tremor, age, unfamiliarity with the device, or accessibility needs — real usability testing still matters.

When not to use it

Don't reach for Fitts's Law when the real problem is how many choices someone faces (that's Hick's Law), when the task is a continuous path rather than a discrete point-to-point selection (that's the Steering Law), when the delay is caused by system latency or the user's own thinking rather than physical movement, or when you haven't yet decided what the target should be in the first place — Fitts's Law optimizes placement and size, not the underlying decision of what belongs on the screen at all.

Related models

Try It Yourself

Describe a real control, button, tool, or shelf item you're trying to place or size, and get a ready-to-use prompt for thinking it through with Fitts's Law.

Save as Skill

This packages Fitts's Law into a reusable instruction set you can hand to an AI assistant — so it applies this thinking automatically whenever you're reviewing a design, layout, or interface.

Apply to My Problem

Describe what you're designing or deciding right now, and get a prompt that bundles your situation together with the Fitts's Law skill above — ready to paste into any AI assistant.