Animacje oparte na danych - kiedy content reaguje na rzeczywistość

Czym jest animacja oparta na danych?

Animacja oparta na danych to rozwiązanie, w którym wybrane elementy kreacji zmieniają się automatycznie w zależności od otrzymywanych wartości. Zamiast przygotowywać dziesiątki osobnych wersji materiału, można stworzyć jeden system wizualny oraz określić zasady jego działania. Zmieniają się dane - zmienia się animacja. Może to oznaczać prostą aktualizację liczby na ekranie, ale możliwości są znacznie większe.

Dane mogą wpływać między innymi na:

‍

• tekst i liczby
• proporcje elementów
• kolory
• pozycję obiektów
• prezentowany produkt
• grafikę lub scenę
• sposób animowania elementów
• komunikat reklamowz
• kolejność prezentowanych informacji

W bardziej rozbudowanych rozwiązaniach dane mogą decydować nawet o tym, którą wersję kreacji odbiorca zobaczy w danym momencie. Nie projektujemy wtedy jednego filmu. Projektujemy zasady, według których film może się zmieniać.

Dane, które firma już posiada, mogą stać się częścią komunikacji

‍

Wiele organizacji dysponuje dużą ilością danych, które do tej pory wykorzystywane były głównie do analiz, raportów czy podejmowania decyzji biznesowych. Część z nich może również stać się materiałem kreatywnym. Wyobraźmy sobie kilka prostych sytuacji.

‍

Sprzedaż wpływa na animację

Marka prowadzi rywalizację pomiędzy dwoma produktami. Zamiast ręcznie przygotowywać kolejne aktualizacje wyników, system pobiera dane sprzedażowe i automatycznie zmienia proporcje elementów animacji. Odbiorca widzi więc aktualny stan rywalizacji.

‍

Dostępność produktu zmienia komunikat

Jeżeli system posiada informacje o aktualnej ofercie lub stanach magazynowych, ekran może prezentować produkty rzeczywiście dostępne w danym miejscu. Można też zmieniać kolejność promowanych pozycji w zależności od ustalonych warunków.

‍

Pora dnia wpływa na content

Ten sam ekran może komunikować coś innego rano, w porze lunchu i wieczorem. Nie musi to oznaczać wyłącznie podmiany jednego spotu na drugi. Cała kreacja może zostać zaprojektowana jako system zmieniający elementy wraz z kontekstem.

‍

Pogoda zmienia reklamę

Temperatura przekracza określoną wartość, więc na ekranie pojawia się inny produkt. Zaczyna padać - zmienia się komunikat, grafika lub całe zachowanie animacji. W przypadku kampanii DOOH taka kreacja może reagować na warunki panujące w konkretnym miejscu.

‍

Wyniki i wydarzenia stają się częścią kreacji

Wyniki zawodów, głosowania, liczba uczestników, osiągnięcie konkretnego celu czy inne zmienne mogą na bieżąco wpływać na to, co dzieje się na ekranie.

Lista możliwych zastosowań jest bardzo długa. Kluczowe pytanie nie brzmi więc: „Które dane mogą sprawić, że komunikacja marki stanie się bardziej aktualna, użyteczna albo angażująca?”

Animacja zamiast kolejnych wersji pliku

Jedną z największych zalet takiego podejścia jest odejście od myślenia o animacji wyłącznie jako o finalnym pliku MP4. Załóżmy, że wartość wyświetlana na ekranie zmienia się kilkadziesiąt razy podczas kampanii. Klasyczne podejście oznaczałoby przygotowanie kolejnych wersji materiału, ich eksportowanie, przesyłanie i podmienianie. Przy rozwiązaniu opartym na danych można przygotować mechanizm, który sam reaguje na otrzymywane wartości. Projektant nadal odpowiada za wygląd, hierarchię informacji i sposób animowania. Zmienia się jednak sposób produkcji. Zamiast projektować: wynik 45% do 55%, projektujemy to jak powinien zachowywać się pasek dla dowolnego wyniku od 0% do 100%. To pozornie niewielka różnica, ale całkowicie zmienia sposób myślenia o projekcie.

