Motion design v UI

Motion design v uživatelském rozhraní znamená záměrné používání animace a pohybu tak, aby zlepšovaly použitelnost, orientaci a celkový prožitek z digitálního produktu. Nejde tedy o „ozdoby navíc“, ale o funkční součást interakce: pohyb vede pozornost, ukazuje, co je důležité, vizualizuje změnu stavu systému a vytváří pocit kontinuity mezi jednotlivými obrazovkami. Animace v UX by měly být krátké, nenápadné a používané hlavně pro zpětnou vazbu, indikaci změny stavu a podporu navigačních metafor.

Funkční animace pomáhá uživateli pochopit, co se právě stalo – třeba přechod mezi obrazovkami, animovaný loader, změna stavu tlačítka nebo plynulé přesunutí karty z jednoho místa na druhé. Dekorativní animace naopak slouží víc značce a atmosféře: parallaxové pozadí, smyčky v hero sekci, hravé efekty při najetí kurzorem. Dobrá praxe je, aby funkční animace měla vždy prioritu a dekorativní se používala střídmě.

https://uxdesign.cc/a-guide-to-motion-design-principles-7f05f10ccd79