Made with 🧠 and πŸ«€ by Youssef Bouksim

Back to library
πŸ‘†

Fitts's Law

The time it takes to tap or click something depends on two things: how big it is, and how far away it is. Bigger and closer is always faster.

5 min readUX Β· Mobile Β· Product

Reach for something small on the other side of a table. Now reach for something large right in front of you. Your hand knows the difference before you even move β€” the first requires careful aim and a slow approach, the second is effortless. Fitts's Law formalises this into something measurable, and it applies to every button, link, and icon in every interface ever built.

What makes this law particularly important in mobile design is that it operates constantly and invisibly. Users don't think β€œthat button is too small” β€” they think β€œthis app feels clunky.” The experience degrades without a clear explanation. But the explanation is almost always the same: targets that are too small, or too far from where hands already rest.

✦ Three things to know
βœ“
Small targets cause errors, not just slowness. When a target is below the precision a fingertip can reliably deliver, users miss it β€” triggering wrong actions, needing retries, or giving up entirely.
βœ“
Distance costs as much as smallness. A large button at the top of the screen takes longer to reach than a small button near the thumb. You can compensate for distance by increasing size, and compensate for smallness by decreasing distance.
βœ“
Platform minimums exist because of this law. Apple's 44Γ—44pt and Google's 48Γ—48dp tap target minimums are Fitts's Law calculations β€” the point where error rates become acceptable for an average fingertip.

Where it comes from

Paul Fitts was an American psychologist working with the US Air Force in 1954, studying why pilots made errors moving between cockpit controls. He established a precise, logarithmic relationship between movement time, target size, and target distance. Wider and closer targets were reliably faster and more accurate to reach.

MT = a + b Γ— logβ‚‚ (2D / W)
MT is movement time to reach the target.
D is the distance from the starting point.
W is the width of the target.
a and b are constants for the device and user.

Bigger W = shorter time. Longer D = longer time.

The practical translation: make important things bigger and put them where hands already are. Every pixel of size reduction and every millimetre of added distance is measurable cost, paid by every user on every interaction.

β€œDistance is the enemy of action. Size is its antidote.”

LinkedIn vs Facebook β€” accepting an invitation

Both LinkedIn and Facebook show you incoming connection requests in a list. The action is identical: accept or decline. The difference in how each app presents that action is a direct illustration of Fitts's Law.

LinkedIn's invitation screen places two small circular icon buttons β€” a βœ• and a βœ“ β€” to the right of each person row. They're compact, icon-only, and require precise targeting to hit the correct one, especially since they sit side by side. If your thumb lands 4mm off, you might decline someone you meant to accept.

Facebook's friend requests use full-width β€œConfirm” and β€œDelete” buttons stacked below each person. These are generous, labelled, and far apart β€” vertically separated so there's no risk of hitting the wrong one. Tap both screens and feel the difference.

Before β€” small icon buttons
9:41
My Network
Invitations (4)
M
Mohamed Zaidane
Junior Web Developer Β· Paris
12 mutual Β· 2w ago
K
Karim El Fathi
Mobile Developer Β· Flutter
54 mutual Β· 1mo ago
S
Sara Benali
UX Researcher Β· Casablanca
7 mutual Β· 3d ago
Y
Youssef Mansouri
Product Manager Β· Rabat
3 mutual Β· 1w ago
People you may know
L
Leila Mourad
Multimedia Designer
Home
Network
Post
Notifs
Jobs

Accept and Decline are 8px apart. One imprecise tap accepts someone you meant to ignore β€” or vice versa.

After β€” full-width buttons
9:41
Friends
Friend Requests
F
Fati Sandaoui
4 mutual friends
2 hours ago
E
El Imrani Adam
12 mutual friends
11 weeks ago
People you may know
O
Oumaima Id
5 mutual friends
Suggested
Home
Reels
Friends
Market
Notifs

Confirm and Delete span the full row width. No precision required, no accidental wrong taps.

The information on each row is identical. The purpose is identical. The difference is entirely in the tap target design β€” and that difference changes whether users can confidently act without fear of triggering the wrong outcome. LinkedIn's approach prioritises density, fitting more invitations on screen. Facebook's approach prioritises accuracy, making each action easy and unambiguous.


Apple Reachability β€” a system-level admission that the top of the screen is broken

In 2014, Apple launched the iPhone 6 β€” their first phone with a screen large enough that the top half became genuinely difficult to reach with one hand. Rather than ignoring the problem, they shipped a feature called Reachability built directly into iOS: swipe down on the home indicator and the entire screen slides down, pulling the top half into the natural thumb zone.

Reachability is Apple's explicit acknowledgment, encoded in the operating system, that the top of a large screen violates Fitts's Law severely enough to require a workaround. It is the most direct statement any major platform has ever made about the cost of distance in mobile interaction.

The screen below has critical actions at the top. Swipe down on the home bar at the bottom to activate Reachability β€” then notice how those top buttons drop into easy thumb reach.

Apple Reachability
9:41
Confirm Order
Hard reach zone
Order Summary
Air Max Horizon Β· US 9 Β· x1
Subtotal $72 Β· Shipping $12 Β· Total $84
Delivery
123 Main Street, Apt 4B
San Francisco, CA 94102
Payment
Visa β€’β€’β€’β€’ 4242 Β· Exp 09/26
Swipe down ↓
Tap to dismiss

Tap the home bar to activate

Swipe down on the home bar to activate Reachability and pull top actions into thumb reach.

