And Academy
Glossary / F /

Fitts’ Law

Fitts' Law is a model that predicts human movement. It says that the time to move to a target depends on two things: the distance to the target and the size of the target. Psychologist Paul Fitts created this principle in 1954. Within user interface design, this law applies to interactive elements like buttons, menus, and touch targets.

In the digital world, Fitts' Law shows that larger buttons are easier to click. It also explains why putting often-used controls at the edges or corners of the screen makes them easier to access and leads to fewer mistakes.

Not to be confused with

Hick's Law

It deals with decision-making time based on a number of choices, while Fitts Law deals with movement time.

Applications of Fitts' Law

Fitts' Law ensures designers understand how users physically interact with elements. The strategic application of this principle can improve user experience across different platforms and devices. Here are a few applications of Fitts’ law:

  • Touch Target Sizing: Making elements sized for finger taps on mobile devices (typically 44-48 pixels minimum).
  • Button Placement: Positioning important buttons within easy reach, especially for thumb operation on mobile devices.
  • Menu Design: Creating menu items with appropriate spacing and size to prevent accidental selections.
  • Edge Utilization: Placing frequently used functions at screen edges or corners where they're easier to target quickly.
  • Form Design: Implementing larger form fields and submit buttons to reduce input errors and frustration.

Implementing Fitts' Law in Design

Designers can use Fitts' Law to make better user interfaces by focusing on target size, distance, and how efficiently users interact. Here are a few ways to implement it in your design:

  • Consider device context: Adjust target sizes based on whether users will interact via mouse or touchscreen.
  • Create visual hierarchies: Make the most important or frequently used elements larger and more prominent.
  • Use proximity strategically: Group related functions together to minimize mouse or finger travel distance.
  • Implement feedback mechanisms: Utilize visual and tactile feedback accordingly for a better experience.
  • Test with real users: Check design choices through user testing. This also helps find ways to improve the usage of Fitts' Law.

Note: All information and/or data from external sources is believed to be accurate as of the date of publication.

Consult Course Advisors

cross

Hire Our Graduate / Upskill Your Team

cross

Become An Instructor

cross

Course(s) you can teach

UX/UI
Graphic Design
Motion Graphics
Interior Design
Digital Brand Communication