Better User Experience With Animations

on YouTube ↗17m

" summary

Shows three concrete libraries and what actually works: Animated API, Reanimated and Lottie are used to build a real login screen where the submit button animates from gray to blue, a color interpolation is attempted (native driver issues noted), a wrong-password shake runs, and a moving cloud background is a Lottie After Effects export. Demo includes live coding glitches and compatibility notes, plus the practical claim that simple animations improve perceived quality when designers supply motion assets and developers implement them.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 0:53Story
3. 5:41Animated API
4. 11:29Reanimated API
5. 12:47Locti

" related talks

• 25mLets move!Benjamin De Cock · CSSConf Australia 2015
• 28mAnimating the Web: Elevating UX with Lottie and modern technologiesCarmen Ansio · Devworld Conference 2025
• 32mAnimations Should Be FunCatalin Miron · App.js Conf 2022
• 44mFunctional AnimationSarah Drasner · CSSConf.Asia 2016
• 37mAnimating the User ExperienceRachel Nabors · beyond tellerrand Düsseldorf 2015
• 43mPurpose and Style: Using Motion with Meaning in InterfacesVal Head · FITC Spotlight UX/UI 2019
• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 29mAn Animation Showcase: RN App Can Ce BeautifulAleksandra Desmurs-Linczewska · React Native EU 2020