Ruch powinien wspierać treść
Animacja może pokazać zmianę, podkreślić hierarchię lub pomóc zrozumieć proces. Jeżeli jedynie opóźnia dostęp do tekstu, staje się przeszkodą. Zacznij od działającej strony bez animacji i dodawaj ruch tam, gdzie ma konkretną rolę.
Dbaj o płynność
Transformacje i przezroczystość zwykle nadają się do lekkich przejść. Duże filmy, sekwencje obrazów i rozbudowane efekty wymagają osobnej oceny kosztu pobierania oraz renderowania. Sprawdzaj je na rzeczywistym urządzeniu mobilnym, nie tylko na mocnym komputerze.
Nie przejmuj kontroli nad przewijaniem
Użytkownik powinien móc szybko dotrzeć do treści, użyć klawiatury i wrócić do poprzedniego miejsca. Długie przypięte sekcje oraz wymuszane tempo przewijania łatwo pogarszają obsługę. Linki do sekcji muszą nadal prowadzić do właściwych miejsc.
Zapewnij ograniczenie ruchu
Uszanuj systemowe ustawienie ograniczenia animacji. Przy rozbudowanych tłach dodaj czytelny przycisk wstrzymania. Treść i funkcje muszą pozostać dostępne również po wyłączeniu efektów.
Testuj cały układ
Sprawdź szerokości telefonu, tabletu i komputera, dłuższe polskie nagłówki oraz otwarte menu. Zwróć uwagę na nachodzące elementy, zasłonięte przyciski i przesunięcia podczas ładowania. Dopracowany ruch jest częścią jakości całej strony.