design thinking, Interface Design, usability testing, User Behaviour, User Experience, UX Concepts, UX Knowledge, UX Methodology

Fitts’ Law in UX

Paul Fitts:

One of the founding fathers of Ergonomics, his famous “Fitt’s Law” (which predicts the time required to rapidly move to a target area, such as a button or control) is still in use today. Fitts was a psychologist who later served in the Air Force, where his work redesigning cockpits did a lot to improve aviation safety.

Relevance to UX:

It tracks the time it takes to point at something. Taking into consideration the size and distance of the target. Fundamentally it proves that its faster for you to hit larger targets closer to you than it is to hit smaller targets that are farther away from you.

If you look at the keys on your computer keyboard you will notice that the keys users press more often like the ‘enter’ key the ‘space bar’ and the ‘shift’ key are larger than the other modifying keys. These keys are larger so they are easier to hit.
They are also closer to the alpha numeric keys.key-board

Keys that are used less often like ‘alt’ delete’ ‘esc’ are farther away from the alphanumeric keys.

Similarly when designing an interface when a designer wants users to interact with their website interface or product they make sure they make it obvious. Targets or Buttons are easily located and easy to use. (Refer Below Image)

homepage.png

Its also signifies that the farther away a users mouse is and the smaller the onscreen target is the longer it takes for a user to move the cursor and click on target. (Refer Below Image)

yahoo.png

Fitts Law of Curve:

For Small Size Objects:

The size of the target matters. The larger the target the easier it is to hit.

button.png

This might lead us to think that the larger buttons are always better. However this rule cannot be applied always. Fitts Law works on curve. Which means smaller objects are easier to click if they are made large.

small-to-big.png

For Large Size Objects – The Gutenberg diagram :

However larger objects are already large. So if they are made larger yet they won’t be easier to click. Because of this curve the benefits of increased size begin to decrease. This ensure proper proportions are given to objects and that the purpose is served for the same.

Placement of Objects Onscreen – :

Actual physical placement of your screen elements are very important. The Gutenberg Diagram shows that the users tend to move through the screen from TOP LEFT to BOTTOM RIGHT. Therefore important objects and buttons must be placed in the BOTTOM RIGHT.

fb.jpg

Enter a caption

Designing in proportion and keeping in mind their appropriate usage is critical.

 

Text Links or One Word Link :

Always try and make a phrase a link rather than just one word.  (Refer image Below)

This makes the target link bigger and easier to click and understand.

phrase-link.png

 

Design for Different Devices :

Proper size, spacing and proportion of objects are crucial. Every item must be in sync and proportion to the other designed for serving the usage they are meant for.

 

Cheers,

RuthlessUX.com

Advertisements
Standard

 

Reviewing the www.quikr.com website (Add to Favourite Feature)
Apparently even after the the user adds products he likes and might wish to later on re-visit them this feature is handy but unfortunately this feature seems to be working JUST NOT FINE on their site.

There is no such list that allows users to go back and view the saved items. So the purpose of ADD TO FAVOURITE on every product page gets totally irrelevant beyond this point.

 

Review by

Shaheena Attarwala (UX & Usability specialist Mumbai)

Reviewing the ICICI Bank online website www.icicibank.com

Getting started with the log in section.

Its a intuitive user behaviour that on hover if there is an action happening it will undo the same action once we hover no more. So on the right side i see no point of having a HIDE link. Its irrelevant and sits above all the other important links which is an absolutely redundant idea to me.

The way the right side vertical menu has been handled is not very pleasant.

The highlight – active – hover functions are not in sync.

If log in section is orange on hover the same pattern must be followed across the vertical menu.

Unless i read the menu link and the opened up heading on the top it is left to my imagination as to which section i am actually on.

This isn’t rocket science that consistency is one of the important keys to a designing a good user experience and user flow.

Looks like some effort has gone into deliberately making it complicated.

Even if the end goal was to make sure that the LOGIN section is the highlight of the menu there we surely better ways to handle it.

User Behaviour, User Experience, User Psychology, User Study, UX Philosophy

Is user experience all about users?

To design the best User Experience , pay attention to what users do, not what they say or ask for. Users don’t know what they want. They can only tell us what they don’t want or dislike and this is a universal phenomenon. For example: the audience going for movies can only like or dislike the movie they will never be able to exactly tell how the movie could have been better had the makers done this or that. Its a gamble in a sort of way.

Hence user studies can only aid this much is building a great user experience. Eventually the more empathetic you are towards solving the problem of the users the better are the chances of success in your user experience.

Standard