HOT DOG Challenge Żabki

Takie rozwiązanie stworzyliśmy dla marki Żabka przy kampanii HOT DOG Challenge. Oprócz animacji głównego key visuala naszym zadaniem było zaprojektowanie animowanego paska prezentującego aktualne wyniki rywalizacji.

Wynik głosowania był bezpośrednio powiązany ze sprzedażą produktów. Dane zmieniały się w czasie trwania kampanii, więc klasyczne przygotowywanie kolejnych wersji materiału nie byłoby dobrym rozwiązaniem. Potrzebowaliśmy animacji, która będzie reagowała na wynik.

Na tle zapętlonej animacji z postaciami pojawiał się pasek pokazujący aktualne proporcje głosów. Najpierw zaprojektowaliśmy jego wygląd i sposób animowania zmian. Musiał być czytelny, pasować do key visuala kampanii i jednocześnie działać przy bardzo różnych wynikach. Następnie przełożyliśmy projekt na rozwiązanie przygotowane w HTML5 i połączyliśmy je z danymi sprzedażowymi. Dane aktualizowały się co 15 minut, a animacja automatycznie odzwierciedlała kolejny wynik. Nie było potrzeby tworzenia nowego materiału przy każdej zmianie. To dane sterowały tym, co pojawiało się na ekranie.

Drugim wyzwaniem była skala kampanii. Animacja nie trafiała na jeden ekran o jednej rozdzielczości. Wyniki HOT DOG Challenge były prezentowane na menuboardach i ekranach Digital Signage w sklepach Żabka. Dlatego przygotowany pasek został zaprojektowany jako rozwiązanie responsywne. Jego układ dopasowywał się do różnych proporcji i rozdzielczości, jednocześnie zachowując czytelność danych, charakter animacji i spójność z key visualem kampanii. Musieliśmy również uwzględnić różnice pomiędzy urządzeniami odpowiedzialnymi za odtwarzanie contentu. W tego typu projektach sama koncepcja kreatywna to dopiero część zadania. Rozwiązanie musi jeszcze poprawnie działać w środowisku, w którym finalnie będzie wykorzystywane.

Pełne case study projektu Żabka Hot Dog Challange →

Od Digital Signage do kampanii DOOH

System przygotowany dla ekranów w sklepach rozwinęliśmy następnie na potrzeby kampanii DOOH. Animację oraz kod HTML5 dostosowaliśmy do wymagań poszczególnych dostawców nośników. Dzięki temu aktualizowane wyniki rywalizacji można było śledzić nie tylko w sklepach Żabka, ale również na ekranach reklamy zewnętrznej w całej Polsce. Powstała komunikacja, w której dane sprzedażowe bezpośrednio wpływały na to, co odbiorca widział na ekranie. I właśnie to najlepiej pokazuje potencjał animacji opartych na danych.

Gdzie można wykorzystać animacje oparte na danych?

Mechanizm nie jest przypisany do jednego medium.

‍

Digital Signage

Sieci sklepów, restauracji czy punktów usługowych posiadają coraz więcej cyfrowych ekranów. Dynamiczny content może reagować na sprzedaż, ofertę, lokalizację, porę dnia, promocje czy inne dane związane z konkretnym punktem. W efekcie ekran przestaje być tylko cyfrowym plakatem. Może stać się dynamicznym elementem systemu komunikacji marki.

‍

Digital Menu Board

Menu board jest szczególnie ciekawym zastosowaniem, ponieważ już z natury prezentuje informacje, które mogą się zmieniać. Cena, oferta, dostępność produktu, promocja czy pora dnia mogą być połączone z animacją i automatycznie wpływać na prezentowany content.

‍

DOOH

Cyfrowa reklama zewnętrzna daje możliwość tworzenia kampanii reagujących na kontekst. Kreacja może zmieniać się w zależności od pogody, pory dnia, lokalizacji, wyników wydarzenia czy danych należących do samej marki. W branży takie rozwiązania funkcjonują również pod określeniami data-driven DOOH, dynamic DOOH czy dynamic creative.

‍

Strony internetowe

