Skip to main content
ExplainerInterface DesignExplainer· 5 min read· in Culture

The Logarithmic Math of the Mouse Click: How Fitts's Law Dictates Digital Interface Design

Formulated in 1954 to measure human motor capacity, Fitts's Law mathematically proves that the time required to move to a target is a function of the ratio between the distance to the target and its width. Today, this logarithmic equation governs everything from the size of smartphone buttons to the placement of desktop menus.

By Dmitry Volkov

Usability Engineers 45%Visual Designers 35%Academic Researchers 20%
Usability Engineers
Prioritize motor efficiency, speed, and minimizing the Index of Difficulty to prevent user error.
Visual Designers
Focus on aesthetic balance, cognitive load, and clean layouts that do not overwhelm the user with massive interface elements.
Academic Researchers
Focus on the mathematical formulations, empirical validity, and biological underpinnings of human motor control.

Perspectives this story doesn't cover

  • Accessibility Advocates
  • Hardware Manufacturers

Summary

  • Fitts's Law proves that the time to reach a target depends on its distance and size.
  • The relationship is logarithmic, meaning small increases to tiny buttons yield massive usability gains.
  • Screen edges act as infinitely large targets because the cursor cannot move past the hardware boundary.
  • Modern mobile design places critical actions at the bottom of the screen to minimize thumb travel distance.

The visual designer looks at the screen and argues for breathability: a sleek, minimalist interface where buttons are subtle, margins are wide, and the user's eye is drawn to the content rather than the controls. The usability engineer looks at the exact same screen and argues for physics: make the primary action button massive, pin it to the bottom edge of the glass, and eliminate the dead space so the user's thumb cannot possibly miss it. The tension is as old as the graphical user interface itself. One camp prioritizes the cognitive calm of a clean layout; the other prioritizes the mechanical reality of human motor control.[6]

This mechanical reality is not a matter of opinion, but of mathematical law. In 1954, psychologist Paul Fitts published "The information capacity of the human motor system in controlling the amplitude of movement" in the Journal of Experimental Psychology. Fitts was not studying software—he was studying aviation and human factors, trying to understand how quickly and accurately a person could point to a physical target.[1]

What Fitts discovered was a direct, logarithmic relationship between the time it takes to move to a target, the distance to that target, and the target's width. The resulting equation, now known as Fitts's Law, states that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target.[1]

"The time to acquire a target is a function of the distance to and size of the target," explains the Nielsen Norman Group, a leading UX research firm, in their 2022 analysis of the principle. In practical terms, this means that the further away a target is, and the smaller it is, the longer it will take a user to successfully interact with it.[3]

The Index of Difficulty measures how hard it is to acquire a target based on its distance and width.

The math relies on an "Index of Difficulty" (ID), measured in bits. In 1992, researcher I. Scott MacKenzie published a seminal paper in Human-Computer Interaction that adapted Fitts's original work for digital interfaces, popularizing the Shannon formulation of the law. MacKenzie demonstrated that the Index of Difficulty could be calculated as the base-2 logarithm of the distance divided by the width, plus one.[2]

If a button is 100 pixels away and 10 pixels wide, it has a specific Index of Difficulty. If you double the distance to 200 pixels, you must also double the width to 20 pixels to maintain the exact same acquisition time. Because the relationship is logarithmic, making a tiny button slightly larger yields massive usability gains, while making an already massive button even larger provides diminishing returns.[2][6]

If a button is 100 pixels away and 10 pixels wide, it has a specific Index of Difficulty.

This logarithmic curve explains why the corners and edges of a screen are the most valuable real estate in interface design. A target placed at the edge of a screen effectively has an infinite width, because the user's cursor or finger cannot travel past the physical edge of the hardware. You can throw the mouse in that general direction as fast as possible, and the hardware boundary will stop it exactly on the target.[3][6]

Because the relationship is logarithmic, making a tiny button slightly larger yields massive usability gains.

Apple's macOS operating system has exploited this infinite-width loophole since the 1980s. By pinning the primary menu bar to the absolute top edge of the screen, rather than attaching it to individual application windows like Microsoft Windows historically did, Apple ensured that users could acquire the "File" or "Edit" menus with a rapid, imprecise upward flick of the mouse.[6]

