How to Use Fitts’s Law in UX Design

You’ve probably noticed how some buttons feel easier to tap than others - even if they’re the same size. That’s not coincidence. It’s Fitts’s Law, a simple but powerful principle from human-computer interaction that helps explain how quickly users can move their pointer to a target, and how accurately they can hit it.

Fitts’s Law isn’t about aesthetics or trends. It’s about movement - the physical act of moving your finger, mouse, or stylus to a target. It’s especially useful when designing interfaces where users are making repeated interactions - like selecting options, clicking buttons, or navigating menus.

The law is expressed as:

MT = a + b * log2 (W + D / W)

That’s not meant to be memorised. It’s meant to be understood. MT is the time to move, W is the width of the target, D is the distance to the target, and a and b are constants that vary by device and user. But for most practical design work, you don’t need to calculate the formula - you need to understand the core idea: the closer and larger the target, the faster and more accurately users can interact with it.

Let’s break this down into practical steps.

---

1. Prioritise target size and placement

One of the most direct applications of Fitts’s Law is to make your most-used targets larger and closer to the user’s natural pointing position. For example, if your app has a “Save” button that users press every five minutes, make it bigger than the “Cancel” button - and place it where your users’ pointer naturally lands after reading a form.

On mobile, this means using larger tap targets. The general recommendation is 44x44 pixels - not because it’s magic, but because it’s large enough to satisfy Fitts’s Law for most users. If you’re designing for users with motor impairments or using a stylus, even larger targets make sense.

Also, think about spacing. If your buttons are too close together, users will struggle to hit the right one - especially on touchscreens. Fitts’s Law says: reduce distance, increase target size, and you reduce error.

---

2. Minimise unnecessary movement

Every time a user moves their pointer - whether to scroll, click, or drag - they’re engaging with Fitts’s Law. The more movement required, the slower and more error-prone the interaction becomes.

So, reduce unnecessary movement. For example, if users need to click through three screens to reach a setting, consider moving that setting closer - perhaps into the main menu or a quick-access panel. Or, use a modal that appears near the point of interaction, rather than requiring a click on a distant icon.

This is also where cognitive load comes into play. If users are thinking too hard about where to click, they’re less likely to succeed - and more likely to get frustrated. Fitts’s Law helps you reduce the physical effort, which indirectly reduces the mental effort.

---

3. Apply it to scrollable interfaces

Scrolling is one of the most common interactions in digital interfaces - and it’s governed by Fitts’s Law too. When users scroll, they’re moving their pointer to new targets - often buttons or links that appear at the top or bottom of the screen.

If you have a “Back to Top” button, place it near the bottom of the page - but make it large enough to be easy to hit. If you’re designing a long form, consider placing “Save” or “Next” buttons at the bottom, not the top, so users don’t have to scroll back up to continue.

Also, use affinity mapping to group related items - if users can reach similar functions with less movement, they’ll complete tasks faster and with fewer errors. This reduces the distance they need to move - which, according to Fitts’s Law, reduces the time and error rate.

---

4. Test with real users - not just with theory

Fitts’s Law is a helpful guide, but it’s not infallible. The best way to apply it is to test with real users.

Ask them to complete a task - and watch how they move their pointer. Do they struggle to hit small targets? Do they move unnecessarily far? Do they hover and hesitate? These are all signs that Fitts’s Law is being ignored.

Use tools like heatmaps or screen recording to see where users’ pointers land - and compare that to your design. If users are clicking in the wrong places, or if they’re moving far to reach a target, you’re probably violating Fitts’s Law.

Also, test with different devices - mobile, tablet, and desktop - because the law behaves differently across platforms. A button that’s easy to tap on mobile might be too small for a desktop mouse.

---

5. Think about accessibility from the start

Fitts’s Law is especially important for accessibility. People with motor impairments, arthritis, or vision impairments often struggle with small targets and long distances. By applying Fitts’s Law, you’re making your interface more accessible - not just for users with disabilities, but for everyone.

For example, if you’re designing for older users, they may have slower reaction times or less precise motor control. Make your targets larger, place them closer, and reduce the number of steps needed to complete a task.

This isn’t just about being “nice” - it’s about being practical. Fitts’s Law tells you how to design for human movement - and that’s a universal need.

---

Takeaway: design for movement, not just appearance

Fitts’s Law doesn’t tell you how to make your interface beautiful - it tells you how to make it usable. It’s about reducing the distance your users have to move, increasing the size of their targets, and grouping related actions to reduce unnecessary movement.

When you design with Fitts’s Law in mind, you’re not just making things easier to click - you’re making them easier to use, faster to complete, and less likely to frustrate your users.

So next time you’re designing a button, a menu, or a form - ask yourself: Is this target large enough? Is it close enough? Can users reach it without moving too far?

If you answer “no” to any of those, you’re probably violating Fitts’s Law - and your users will feel it.

Design for movement. Design for speed. Design for accuracy. That’s what Fitts’s Law is here to help you do.

---