La ley de Fitt en interfaces gráficas
| Clasificado en: | Diseño de Interacción, Diseño de Interfaces, HCI |
La ley de Fitt 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.
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.

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ómo colocar los elementos de interfaz. Otros buenos ejemplos:

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

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.
Alessandro 12/03/08
2:56 pm
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!
Tzek 12/03/08
3:32 pm
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).
Mark 12/03/08
4:10 pm
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
)
Alessandro 12/03/08
5:43 pm
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).
Mark 12/03/08
11:24 pm
Bien.
Eduardo Cruz 12/03/08
11:41 pm
[...] > Ley de Fitt en interfaces gráficas [...]
Ley de Fitt « LUZ ARIZPE 03/09/10
9:46 pm