Fitts's Law in Interface Design: Make the Target Easy to Hit

Fitts’s Law is one of the oldest findings in interface design, and it is still quietly deciding whether people can use your site. It states that the time to reach a target depends on how far away it is and how big it is: bigger and closer targets are faster and easier to hit, smaller and farther ones are slower and more error-prone. That sounds academic until you remember that every button, link, and form control on your site is a target someone has to hit, often with a thumb, often in a hurry.

Bigger Is Easier

The most direct lesson is that important actions deserve to be big. A tiny button demands precision, and precision is effort, and effort is friction. Your primary call to action should be large enough that hitting it takes no thought, not a small link the visitor has to aim at carefully. Making the main action visually prominent is not just about attention, it is about making the physical act of clicking it effortless, which matters more than teams tend to assume.

Closer Is Easier

Distance matters as much as size. An action placed right where the visitor’s attention and cursor already are gets used more than the same action parked far away. This is why a call to action repeated near the content that motivates it outperforms one stranded at the bottom of the page. Put the target close to the moment of decision, not a long journey away from it.

Mobile Changes the Math

On a phone, Fitts’s Law becomes unforgiving, because the input is a blunt thumb and the screen is small. Tap targets that are too small or too close together produce mis-taps, frustration, and abandonment. Buttons need to be genuinely finger-sized, spaced so neighbors are not hit by accident, and placed within easy reach of the thumb rather than in the far corners. This is a core reason designing mobile-first is not optional, because a target that is comfortable on a desktop mouse can be nearly unusable on a thumb.

Edges and Corners Are Free

One useful corollary: screen edges and corners act as infinitely large targets, because the cursor or thumb cannot overshoot them. Sticky headers, bottom bars, and edge-anchored actions are easy to hit precisely because you cannot miss past the edge. Used well, this makes key actions effortless to reach, which is part of why a well-placed sticky action outperforms one that scrolls away, the same friction-reduction logic behind good form design.

Small Targets Cause Errors, Not Just Delays

There is a second cost to small, cramped targets beyond the extra time to hit them: they cause mistakes. When targets are tiny or crowded together, people mis-tap, hit the wrong thing, and then have to notice the error, undo it, and try again, which is a far heavier penalty than the fraction of a second Fitts’s Law predicts for the reach itself. A delete button jammed next to a save button, or two links so close a thumb cannot separate them, does not just slow people down, it makes them act wrongly and then work to recover, which is frustrating enough to drive them away. Giving important and destructive actions room to breathe, and keeping them away from each other, prevents the errors that quietly erode trust in an interface.

The Takeaway

Fitts’s Law is a reminder that usability is physical, not just visual. Make the things you want people to do big, close, and easy to reach, especially on mobile, and you remove a layer of friction most teams never think to look for. The easier a target is to hit, the more often it gets hit.

If your key actions are hard to reach, we can help you fix that.