Dane nie muszą być wykorzystywane wyłącznie na dużych ekranach. Elementy strony mogą reagować na wartości pobierane z API, aktywność użytkowników, wyniki firmy czy inne informacje aktualizowane w czasie. Zamiast klasycznego wykresu można stworzyć doświadczenie, w którym dane są częścią animowanej narracji.

‍

Eventy i wydarzenia

Animacje eventowe również mogą reagować na dane zbierane podczas wydarzenia. Liczba uczestników, wyniki głosowania, osiągnięcie celu czy dane zbierane podczas eventu mogą być wizualizowane na żywo i stawać się częścią oprawy wydarzenia.

Dane nie powinny być efektem dla samego efektu

Technicznie można podłączyć animację do wielu źródeł danych. Nie oznacza to jednak, że zawsze warto to robić. Najciekawsze projekty powstają wtedy, kiedy dane mają realne znaczenie dla komunikatu. Jeżeli temperatura wpływa na potrzebę produktu - pogoda ma sens. Jeżeli sprzedaż decyduje o wyniku rywalizacji - dane sprzedażowe mają sens. Jeżeli dostępność oferty różni się pomiędzy lokalizacjami - dane produktowe mają sens. Samo pokazanie aktualnej liczby tylko dlatego, że możemy ją pobrać z API, nie sprawi automatycznie, że komunikacja stanie się lepsza. Najpierw potrzebny jest pomysł. Dopiero później technologia.

Jak powstaje animacja oparta na danych?

Proces różni się od klasycznej produkcji animacji.

‍

1. Zaczynamy od danych

Musimy wiedzieć, jakie informacje są dostępne, jak często się zmieniają oraz w jaki sposób można je pobierać. Równie ważne jest określenie możliwych wartości i sytuacji wyjątkowych.

‍

2. Określamy zasady

Następnie definiujemy, na które elementy animacji dane mają wpływać. Co zmieni się, gdy wartość wzrośnie? Co stanie się po przekroczeniu określonego progu? Czy zmieniamy tylko liczbę, czy cały komunikat? To właśnie tutaj dane zamieniamy w logikę kreatywną.

‍

3. Projektujemy system wizualny

Projekt musi uwzględniać wszystkie możliwe warianty. Nie tworzymy więc jednej idealnej klatki. Tworzymy system, który powinien wyglądać dobrze niezależnie od tego, jakie wartości otrzyma.

‍

4. Łączymy design z technologią

W zależności od miejsca wykorzystania może to oznaczać zastosowanie HTML5, JavaScriptu, API lub innych technologii pozwalających połączyć dane z warstwą wizualną. Technologia jest jednak tylko narzędziem. Jej zadaniem jest możliwie wiernie przełożyć zaprojektowany sposób zachowania animacji na działający mechanizm.

‍

5. Dopasowujemy rozwiązanie do środowiska

Strona internetowa, aplikacja, ekran Digital Signage i nośnik DOOH mogą mieć zupełnie inne wymagania techniczne. Dlatego już na początku warto wiedzieć, gdzie rozwiązanie będzie działać. Im większa skala i liczba środowisk, tym ważniejsza staje się kompatybilność, responsywność oraz sposób dostarczania danych.

Przyszłość contentu nie musi oznaczać większej liczby animacji

Może oznaczać mądrzejsze animacje. Zamiast produkować kolejne wersje tej samej komunikacji, marka może stworzyć jeden system, który dostosowuje się do zmieniających się warunków. Dane, które do tej pory trafiały przede wszystkim do dashboardów i raportów, mogą zacząć wpływać na komunikację widoczną dla klientów. Sprzedaż może zmieniać animację. Pogoda może zmieniać reklamę. Lokalizacja może zmieniać komunikat. Oferta może zmieniać menu board. Wynik może zmieniać cały obraz na ekranie. Możliwości są ogromne, ale najważniejsze pozostaje jedno: dane powinny służyć pomysłowi, a nie zastępować pomysł. Kiedy uda się połączyć wartościowe dane, motion design i technologię, animacja przestaje być zamkniętym materiałem. Zaczyna reagować na rzeczywistość.

‍