"Big and near beats small and far," writes Jakob Nielsen in a 2026 retrospective on UX Tigers. This blunt summary captures the modern mobile design paradigm. When designing for smartphones, the "cursor" is a human thumb, and the starting position is typically the bottom center of the screen.[5]

Consequently, critical actions—like the shutter button in a camera app or the "Add to Cart" button in e-commerce—are placed at the bottom of the display, minimizing the distance the thumb must travel. Conversely, destructive actions, such as deleting an account, are deliberately placed at the top of the screen and rendered as small text links, intentionally increasing the Index of Difficulty to prevent accidental taps.[5][6]

Modern mobile design places critical actions at the bottom of the screen to minimize the distance the thumb must travel.

The Shannon formulation of Fitts's Law is not without its academic detractors. A 2013 paper in the Open Journal of Applied Sciences questioned the strict validity of the Shannon adaptation, noting that while it fits empirical data well, the theoretical justification for adding the constant of one to the ratio is mathematically convenient rather than biologically derived.[4]

Despite these theoretical debates, the empirical predictive power of the law remains unchallenged. A designer can calculate, before a single line of code is written, exactly how many milliseconds a layout change will cost the user. In high-frequency environments like data entry systems or competitive gaming interfaces, trimming 200 milliseconds off a repetitive action translates to hours of saved time over a year.[6]

The tension between the visual designer and the usability engineer is resolved by this math. Aesthetics dictate that a button should not dominate the screen, but Fitts's Law dictates the minimum threshold for human motor control. The most successful interfaces do not ignore the physics of the human body; they use the logarithmic curve to make the right action the easiest one to take, proving that good design is as much about biology as it is about beauty.[6]

Definitions

Fitts's Law
A principle of human-computer interaction predicting that the time to acquire a target depends on the distance to it and its size.
Index of Difficulty (ID)
A mathematical measure of the precision required to hit a target, calculated using the target's distance and width.
Shannon Formulation
An adaptation of Fitts's original equation for digital interfaces, introduced by I. Scott MacKenzie in 1992.
Infinite Edge
A design concept where targets placed against the physical edge of a screen are infinitely easy to hit because the cursor cannot overshoot them.

Questions & answers

What is Fitts's Law?

Fitts's Law is a predictive model of human movement that states the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target.

How does Fitts's Law apply to mobile phones?

On a smartphone, the 'cursor' is the user's thumb. Fitts's Law dictates that frequently used buttons should be placed at the bottom of the screen to minimize the distance the thumb must travel.

Why is the Mac menu bar at the top of the screen?

Placing the menu bar at the absolute edge of the screen gives it an 'infinite width' according to Fitts's Law, because the user's cursor cannot travel past the physical edge of the monitor, making it incredibly fast to click.

What is the Index of Difficulty?

The Index of Difficulty is a mathematical metric, measured in bits, that quantifies how hard it is to hit a target based on its size and distance from the starting point.

Significance

Every time you effortlessly hit a 'Submit' button or frustratingly miss a tiny 'X' to close an ad, you are experiencing Fitts's Law in action. Understanding this principle explains why our digital environments are structured the way they are, balancing aesthetic minimalism against the hard biological limits of human movement.

Sources

Source coverage

6 outlets

3 viewpoints surfaced

Usability Engineers 45%Visual Designers 35%Academic Researchers 20%
  1. [1]Journal of Experimental PsychologyAcademic Researchers

    The information capacity of the human motor system in controlling the amplitude of movement

    Read on Journal of Experimental Psychology
  2. [2]Human-Computer InteractionAcademic Researchers

    Fitts' Law as a Research and Design Tool in Human-Computer Interaction

    Read on Human-Computer Interaction
  3. [3]Nielsen Norman GroupUsability Engineers

    Fitts's Law and Its Applications in UX

    Read on Nielsen Norman Group
  4. [4]Open Journal of Applied SciencesAcademic Researchers

    A Note on the Validity of the Shannon Formulation for Fitts' Index of Difficulty

    Read on Open Journal of Applied Sciences
  5. [5]UX TigersUsability Engineers

    Fitts's Law: Big and Near Beats Small and Far

    Read on UX Tigers
  6. [6]Factlen Editorial TeamVisual Designers

    Synthesis by Factlen editorial team

    Read on Factlen Editorial Team

Comments

Stay informed

Every angle. Every day.

Get Culture stories with full source coverage and perspective breakdowns delivered to your inbox.