Why Performance Matters, Part 3: Tolerance Management
https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/😀 Denys Mishunov, Senior Frontend Engineer at GitLab ⏳ 19 min read 🌱 Light
Gradual content loading
https://www.youtube.com/watch?v=EbbjEY-TyhU&feature=youtu.be&t=4136😀 Luke Wroblewski, Product Director at Google ⏳ 10 min (part of the talk) 🌱 Light
Brief insights on perceived performance and skeleton screens from Mobile Apps Trends talk from Conversions@Google 2018.
Everything you need to know about skeleton screens
https://uxdesign.cc/what-you-should-know-about-skeleton-screens-a820c45a571a😀 Bill Chung, Product Design @shopify ⏳ 14 min read 🌱 Light
How do humans perceive skeleton screens? Which animation will make load time seem shorter? This research can help answer some of the questions.
Patterns and Purpose (an Excerpt from Animation at Work book)
https://alistapart.com/article/patterns-and-purpose/😀 Rachel Nabors, web animation expert, curator of WebAnimationWeekly.com ⏳ 7 min read 🌱 Light
Transitional, supplemental, feedback, demonstrative and decorative. Learn about these different animation types and problems they solve. With some good examples of course.
Animations (Google's Web Fundamentals Guides)
https://developers.google.com/web/fundamentals/design-and-ux/animations😀 Paul Lewis, Design and Perf Advocate at Google / Sam Thorogood, Evangelises Chrome and the mobile web in the Developer Relations team at Google ⏳ 26 min read 🌿 Medium
Designing a beautiful animation that serves a good purpose is just the start. Implementing animations correctly helps achieve that "just right" feeling.