Entradas

Animaciones UI a través del tiempo

Las animaciones de interfaz de usuario (UI) son un elemento esencial para todo creador de productos digitales. Las mismas necesitan tener un diseño justo que no invada por completo el look & feel de los distintos productos y aplicaciones. 

Rara vez se les menciona, pero son fundamentales para la creación de sitios web, aplicaciones, juegos HTML5, como los que creamos en Token Studio. 

Principios de las animaciones UI

Las animaciones UI siguen algunos principios que los hacen cumplir con su cometido. Pasan a través del tiempo, plataformas y medios de comunicación. Y tienen una cosa en común, todos han creado un “de aquí en adelante”, marcando épocas que podemos conseguir ver mirando hacia atrás en la evolución de la comunicación tecnológica.

1. Cursor Parpadeante (1967)

La madre de todas las animaciones. Al principio, cuando no había nada… ya existía el cursor terminal parpadeante, esperando una entrada. El cursor parpadeante es todo un arte, el cual ha permanecido en el tiempo.

Presentado por primera vez como patente de Charles A. Kiesling en 1967, todavía lo usamos en nuestros celulares, computadoras, buscadores y hasta cajeros automáticos. Es tan normal que esté, que a veces ni notamos su presencia.

El cursor parpadeante estableció una norma que todavía se usa, que nos permite mantener el enfoque de la pantalla, indicándonos que está lista para su entrada, muy lista en ocasiones, para cualquiera que se dedique a escribir. Pero siempre motivándonos a continuar.

2. La pantalla de descarga de Windows XP (2001)

Antes de que existiera la banda ancha y la navegación con pestañas, descargar un archivo era todo un compromiso. Incluso los documentos más simples tomaban varios minutos en ser descargados y el resto de la experiencia de navegación se alentaba. Se necesitaba de algún visual que indicara que todo marchaba bien y que el archivo estaba en camino.

La barra de estimación de tiempo siempre ha sido algo desesperante, no sabes si avanza o no, pero los papeles flotantes desde el mundo a tu computadora lo calmaban todo como si dijeran suavemente que ya el archivo estaba llegando, de byte en byte, pero estaba llegando a la computadora y ya pronto ibas a poder disfrutar de esa canción que tanto te gustó por MTV.

3. La pelota de playa de Mac (2001)

Hay ciertos procesos dentro de nuestras computadoras que toman su tiempo y que no te permiten seguir trabajando en paralelo. Para esto, Mac usó el reloj de mano en el cursor, mientras que Windows, el reloj de arena. Pero si ya esperar nos produce ansiedad, imagina ver un reloj corriendo frente a ti sin poder hacer más nada.

¡Les presentamos la bola de playa girante! Esperar sigue siendo tedioso y, por lo general, es signo de que algo anda mal en los dispositivos actuales. Pero al menos OSX tiene cierta consideración al esperar colocando algo agradable a la vista. 

Si deseas tener más información acerca de las animaciones UI a través del tiempo, puedes consultar el sitio de Invision App.