Applying Fitts’s Law to UX/UI Design

American psychologist Paul Morris Fitts, who worked at Ohio State University, conducted an experiment in 1954 that states a model of human movement while moving to a target. He proves that the time required to move to a target depends on the distance to it.

In simple terms, Fitts’ Law states that the bigger an object is and the closer it is to a person, the easier it will be for him to reach it.

Fitts’ law is centered around a mathematical equation

MT=a + b * log2(D/W + 1)

Yeah… sounds great. But how we profit from it?

Fitts’ law is widely applied in UX/UI design. Many companies worldwide increase sales conversation on their websites just by moving, for example, the “Add to cart” button to the right side of that site.

Fitts’ law can also be used to deliberately complicate the customer map, for example, by making the “Delete” button smaller. It can be not only buttons, but any other objects on a website page.

If a large button conflicts with the overall page design, then it is sufficient to enlarge not the button itself, but the clicking area.

The clicking zone (shown in a red square) is twice as large as the “Sign in” button. It is faster and more convenient for user (especially on mobile devices) to reach the target. ⬇️

Imagine, your cursor and attention are given to the logo of a particular website. Within seconds, a CTA pops up for user to be able to click on it ASAP. UX-analytics consider it using the Fitts’ Law. ⬇️

One more example is a dropdown menu. This is the fastes way to reach the feature. ⬇️

Join me in Telegram: https://t.me/productmonkey

--

--

--

Product Manager nut. Stirring up some monkey business. Delivering genius solutions. Teaching on moonlighting. Usually here: https://t.me/productmonkey

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A UX-UI App that Aims to Make Happy Campers

Pull Your Website Up By its Own Bootstraps

A designer’s greatest asset is their team

Abandoned Hopper Terminal 04 HDRI

What’s new in Caravel 2

Gaining STEAM : Where Design Fails to Fill the Gap.

IS THAT VEGAN? AN INSIDER’S GUIDE TO VEGAN INTERIOR DESIGN

A white and grey cat sitting on top of pink floral bedding with pink and red throw pillows.

12. User Testing Documentation

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Andrei Smagin

Andrei Smagin

Product Manager nut. Stirring up some monkey business. Delivering genius solutions. Teaching on moonlighting. Usually here: https://t.me/productmonkey

More from Medium

UX Research | UX laws | YouTube

UX/UI roles and their scopes in the design process

Crafting a great UX onboarding experience

UX Case Study: DOCTORS UNDER THE RADAR