top of page
Search
Writer's picturelidiiapavliuk

Fitts’ Law?

Updated: Jan 3, 2024





Fitts’ law states that the amount of time required for a person to move a pointer (e.g., mouse cursor) to a target area is a function of the distance to the target divided by the size of the target. Thus, the longer the distance and the smaller the target’s size, the longer it takes.


🔥TIPS 1.1🔥

We can you this law in opposite way: to make some buttons less obvious (cancel, delete, remove etc.) user will not press it by accident.

If the user in e-commerce 👠 web what to remove item from the purchase basket 🛒 hi will not do it unconditionally or by mistake.


1️⃣ Optimizing Target Size

Bigger Is Better

The most obvious implication of Fitts’s law is: make targets big. Fitts’s law clearly says that people will be faster to click, tap, or hover on bigger targets. Not only that, but error rates go down as target sizes increases.


2️⃣ Icons Plus Labels

We’ve said many times that icons need labels. Not only does a text label reduce icon ambiguity and makes it easy to understand, but it also improves movement time to that particular target.


3️⃣ Don’t Crowd Targets

If you place targets too close to each other, there is a risk that people will accidentally overshoot and accidentally trigger the wrong target. Note that this is especially likely to happen if the targets are small.


🔥 TIPS 1.2🔥

One More nice tip is that if in your #UI design by any reason the “big green/red button” is not fitting you can increase the “clicking area” of this button.


4️⃣ Padding Is Not Enough

Sometimes designers will pad certain targets, thus increasing the effective target area. However, remember that, even though padding will help prevent some overshooting errors, if people do not realize that a target is padded, they may still cautiously slow down more than necessary as they get closer to the target, in order to make sure they will not go beyond the target area.


✏️ Fitts’ Law part one… second will be #lidiiauxinfo



4 views0 comments

Related Posts

See All

Commentaires


bottom of page