Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Los enlaces y la ley de Fitts

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:

Tres enlaces 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:

Tres áreas clicables de distinto tamaño

Para intentar solucionar este problema, se podría alargar el área donde hacer clic de los enlaces pequeños:

Tres áreas clicables del mismo tamaño

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:

Usuario apuntando en el primer enlace en lugar de en el segundo

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.

Usuario haciendo clic en el primer enlace en lugar de en el segundo por error

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:

Enlaces con un fondo azul redondeado

Aunque esto, obviamente, puede generar más problemas (ruido visual, atención innecesaria...) que los que se pretenden solucionar.



Comentarios (3)

albertofsalbertofs 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'.

torresburrieltorresburriel dijo el 29 Ene 2007:

Me encanta la sencillez explicando estas cosas. Bravo!

karpiciuskarpicius 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:..."



Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.