Muchas de las cosas que comento más adelante son conocidas por la gente que ha tenido que diseñar interfaces (para un juego o una aplicación) en alguna ocasión. Lo que me sorprendió cuando comencé a documentarme sobre el tema del diseño de interfaces, es que existían ecuaciones matemáticas que rigen los susodichos diseños.

Dentro del diseño de interfaces, encontré dos ecuaciones que ayudan a comprender y evaluar la eficiencia de una interfaz o dispositivo de entrada. Estas ecuaciones han sido estudiadas dentro del campo de HCI (Human-Computer Interfaces), y algunas de ellas nos han proporcionado al Hommo Technologicus inventos tan notables como el ratón de ordenador.

En los siguientes apartados describiré las leyes y su aplicación, pero obviaré las ecuaciones matemáticas. Como diseñador, estoy especialmente interesado en los resultados y conclusiones que se derivan de ellas. La formulación matemática se la dejo a los ingenieros … por ahora.

Ley de Fitts

La ley de Fitts relaciona el tiempo de selección de un botón/icono con la distancia hasta el botón y el área del mismo. Resumiendo:

• Los botones grandes son más fáciles de pulsar.
• Los menús radiales (pie-menu en ingles) son buenos, porque todas las opciones quedan a la misma distancia, y por tanto se emplea el mismo tiempo en pulsar cualquiera de ellas.

Un concepto interesante que se deduce de la ecuación es el de IP, Index of Performance, que determina lo bueno/malo/rápido/lento que es una interfaz de entrada (pantalla táctil, mouse, bajo el agua, trackball…). Este parámetro es el que convenció a Xerox de que el ratón era una buena idea (era el dispositivo que tenía el coeficiente IP más alto de los que investigaban). La Ley de Fitts se aplica a espacios unidimensionales (movimiento en una linea recta), pero las pantallas de ordenador son bidimensionales (tienen ancho y alto). Aquí es donde entra en juego la ley de Accot-Zhai o Steering law, cuando se aplica a HCI e interfaces. Es la extensión de la Ley de Fitts a espacios de dos dimensiones.

Ley de Hicks

La ley de Hicks tiene que ver con el comportamiento humano (Cognitive Behaviour), y más concretamente con el tiempo de respuesta que emplea una persona en decidir una opción de entre un conjunto de posibilidades.

Por ejemplo, las listas ordenadas por orden alfabético son más rápidas que las listas desordenadas. Se emplea un tiempo logarítmico (estrategia de división binaria en la búsqueda, como al buscar en un diccionario o listín telefónico) frente a un tiempo lineal (hay que buscar secuencialmente por todas las opciones de la lista).

Otra conclusión es que es más rápido buscar en una lista larga de opciones, que tener sub-categorias con los elementos ordenados, porque hay que ir abriendo las sub-categorías.

Resumen y algunas conclusiones (¡rules!)

Ahí van: http://www.catb.org/~esr/writings/taouu/html/ch04s03.html

Es un articulo que resume muy bien, y en una sola página (¡cortito!), cómo trabajan en conjunto las leyes de Fitts y de Hicks. Además se derivan de dichas leyes un par de reglas interesantes, y que son un buen resumen:

• Rule of Target Size. Existe una relación inversa entre tamaño y precisión. Si una opción se usa poco o es peligrosa, el botón ha de ser pequeño para ser difícil de acertar en él. Si una opción es habitual o necesita ser pulsada rápidamente, botón grande.
• Rule of Infinity Edge. Si un botón/opción está en un lateral de la pantalla, se considera que su área es infinita, porque por mucho que el usuario intente mover el ratón más allá del borde de la pantalla, el puntero del ratón no puede ir más allá del borde de la pantalla. En esto se basa por ejemplo el botón de “Inicio” de Windows (abajo a la izquierda, no hace falta precisión para darle) o la barra de menú de Macintosh (que se encuentra en la parte superior de la pantalla, sin importar donde esté la ventana de la aplicación).

Para los diseñadores de interfaces (¡y para los aspirantes como era yo!) que quieran sacar nota existe un curioso e interesante test, que puede sorprendernos, e incluso enseñarnos alguna cosa nueva: “A Quiz Designed to Give You Fitts”. Disfrazado bajo el aspecto de un test, se encuentran valiosas lecciones sobre diseño de interfaces aplicando la Ley de Fitts, con ejemplos reales de los sistemas operativos Windows y Macintosh.

Y hasta aquí el resumen de enlaces y páginas de la wikipedia. Espero al menos que a partir de ahora cuando tengáis que defender vuestra interfaz de juego ante otros departamentos, tengáis dos poderosas ecuaciones que arrojarles en su camino. Con un poco de suerte, conseguiréis convencerlos de que ese botón, fundamental para vuestra mecánica de juego, no puede ser del tamaño de un céntimo de euro.