Animace v UX

Animace dokáží přiblížit aplikaci reálnému světu, anžto v něm se věci také hýbou. U dobré animace si člověk ani neuvědomí, že to vůbec je animace.

Dobře použité animace mohou

• pomoci lepším interakcím (informace uživateli, že vstup je neplatný, místo velké červené hlášky),
• řešit potenciální problémy (orientace v aplikaci, informace uživateli, že se něco děje),
• přitáhnout pozornost uživatele na prvek, kde jeho pozornost potřebujeme,
• podpořit vnímání značky.

Pravidla animací

• Používejte je s rozmyslem
• Animace musí být konsistentní
• Animace musí být volitelné (tedy vypnutelné)

Typická užití animací

• Načítání, informace, že se něco děje, informování o postupu
  • Proces načítání činí méně frustrujícím
• Přechody v rámci úrovní, mezi kartami (horizontálně) — definice prostorového vztahu mezi jednotlivými obrazovkami
  • Pomáhá to uživateli v orientaci, kde v aplikaci se nachází, odkud kam se dostal
• Přesouvání položek (například v úkolníčku)
• Upoutání pozornosti
• Emocionální pohled — pobavit a/nebo uklidnit uživatele, spojit konkrétní animaci se značkou

Možné vzhledy načítacích animací

• Zajímavá animace (relevantní k dané aplikaci)
• Ideálně informace o průběhu
• Zástupné prvky, např. když se načítají karty kurzů evýuky, nevíme, co tam bude za obrázky a jak budou vypadat a kolik jich bude, tak zobrazíme šedivé zástupné karty