artículo anterior: pin message

Loading animation

La oportunidad

Con la nueva pantalla Pre-Live, al acceder a Americanas Ao Vivo, a través de la aplicación de Americanas o mediante un enlace externo, nuestro backend necesitaba solicitar confirmación de la API si había una transmisión o no. En otras palabras, se necesitaba un tiempo de carga, para saber si se debía dirigir al usuario a la pantalla Live, o a la pantalla Pre-Live.

Nuestro equipo de desarrollo, al implementar Pre-Live, no cambió la pantalla de transición prevista en la versión MVP del producto, pero nos cuestionamos cuánto impactaría en la experiencia del usuario, ya que ahora eran unos segundos más, y podría ser muchos segundos en casos atípicos. Así, surgió la idea de proponer una animación, que mantuviera al usuario entretenido hasta el final de la carga de datos.

Impedimentos técnicos

Después de todo, esta era una oportunidad que se le presentaría al cliente, y el costo del desarrollo sería su principal preocupación. Se decidió que utilizaríamos la plataforma Lottie Files, la cual cuenta con un plugin de After Effects, con el cual es posible transformar animaciones vectoriales a .json, formato preferido por nuestro equipo por su facilidad de implementación.

Este es el ultimo artículo del proyecto Live. Regrese al pin message, o conoce el proyecto Tattooz