Fitts’s Law

Make the intended target easier to reach and select.

01 / UNDERSTAND

The idea

Pointing at a small, distant target generally takes more time and precision than selecting a larger, nearby one. This relationship concerns movement to the target, including the size of its usable hit area. A visually large icon can still be difficult if only a tiny part is clickable.

Consider the whole interaction: where the pointer or finger starts, the target’s dimensions, nearby competing controls and the cost of a mistaken selection. Frequent actions should be reachable without demanding precise movement. Preserve comfortable separation around destructive actions rather than merely enlarging everything. Test with the actual device and people using different input methods. A convenient mouse target may still be difficult for someone using touch or experiencing reduced dexterity.

02 / RECOGNISE

See it in real products.

Examples of how the principle can appear in an interface.

AppleEXAMPLE 01

Allow important controls to occupy a larger target

Apple’s Control Center lets people resize supported controls. The editing interface shows handles on the controls, including large slider-shaped areas. It is a concrete place to examine whether a frequently used action offers enough selection area, while checking the remaining spacing and the person’s preferred control layout.

Apple · Interface exampleProduct reference
SlackEXAMPLE 02

Keep creation actions in a predictable place

Slack’s create control opens a menu for common creation actions from a predictable navigation location. Examine the target’s usable size, travel distance and neighbouring controls. Its placement illustrates a selection question; it does not establish a measured improvement in pointing performance.

Slack · Published product walkthroughProduct reference

03 / CONNECT

Why it matters.

Target size and placement can affect selection time and mistakes. Observe missed taps, unintended selections and reachability on the intended devices.

Possible influences to investigate, rather than guaranteed outcomes for every product.

04 / APPLY

Put it into practice.

  1. 01

    Make the entire visible control respond to selection

  2. 02

    Place frequent actions near the work they affect

  3. 03

    Separate targets that have costly consequences

05 / EXPLORE WITH UPSLIDE

Apply it with Upslide.

Use a practical guide, read a deeper explanation, or examine a related Upslide project.

Keep exploring

Match the challenge to the person’s skills and keep the next action clear.

Read next law

70 PRINCIPLES TO EXPLORE

The UX glossary

Current principle: 20 of 70 · Alphabetical order

THE UX GLOSSARY

Find your next idea.

PASS THE IDEA ALONG

Share this page

LinkedIn WhatsApp Email

UPSLIDE DESIGN STUDIO

Watch the explainer

Playback unavailable? Watch on YouTube ↗

SHARE WHAT YOU NOTICED

Contribute an example.

Share a screenshot and a few words. We’ll review it before publishing.

Add links or contact details (optional)

Reviewed by the Upslide team.