Animaciones en UX

Las animaciones bien ejecutadas hacen que la experiencia para el usuario sea más agradable. Esto es un proceso de diseño que se centra en el usuario y sí es correctamente ejecutado creara muchos beneficios principalmente en usabilidad.

La animación apoya la usabilidad de cuatro formas

Estos cuatro puntos representan las cuatro formas en las que la experiencia del usuario respalda la usabilidad.

Expectación: reduce la brecha entre lo que el usuario espera y lo que realmente sucede.
Las expectativas están divididas en dos áreas: la primera seria la capacidad del usuario de reconocer un objeto y la segunda seria la funcionalidad del objeto.

Continuidad: otorga consistencia y continuidad a la interacción, ya sea dentro de una escena o entre distintas escenas. La continuidad nos habla del recorrido del usuario como de la experiencia del usuario.

Narrativa: ayuda a construir el relato que se conforma luego de una serie de eventos.
La narrativa es un proceso de eventos continuos donde el usuario tiene una experiencia en un marco temporal / espacial.

Relación: describe las relaciones espaciales, temporales y jerárquicas entre los elementos de una interfaz. La relación es la representación espacial, temporal y jerárquica entre los objetos que guían al usuario a comprender y tomar decisiones para navegar en la interfaz.

Con estos ingredientes en mente, el rol de la animación adquiere poder y valor.

Animación UX: una re-interpretación de los principios clásicos

La animación UX se ha centrado en los 12 principios básicos de la animación tradicional donde los estudios Disney rigen sus animaciones

Fuente: Cento Lodigiani

Aunque estos sean los pilares de la industria actual (cine, televisión y videojuegos) todavía hay fisuras conceptuales entre estos principios básicos de la animación y el mundo de la UX.

Issara Willenskomer escribió hace poco más de un año el artículo “Creating Usability with Motion: The UX in Motion Manifesto”, donde nos enseña una reinterpretación de estos principios básicos de la animación aplicados al mundo de la UX

El descubrimiento de Willenskomer ha sido llegar a la conclusión que en UX ya no tenemos que animar personajes humanos, sino que el protagonista ahora es la información.


Bibliografía

Creating Usability with Motion: The UX in Motion Manifesto – Issara Willenskomer, 4 de marzo del 2018 – https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

Animación en UX: ¿cómo sacarle el máximo provecho? – Carlos Chavez, 19 de marzo de 2018 – https://blog.ida.cl/diseno/animacion-ux-sacarle-maximo-provecho/

UX funcional y animaciones: guía completa para el diseñador UI – Talent Garden, 19 marzo de 2019 – https://talentgarden.org/es/spain/ux-funcional-animaciones-guia-disenador-ui/

The Milton Bar and Restaurant

The Milton in inner Melbourne bay side suburb Elwood, nails that for its local community-minded and design aware demographic.  A quality akin to “the refinement of an up-market restaurant but with a more understated urban feel” in its carriage, is omnipresent in The Milton’s wine bar and complementary food offer.

Camera1_day2

The Milton poetically combines “old and new elements, organic and manufactured materials, hard and soft textures” in a installment loans poor credit timeless way. It’s an approach that’s mindful of maximising a venue’s longevity for the client.

Camera2_day

hospitality design and its offer must be responsive to the idiosyncratic clientele requirements in any given locale, yet have the flexibility and timelessness to adapt as needed

Camera3_day

Bespoke wall and pendant lighting is designed and crafted locally by Biasol: Design Studio and positioned to balance “focusing on the detail while giving enough light at the right height and where its needed,” Biasol says. An LED strip running under the dropped bar bench is one such treatment used to accentuate the imperfection of the handmade concrete tiles, whereas wall lights punctuating the brick wall, instils “a sense of intimacy.”

Camera9_day

The spatial arrangement is cognisant of how locals might engage with the space yet inherently flexible to cater for the differing usage patterns of weekday and weekend trading. For example, bar stools along the 7.5m bar can be removed for busier Friday and Saturday evening bar trading, and returned to keep things cosy during quieter times. And should the locals opt for the wine or food offer more or less, the solution allows for the amping up or paring back of one or the other.

Camera4_day

Retention of the building’s front façade and restoration of the internal original brick walls evokes a sense of “familiarity” for the locals. And while the timber clad, visually impactful extension intends to take patrons on a journey, its pitched roof and fireplace, could just as well be a new addition to an Elwood cheap secured loans living room

Camera6_day

Frame Up – Decorative modern ceramic tiles

These is a personal project which I want it to recreate a sort of retro style atmosphere with and English countryside feel. The idea came after checking some great retro style tiles from a company call Refin ceramiche an Italian company which makes an amazing sort of different type of tiles from modern to retro, you name it.

Frame-Up1

Frame_Up_Night_full_size

 

6-8 Tokenhouse Yard – London EC1

Ridgeford acquired the vacant office building at 6-8 Tokenhouse Yard, located adjacent to the Bank of England in 2002. The building was formerly the headquarters for the National Australia Bank.

The redevelopment extended the building vertically and horizontally and involved a major internal refurbishment to create 29,000 sq ft (2,694 sq m) of high specification office accommodation.

The building was fully let on an average rent of £50 per sq ft.

Here I personal loans for people with poor credit show the interior of the Ground Floor

Ground