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