Mike Chen, Co-founder and CTO of Motivo, dives into the evolving realms of animation and decentralized social media. He discusses how tools like Framer Motion simplify complex animations, enhancing user experience. The conversation turns to Blue Sky, where Mike explores the challenges of usability and user control versus traditional platforms. He also emphasizes the significance of mentorship through his Let's Get Technical Discord, aiming to support mid-level engineers in skill development. It's a fascinating blend of tech trends and community growth.
36:21
forum Ask episode
web_stories AI Snips
view_agenda Chapters
auto_awesome Transcript
info_circle Episode notes
volunteer_activism ADVICE
Tasteful Animation Use
Use animations tastefully in real-world applications.
Avoid overusing animations, especially in software used for extended periods.
question_answer ANECDOTE
Examples of Effective Animation
Vercel and Linear effectively use subtle animations to enhance UX.
These animations provide a polished feel without being distracting.
insights INSIGHT
Effective Animations
The best animations often go unnoticed, seamlessly integrating into the user experience.
These subtle animations enhance usability by reducing cognitive load.
Get the Snipd Podcast app to discover more snips from this episode
In this episode of the Modern Web Podcast, host Rob Ocel talks with Mike Chen, Co-founder & CTO of Motivo, about the evolving world of web animations. Mike shares his enthusiasm for tools like Framer Motion (now Motion) and the View Transitions API, discussing how they make complex animations more accessible and intuitive. The conversation explores the practicality of animations in real-world applications, balancing user delight with business value, and avoiding unnecessary complexity. They also discuss the state of decentralized social media, with Mike sharing his thoughts on Blue Sky and its approach to user control. Finally, Mike talks about his Let's Get Technical Discord, a mentorship-focused space helping mid-level engineers sharpen their skills. Making Animations More Accessible – Mike Chen discusses how tools like - - Framer Motion (now Motion) and the View Transitions API simplify complex animations, making them easier to implement while maintaining performance.-Balancing Business Value and User Delight – The group explores when animations enhance UX versus when they become unnecessary, emphasizing the importance of practicality in real-world applications.- Decentralized Social Media Challenges – Mike shares his perspective on Blue Sky, its approach to user-controlled feeds, and the trade-offs between decentralization and usability.-The Power of Mentorship in Tech – Mike talks about his Let's Get Technical Discord, a space dedicated to helping mid-level engineers grow through in-depth discussions and guided learning.Chapters:00:00 - Introduction to the Podcast 00:23 - Guest Introduction: Mike Chen from Motivo 01:05 - Technologies That Have Caught Mike's Attention 01:40 - Web Animations and Their Growing Accessibility 02:13 - Framer Motion and the View Transitions API 02:50 - The Evolution of Animation Tools 03:31 - The Role of Spring Animations in UI 04:07 - Framer Motion vs. Framer as a Platform 05:05 - Expanding Animation Tools Beyond React 05:41 - Practical Use Cases for Animations in Development 06:17 - Business Justifications for Implementing Animations 07:02 - Subtle UI Enhancements vs. Overuse of Animations 08:04 - Good Animation Practices in UX 09:16 - How Companies Like Vercel and Linear Use Animations 10:55 - The Importance of Thoughtful UI Design 12:02 - The Impact of Animation on Brand Perception 13:27 - Animation as a Way to Reduce Cognitive Load 14:45 - Social Media Shifts and Blue Sky’s Growth 16:09 - The Vision Behind Blue Sky’s Decentralization Model 18:14 - The Challenges of Building User-Controlled Feeds 19:35 - Limitations of Blue Sky’s Decentralization Approach 21:48 - Blue Sky vs. Mastodon: Usability and Adoption 24:05 - Scaling Challenges as Blue Sky Reaches 30M Users 26:43 - The Trade-offs Between Centralization and Convenience 28:59 - The Role of UI in Establishing Trust in Brands 30:27 - The Value of Mentorship in Engineering Growth 32:09 - The Struggles of Learning Without Proper Guidance 33:51 - Why Context Matters in Technical Decisions 35:15 - Where to Find Mike Online and Discord Community 36:02 - Closing Remarks and Sponsor MessageFollow Mike Chen on Social MediaBluesky: https://bsky.app/profile/chenmike.comLinkedin: https://www.linkedin.com/in/chenhmike/Sponsored by This Dot: thisdot.co
Modern Web