Lottie Animationen – eine Technologie kurz erklärt

Lottie ist ein JSON-basiertes Dateiformat für Animationen, das von dem bekannten Unternehmen airbnb entwickelt wurde. Lottie macht es uns Web-Entwicklern extrem einfach, Animationen in Apps oder in Web-Anwendungen zu integrieren. Es bedarf dabei nur einer sehr kleinen Datenmenge und arbeitet durch das JSON-Format code-basiert, was die Einbindung erheblich erleichtert.

Lottie-Files sind vektorbasiert und somit unbegrenzt verlustfrei skalierbar – somit kann eine Lottie-Animation niemals verpixelt sein.

Lottie Animationen können nicht nur „abgespielt“ werden, sondern – und jetzt kommen wir zum beeindruckenden Teil – auch mit Interaktivität gesteuert werden. Das bedeutet für einen Web- oder UI-Designer, dass sich eine ganz neue Welt der Gestaltung eröffnet. Gleichzeitig erspart es auch den Entwicklern einiges an Arbeit, da sie die Animation nicht für jede Plattform individuell programmieren müssen.
 

Vor allem für die User Experience haben Animationen einen entscheidenden Faktor. Egal, ob nun interaktiv oder nicht, Animationen und bewegte Grafiken lösen beim User Emotionen aus, die entscheidend für das Nutzererlebnis sind.

Animationen können außerdem interaktive Elemente in einer App oder in einer Website einfacher verständlich machen. Besonders im E-Commerce Sektor ist die intuitive Führung des Users zum Kaufabschluss ausschlaggebend, um die Absprungrate zu verringern. Ein kleine Animation, wie ein Smiley, der erscheint, sobald man ein Produkt in den Warenkorb gelegt hat, kann schon ausreichen, um den Nutzer ausreichend in seiner Kaufentscheidung zu bestärken und ihm ein positives Shopping-Erlebnis zu ermöglichen.

Wer hat es nicht schon erlebt, beim Bedienen einer Website oder eines Webshops von einer kleinen Animation überrascht worden zu sein. Solche kleinen emotionalen Momente bleiben beim User positiv in Erinnerung. Dieses Phänomen nennt sich Eye Candy und lässt sich auf Deutsch mit einem allgemeinen „Entzücken“ über etwas positiv Unerwartetes umschreiben. Genau solche Momente machen aus einer Website etwas besonderes.

Abschließend haben wir hier nochmal die Vorteile von Lottie zusammengefasst: