Pytanie "czy dodać animację" jest źle postawione. Właściwe pytanie brzmi: jaką funkcję ta animacja pełni, i co się stanie, jeśli ją usuniemy? Odpowiedź na to drugie pytanie zwykle rozstrzyga, czy ruch zostaje w projekcie.
Animacja, która komunikuje związek przyczynowo-skutkowy
Element, który wysuwa się z miejsca, w które kliknięto (np. panel boczny rozwijający się z ikony menu), pomaga użytkownikowi zrozumieć, skąd się wziął i jak go zamknąć — to informacja przestrzenna, nie ozdoba. Usunięcie tej animacji nie zmienia funkcji, ale realnie utrudnia orientację, zwłaszcza na złożonych interfejsach.
Animacja, która potwierdza wykonanie akcji
Krótkie potwierdzenie po kliknięciu "Zapisano" (subtelna zmiana koloru przycisku, mikro-ikona ptaszka) domyka pętlę informacji zwrotnej — użytkownik wie, że system zarejestrował jego działanie, bez konieczności czytania tekstu. To szczególnie ważne przy akcjach bez przeładowania strony, gdzie brak jakiegokolwiek sygnału łatwo odczytać jako błąd.
Animacja, która jest czystą dekoracją
Paralaksa tła przy przewijaniu strony głównej, efektowne wjeżdżanie każdej sekcji z innej strony ekranu, animowane liczniki bez związku z realnymi danymi — to kategorie ruchu, które usunięte nie zmieniają niczego funkcjonalnie. Nie znaczy to, że są zawsze złe — dobrze wykonane budują charakter marki (patrz: nasza strona główna). Znaczy to, że powinny być pierwszą rzeczą do wyłączenia pod prefers-reduced-motion i pierwszym podejrzanym, gdy strona zaczyna działać wolno na słabszych urządzeniach.
Kiedy animacja realnie szkodzi
Trzy najczęstsze problemy: (1) animacja, która blokuje interakcję — użytkownik chce kliknąć przycisk, ale musi czekać, aż skończy się efektowne wjechanie sekcji; (2) animacja niezgodna z prefers-reduced-motion — realny problem dostępności dla osób z zaburzeniami przedsionkowymi, dla których intensywny ruch powoduje mdłości; (3) animacja tak częsta i intensywna, że męczy przy dłuższym korzystaniu ze strony — to, co zachwyca w pierwszych 10 sekundach, bywa irytujące po dziesiątym przewinięciu.
Praktyczna zasada
Każdą animację w projekcie warto potrafić uzasadnić jednym zdaniem: "ta animacja pomaga użytkownikowi zrozumieć X" albo "ta animacja wzmacnia charakter marki w Y". Jeśli uzasadnienie brzmi wyłącznie "bo tak jest ładniej" — to nie jest zły powód sam w sobie, ale animacja powinna być pierwszą kandydatką do wyłączenia, gdy w grę wchodzi wydajność albo dostępność.
