¿Cómo funciona el stress?

Comparto este video del canal educativo de las famosas charlas TED, a propósito del “stress” de fin de año, de la próxima prueba de ingreso a la universidad para los adolescentes chilenos o el stress de los exámenes de final de año.

Tiene subtitulos en español, disfrute….

Inner Space Artifacts de Ben Ridgway, esculturas digitales.

El trabajo de Ben Ridgway es la suma de fantasía, vectores y fractales. Una bella experiencia para disfrutar, aquí esta el enlace a su cuenta de Vimeo -recomiendo que lo visiten- y a continuación una de sus obras.

Y esta versión, grabada a modo de presentación para la selección de la SIGGRAPH 2015 con voz de Ben explicando su proceso creativo (en ingles)

Lo esencial, es la animación.

En el desarrollo web siempre el objetivo principal a variado, en los primero tiempos la optimización de datos era esencial, a posterior la inmediatez de respuesta, la organización (AI) hasta llegar a nuestros días donde lo mas importante es la experiencia de uso del sitio – aplicación – modulo – juego – etc.

Los estudios de UX afirman que la forma de desplegar la información (y el manejo de sus tiempos de espera/carga) es lo que hace la diferencia frente al usuario en la valoración y “sensación” de efectividad de una pieza interactiva.

Para tener una idea de como realizar esto adjunto el trabajo de Cento Lodigiani, quien recopila el trabajo realizado por The Nine Old Men quienes trabajaban en los años 30 para Walt Disney y que fue recopilado por Frank Thomas y Ollie Johnston en su libro “The Illusion of Life: Disney Animation” (1981)

Esta recopilación de técnicas de animación permite lograr que entre cuadro y cuadro nos comunican emociones, intensiones y otros estados de animo para elementos gráficos. Nada mejor para nuestros datos y las gráficas de nuestros desarrollos.

Más detalles en su Tumblr.

O esta otra versión, de Christina Lu

Más información de los 12 principios de la Animación en Wikipedia.

Otro ejemplo, es una presentación de las nuevas propiedades de CSS3 enfocadas en la animación, como se puede revisar en este documento interactivo de Mark Meyer.

ani004

O en los papers de uso de Material Design de Google

Como siempre, hay un Tumblr que se dedica a recopilar desde el ojo de la UX.

ani003.gif

Interacciones UI 2014

En el mundo de pantallas accesibles y ubicuas, donde cada día es mas fácil y accesible comunicar vía una imagen animada que frente a una imagen estática, los diseñadores debemos tener cada vez mas en cuenta detalles de animación, del “modo” de mostrar la información, del “cómo” entra esta a nuestras pantallas, etc.

Los chicos de Ramotion tienen esto claro y realizaron una selección de las interacciones (animaciones) mas llamativas del año pasado en aplicaciones móviles.

El trabajo esta en este enlace de Behance.

ui0001

Minihistorias de Virgin America’s

En el galardonado sitio web de Virgin America (Aerolínea del grupo Virgin) se utilizaron elementos “tipo avatar-icono” para identificar el objetivo, concepto de la promoción o comunicación con el cliente.

Me llama la atención la solución pensada por el estudio Build y provista por  Animade, donde logra crear una minihistoria en cada avatar-icono, utilizando la simpleza gráfica y las capacidades de animación del HTML5 para generar “avatares vivos” para cada concepto, como se puede ver desde el sitio web de Virgin que, además, merece un articulo próximo sobre su delicado trabajo de diseño y experiencia.

virgin0002

Links:

http://www.virginamerica.com/

Diseño y Storyboard: Build

Animación y construcción HTML5: Animade

virgin0003

Un homenaje animado a Hayao Miyazaki

Una bella animación creada por un joven estudiante de animación francés Gwenn Germain, esta muy inspirado en el trabajo del cineasta y animador japones Hayao Miyazaki.

Es un teaser de un proyecto de film y es un trabajo de muy buena factura. La aventuras de “Chicas y Chicos de las Cumbres y los Cielos” incluye todos esos detalles hermosos del trabajo de Miyazaki, los seres mágicos, las tonalidades y la construcción de un mundo completo.

c66fce53fd54d1eda5aa50597f0229a6

Germain tiene otro trabajo interesante en su cuenta de Vimeo, la animación Bococo.

Enlace original aquí.

¿Qué hace el ejercito Japones (SDF)?

En japón hay una ofensiva mediática sobre el desempeño (y a utilidad) de su ejercito, porque Japón tiene un ejercito bajo el eufenismo de “Fuerza de Autodefensa Japonesa”.

Pero como es Japón, el Ministerio del Interior no encontró mejor opción que hacer un anime de 20 minutos donde le explican a los niños que hace la SDF.

Cultura visual aplicada, mas información y un análisis mas amplio a lo que constituye el ejercito en Japón en este buen articulo de VICE, donde uno descubre que el ejercito japones es muy entretenido y a veces, hasta protagonizan  calendarios sexys.