I missed the 50th anniversary of Paul Fitts' paper The information capacity of the human motor system in controlling the amplitude of movements. I wasn't exactly expecting street parties, but June 2004 slipped by without even a celebratory cup of tea.
The title of the paper may not mean much on its own, but I end up discussing Fitts' Law with interaction designers at least once a week, so I would count it as one of the more robust works in our field. The conversations usually go something like this:
- You have a news item on this page with a two-square-inch photo next to it, but the link is just this tiny icon at the end.
- What do you mean?
- The photo would make a better mouse target than the tiny icon. It's called Fitts' Law. Bigger targets are easier to hit.
- He got a law named after him for that?
- Well, there is a little more to it, but it's an important principle in interaction design.
- Surely nobody worries about how big the mouse targets are?
- Not consciously, but it can slow people down, lead to errors and make life frustrating if you're using a laptop on a train or don't have high levels of manual dexterity.
- But won't a photo affect accessibility?
- If it has meaning, you need to have descriptive (alt) text for it anyway. If it's for decoration, you use a null alt tag so that assistive technologies such as screen readers don't bother users with it. But you do that whether it's a link or not.
Fitts very accurately related the difficulty of tapping a target to its size and the distance travelled. However, the size issue is not as straightforward as you might think. We are concerned with the size of the target in the direction of travel only. This is not much of an issue for most photos and images as these tend to be square, but text is a different matter. Consider the example in Figure 1.
If you are approaching either the photo or text target horizontally, their sizes are the same. However, a vertical approach is a different matter, with the photo being an order of magnitude larger in that axis. (Fitts law is a logarithmic relationship, so the photo will not be ten times easier to hit than the text, but there will be a very noticeable difference.) While Fitts originally considered only one-dimensional horizontal or vertical movement, the principle has been extended to two dimensions through the simple expedient of taking an object's size along the direction of travel .
But that's not all. There is ample evidence (, for example) that for many searching tasks, images are both quicker to find and more memorable than words. So not only are images easier to hit, they are easier to find in the first place. Naturally there is a trade-off in terms of the amount of screen space occupied and the potential need for more scrolling, but where space allows, images have an important functional role to play. Even if images are not practical, raise a cup to Mr. Fitts and make the text links larger. Here are some tips:
- Make images links, especially if they are already present.
- Make text links larger by using more words (within reason) or increasing the font size.
- Following Fitts' Law, text links will be easier to hit if approached horizontally. Arrange your navigation so that the most frequent mouse movements are horizontal.
- Consider using icons (with appropriate descriptive text for accessibilty) as well as text in order to increase target size, especially on pages where vertical mouse movement is expected.
- Small targets can be used to benefit interaction too. Make unusual or irreversible actions more difficult to select by reducing their size (relative to common actions).
About the Author:
William Hudson is a leading authority on user-centered design with over 30 years experience in the development of interactive systems. He is the founder and principal consultant of Syntagm, a consultancy specializing in the design of interactive systems established in 1985.
©2005 ACM 1072-5220/05/0500 $5.00
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copy otherwise, to republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee.
The Digital Library is published by the Association for Computing Machinery. Copyright © 2005 ACM, Inc.