La ley de Fitts en interfaces gráficas

Escrito por Tzek el 12/03/08
Clasificado en: Diseño de Interacción, Diseño de Interfaces, HCI

La ley de Fitts es qué tan precisamente puede alcanzarse un objeto dependiendo de su tamaño y lejanía.Esto hay que tenerlo en cuenta cuando hay que mostrar elementos de un grupo en una interfaz, cosas que estén relacionadas. En la página de Mac, la barra de navegación global y los "anuncios" principales se identifican claramente como grupos.

Muestra de la ley de Fitt en la página web de mac

El hecho de que los botones de la barra estén "pegaditos", ayuda a llegar más rápido a la opción que se desea, ya que con un movimiento horizontal rápido del mouse, de izquierda a derecha, va uno pasando de botón en botón, pero además basta estar en el primer pixel de un botón para ya poder hacerle clic... así, el tiempo de acceso es corto y la facilidad de manipular el botón es alta.Caso contrario si la página se viera como sigue.

 Lo mal que se vería el sitio de Mac sin la ley de Fitt bien aplicada

Entonces, en el diseño web y de interfaces en general, hay que saber qué agrupar, hacer chunks de información y que aquellas cosas que sean manipulables y necesarias para hacer algo (completar una tarea) no estén muy separadas o muy chicas. Hay que pensar en cómo el usuario podría hacer el recorrido visual y de ahí ver dónde y cómocolocar los elementos de interfaz. Otros buenos ejemplos:

Ley de fitt aplicada a Google

Ley de fitt aplicada en 37signals

Ley de fitt para los botones de un control remoto de TV

Marcin Wichary de la Vrije Universiteit nos ofrece un interactivo con experimentos muy bueno y hecho en flash.

7 Comentarios.   ¡Faltas tú!

  • http://yonoquiero.blogspot.com Alessandro

    Sí, ta’ muy bonita la página de Apple, pero que alguien le diga al jueputa de Jobs que el que los menús de las aplicaciones esten hasta arriba y tenga que desplazar el puntero por toda la pantalla para acceder a ellos es la cosa más anti-usabilidad que ha creado el hombre moderno.

    Pero claro, malditos fanboys de Apple, no dicen nada, pues andan mamando Leopard y iPods.

  • http://www.tzek-design.com Tzek

    Jajaaja… chetos. Me quedé de a cuatro con lo comentario… voy a tener que quemar mi iPod en solidaridad. :)

    Ahora que lo mencionas, cuando empecé con MacOS, se me hacía muy raro e incómodo el cómo maneja los menús este sistema operativo. Creo que tengo tu punto… casi siempre trabajo en ventana maximizada cuando me tengo que clavar en un chamba… ahora que si estoy navegando o haciendo muchas coas al mismo tiempo, ya me he acostumbrado a tener volando ventanas por todas partes (que admito que era rarísimo cuando migré de Windows a Mac). Creo que si mi aplicación tuviera muchas ventanitas (cosa que me castra cuando uso KeyNote), el estar acomodándolas y luego si tuviera que ir mucho al menú, además de estar acomodando las ventanas cada vez que necesito cosas de cada una… si, está del nabo.

    También me quedé pensando… o te refieres a la task bar que puedes llegar fácil desde el botón de inicio…???

    Ya me intrigaste. Espero tus comentarios.
    Saludos!

  • http://blog.duopixel.com Mark

    Creo que Alessandro se refiere a que los menús de las aplicaciones están siempre hasta arriba, aunque lo hicieron así pensando en la ley de Fitts: puedes aventar tu cursor hasta arriba sin tener que preocuparte por atinarle al eje Y (el buen Tog lo explica mejor: http://www.asktog.com/columns/022DesignedToGiveFitts.html ) así creando un “botón” de altura infinita. Los usuarios de Windows no están acostumbrados y tratan de atinarle al texto, creando la percepción de que es una solución inferior.

    Con las ventanitas también hay historial: en Mac hay más énfasis en el drag & drop. Así, por ejemplo, puedes arrastrar una imagen desde una página en Safari o Mail.app y tirarla en una conversación de messenger para enviarla a un amigo (cosa que no puedes hacer en Windows).

  • Alessandro

    Efectivamente Mark, me refería a ese menú, que a mi me sigue pareciendo mal pensado. Pero pues siempre ha estado así, entonces ni al caso, nunca va a cambiar; es como que a Windows le quiten el botón “Inicio”.

    Y sobre lo que mencionas de arrastrar una imagen desde el navegador hacia el MSN, claro que se puede (como que lo acabo de hacer ahorita mismo :P )

  • http://blog.duopixel.com Mark

    Se puede? Alguna vez lo intenté con IE 6 y nada :( Lo que me gusta de Windows es la ultra-responsividad de las ventanas, cuando escroleas, o cambias el tamaño Windows es mucho más responsivo (al menos en XP, en Vista no lo he intentado).

  • http://www.analisisgrafico.org/blog/ Eduardo Cruz

    Bien.

  • Pingback: Ley de Fitt « LUZ ARIZPE