UXPin Inc., 2015. — 68 p.
See the best techniques for interaction design & animations with 47 examples from Airbnb, Dribbble, Disney, and others. 80+ pages analyzing and showing best practices for each technique. See how to distract users, layer effects, clearly communicate function, reveal information smoothly, the transition between states, and tell interactive stories. A straightforward format illustrates every concept with plenty of digestible examples.
The Age of Modern Interaction DesignThe Nature of Interaction Remains the Same
Modern Interaction Design Techniques
A New Perspective on Usability
Thinking Beyond the Now
10 Free IxD Tools & Resources
Immersive Interaction Design TechniquesAnimation & Transitions
Interactive Narrative (“Web graphics”)
Micro Interactions
Layering Effects
Thinking Beyond the Present
Animations In Web UI Design: The Past, Present, and FutureThe Past: Roots in Traditional Animation
The Present: The Role of Animation in Web Design
The Future: Up-and-Coming Web Animation Trends
10 Additional Free Resources and Tools
9 Modern Uses for Animation in Web UI DesignGalleries and slideshows
Form fields or calls to action
Navigation and menus
Page motion
Backgrounds
Loading
Scroll Animation
Hover
Animated photography