Los 8 Principios del diseño UI: Introducción al diseño UI

Los elementos por lo general tienen 3 estados, activo, inactivo y hover. Estos 3 estados permiten al usuario recibir retroalimentación oportuna acerca de que el elemento es interactivo, pero más importante aún, le informa lo que está sucediendo.

El demostrar el estado de los elementos visualmente implica crear alteraciones a elementos de una interfaz de usuario para que demuestren las acciones y procesos de forma clara.

Esto lo vemos típicamente en botones o animaciones de carga que evidencian estados como “en progreso” o “Completado” de esta forma, el usuario siente que el equipo o interfaz está en funcionamiento o que si se puede interactuar con un elemento. De lo contrario el usuario puede llegar a pensar que la “herramienta” ha dejado de funcionar o que se ha encontrado con algo que no era interactivo.

Podemos ver bastantes ejemplos de esto en las diferentes interfaces de usuario de la vida real. Por ejemplo, un ascensor tiene que demostrar el estado en que se encuentra ubicado el usuario visualmente, de forma que, al presionar el botón de un piso, un pequeño monitor revele una flecha acompañada del número del piso para indicarle al usuario que la maquinaria está funcionando y en qué nivel se encuentra exactamente. Si, por ejemplo, le quitáramos a los ascensores con mayor estabilidad y reducción de movimiento que existen del mercado sus sofisticadas pantallas, los usuarios, se pondrían muy nerviosos al no saber si el botón en sí es el correcto o si el ascensor todavía funciona; en consecuencia, se guiarían únicamente de su sentido del equilibrio para hacerse una idea de por donde van.