The lesson from Reachability isn't that every app should build a similar feature. The lesson is that screen real estate at the top is not free β€” it costs movement. When Apple decided the cost was high enough to engineer a system-wide workaround, they were making a Fitts's Law judgment at the platform level. App designers should make the same judgment at the layout level: put primary actions at the bottom, reserve the top for display and navigation.


Distance β€” the other half of the equation

Target size gets most of the attention in Fitts's Law discussions, but distance is equally important. A generous button at the wrong place can require as much movement time as a small button in the right place.

E-commerce product pages demonstrate this cleanly. A user scrolls through photos, reads the description, checks the reviews β€” and at some point decides to buy. If the Buy button is embedded in the scrollable content, its distance from the thumb grows with every scroll. By the time they've finished reading reviews, it could be hundreds of pixels away β€” requiring scrolling back up before buying. A button pinned to the bottom of the screen has zero distance regardless of scroll position. Scroll both products all the way to the reviews, then try to buy.

Before β€” Buy button inside scroll
9:41
Product
Air Max Horizon
$129
4.8 Β· 2,341 reviews
Color
Size
US 7US 8US 9US 10US 11
Lightweight foam cushioning with a breathable mesh upper. Designed for all-day comfort on and off your feet.
Shipping & Returns
Free shippingOrders over $75
Express delivery2-3 business days
Free returnsWithin 30 days
Product Details
Breathable engineered mesh upper
Foam midsole for responsive cushioning
Rubber outsole with traction pattern
Pull tab for easy on and off
Weight: 8.2 oz (size US 9)
Reviews (7)
Jordan M.
Most comfortable shoes I've owned. True to size, very lightweight.
Priya K.
Great for everyday wear. Wish there were more colour options.
Thomas R.
Incredibly light, arrived in two days. The sole has great bounce.
Dana W.
Runs slightly narrow β€” go half a size up if you have wide feet.
Alex C.
Perfect for running errands. Breathable and super lightweight on hot days.
Mia L.
Stylish enough for casual wear. The mesh gets dirty easily though.
Sam T.
Third pair I've bought. Nothing else comes close for the price.
FAQ
Do these run true to size?
Yes, most customers find them true to size.
Are they good for running?
They're designed for casual wear and light activity.
How do I clean the mesh?
Spot clean with mild soap and water.

Scroll up to find the button. It's buried above the fold somewhere.

After β€” Buy button pinned to bottom
9:41
Product
Air Max Horizon
$129
4.8 Β· 2,341 reviews
Color
Size
US 7US 8US 9US 10US 11
Lightweight foam cushioning with a breathable mesh upper. Designed for all-day comfort on and off your feet.
Shipping & Returns
Free shippingOrders over $75
Express delivery2-3 business days
Free returnsWithin 30 days
Product Details
Breathable engineered mesh upper
Foam midsole for responsive cushioning
Rubber outsole with traction pattern
Pull tab for easy on and off
Weight: 8.2 oz (size US 9)
Reviews (7)
Jordan M.
Most comfortable shoes I've owned. True to size, very lightweight.
Priya K.
Great for everyday wear. Wish there were more colour options.
Thomas R.
Incredibly light, arrived in two days. The sole has great bounce.
Dana W.
Runs slightly narrow β€” go half a size up if you have wide feet.
Alex C.
Perfect for running errands. Breathable and super lightweight on hot days.
Mia L.
Stylish enough for casual wear. The mesh gets dirty easily though.
Sam T.
Third pair I've bought. Nothing else comes close for the price.
FAQ
Do these run true to size?
Yes, most customers find them true to size.
Are they good for running?
They're designed for casual wear and light activity.
How do I clean the mesh?
Spot clean with mild soap and water.

Scroll to the last review. The button is still right there β€” same distance from the thumb wherever you are on the page.

Amazon, Apple, Shopify and virtually every major e-commerce app now use sticky bottom CTAs for exactly this reason. The distance from the user's thumb to the Buy button is effectively zero regardless of scroll position β€” which is Fitts's Law applied to layout.


Applying this to your work

The question to ask for every interactive element is not β€œcan users reach this?” β€” they almost always can. The question is β€œwhat is the cost of reaching this, and does that cost match the frequency and importance of this action?” Primary actions should have the lowest cost: large targets, bottom-of-screen placement, clearly separated from neighbouring actions so there's no risk of hitting the wrong one.

βœ“ Apply it like this
β†’Use full-width or near-full-width buttons for primary actions β€” Confirm, Add friend, Add to Cart. Width equals target size.
β†’Separate competing actions vertically rather than side by side β€” Confirm above, Delete below, with clear visual distinction between them.
β†’Pin primary CTAs to the bottom of the screen so distance from the thumb is zero regardless of scroll position.
β†’Reserve the top of the screen for display and navigation only. Put actions at the bottom where thumbs naturally rest.
βœ— Common mistakes
β†’Placing Accept and Decline as small icon-only buttons side by side β€” a 4mm mis-tap triggers the wrong outcome irreversibly.
β†’Placing primary CTAs inside scrollable content where they scroll away exactly when users are ready to act.
β†’Putting critical actions at the top of the screen and assuming users will shift grip or use a second hand.
β†’Treating all actions as equal size β€” density is not a virtue when it costs users accuracy on important decisions.

Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. Β· Apple Reachability introduced with iOS 8, iPhone 6/6 Plus (2014). Β· Apple Human Interface Guidelines: minimum touch target 44Γ—44pt. Β· Google Material Design: minimum touch target 48Γ—48dp.