Communicating with Animations - Mobile
summary
Presentation claims the average attention span is about 8 seconds and uses concrete examples: ripple and toggle feedback, typing indicators, pull‑to‑refresh, and Duolingo’s celebratory animation to change behavior. Recommends Lottie JSON from After Effects instead of GIFs for much smaller, vector assets, shows the progress bar "small lie" trick that alters perceived speed, and emphasizes navigation transitions that preserve hierarchy. Tests on low‑end devices, account for disabled animations, and use Android Layout Inspector, Jetpack Compose tools and React Native profiler.
AI-written summary · about
chapters (9)
- 0:00Animations and user attention
- 4:22Animations to communicate
- 11:23Navigation animations
- 17:07Brand identity with light
- 19:15Emotional animations
- 21:27Psychological impact
- 28:18Realistic animations
- 30:32Lottie technical tips
- 35:11Q&A
related talks
28mAnimating the Web: Elevating UX with Lottie and modern technologies
25mProgressive Web Animations
25mLets move!
37mThree Approaches to Animations on Android
28mDemystifying complex animations creation process in React Native
21mMicrointeractions: The Little Big Things
45mAnimations in Material Design - Significance, Context and Hierarchy
30mMicrointeractions & Animations in React Native: Help users understand the UI