Los enlaces y la ley de Fitts
Escrito por Dani Armengol Garreta el 26 Ene 2007
Es habitual encontrarse con conjuntos de enlaces de distintas longitudes alineados verticalmente:
En ocasiones para intentar mejorar su usabilidad se aplica la ley de Fitts, pero se hace incorrectamente.
La ley de Fitts dice, básicamente, que el tiempo para completar un movimiento rápido de un punto A a un punto B depende de la distancia y el tamaño del punto B.
Intuitivamente, hacer clic en el primer o tercer enlace de la imagen anterior puede parecer más complicado que hacer clic en el segundo, puesto que su tamaño es más pequeño.
Según la ley de Fitts, y suponiendo que todos los enlaces están equidistantes a la situación actual del cursor, si para hacer clic en el enlace largo el usuario está a 5 unidades de tiempo, para hacer clic en el corto estará a 5'7, un 14% más.
En la siguiente imagen, los cuadros de borde rojo simbolizan el área donde el usuario puede hacer clic para cada enlace:
Para intentar solucionar este problema, se podría alargar el área donde hacer clic de los enlaces pequeños:
En esta situación se podría argumentar que se tarda el mismo tiempo en llegar a todos los enlaces, pero existe un error en el razonamiento.
El error es que se ha incrementado sólo el área donde hacer clic y no el tamaño físico del enlace, por lo que se siguen tardando 5'7 unidades de tiempo en acceder a los enlaces cortos ya que el usuario, visualmente, desconoce la nueva situación y su precisión al mover el ratón es la misma que en el caso original.
De hecho, incluso, es contraproducente, puesto que para el enlace largo el usuario seguirá siendo menos preciso, existiendo la posibilidad que sitúe el cursor incorrectamente:
En el diseño original esto no tiene ninguna consecuencia desagradable, ya que el usuario no hará clic en ningún enlace, pero en el rediseño hará clic en el primero, llevándolo a una página que no es la que esperaba.
Una solución real para este tipo de situación es hacer más grande el elemento al que hacer clic usando recursos gráficos, como por ejemplo un fondo de color:
Aunque esto, obviamente, puede generar más problemas (ruido visual, atención innecesaria...) que los que se pretenden solucionar.
Comentarios (3)
torresburriel dijo el 29 Ene 2007:
Me encanta la sencillez explicando estas cosas. Bravo!
karpicius dijo el 29 Ene 2007:
Ley de Fitts y Usabilidad en www.karpicius.com.ar
"... comparto con ustedes este artículo que me pareció interesante por su sencillez y por lo útil que resulta publicado en Usolab .
Tal vez, de la mano con lo que en post pasados comente acerca de la gestalt y lo patrones de diseño, desde otro punto de vista y para una misma solución final
Dani Armengol nos dice:..."
Participa en la conversación, escribe tu comentario:
Notas sobre el comentario
- Usa un tono respetuoso.
- Las lineas saltan automáticamente sin pulsar la tecla "Enter".
- Para escribir en negrita: <strong>texto en negrita</strong>
- Para escribir en itálica: <em>texto en itálica</em>
- Para crear un enlace: <a href="URL">texto del enlace</a>
El blog de Usolab está bajo una
licencia de Creative Commons.
albertofs dijo el 28 Ene 2007:
Muy interesante, sabía de la necesidad de hacer los enlaces a un mismo tamaño de área 'clickable' pero no de los números estadísticos.
Quizá para evitar ruidos con un simple border-bottom a 1px en cada línea sirva, a mí me lo parece, pero eso teneis que decidirlos los 'usables'.