Fitt’s Law
Fitt's Law explains that the time it takes to click or tap on something depends on two things: how far away it is and how big it is. Simply put, larger and closer buttons or links are quicker and easier to use.
Surinder Thakur · AI Product Designer
Founder of ProUXUpdated
- Principle · 132
- CRO techniques
- UX concepts
- UX biases
- UI principles
- UX fundamentals
Why It Matters
Why Does Fitt's Law Matter?
- Easier to Use: Big and nearby buttons make your website or app more straightforward to navigate..
- Fewer Mistakes: Users are less likely to click the wrong button.
- Faster Actions: People can complete tasks more quickly.
- Better Accessibility: Everyone, including those with disabilities, can use your product more easily.
Benefits for Your Business
- Easier to Use: Big and nearby buttons make your website or app more straightforward to navigate.
- Fewer Mistakes: Users are less likely to click the wrong button.
- Faster Actions: People can complete tasks more quickly.
- Better Accessibility: Everyone, including those with disabilities, can use your product more easily.
How to Improve
How to Apply Fitt's Law
- Make Important Buttons Bigger: Ensure key buttons are large enough to click or tap easily.
- Place Buttons Close to Where Users Look: Position necessary actions where they're easy to see and reach.
- Optimize for Mobile Users: On phones, place buttons where thumbs can easily tap them.
- Use Clear Design Cues: Highlight essential elements to draw attention.
Key Takeaway
Summary
By making buttons and interactive elements bigger and placing them closer to where users are focusing, you make your website or app more straightforward to use. This leads to happier users and fewer mistakes and can benefit your business through increased engagement and conversions.
Questions about Fitt’s Law
Big enough to hit without aiming. On touch, at least 44 by 44 points for anything tappable, and more for primary actions. On desktop, size can be smaller because a pointer is precise, but distance still matters: a small button near the cursor is easier than a large one across the screen.
Within thumb reach, which on most phones means the lower half and toward the centre. The top corners are the hardest area to reach one-handed, which is why destructive actions are often placed there deliberately.
These answers come from nineteen years of UX practice. More about Surinder →
AI Product Designer
19 years designing products, mobile first, grounded in UX psychology.
Founder of ProUX.
