Futureproof Web Design Techniques: Interaction Design & Complex Animations

UXPin, 2015. — 69 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, transition between states, and tell interactive stories. Straightforward format illustrates every concept with plenty of digestible examples.The Age of Modern Interaction Design
The 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 Techniques
Animation & Transitions
Interactive Narrative (“Webgraphics”)
Micro Interactions
Layering Effects
Thinking Beyond the Present
Animations In Web UI Design: The Past, Present, and Future
The 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 Design
Galleries and slideshows
Form fields or calls to action
Navigation and menus
Page motion
Backgrounds
Loading
Scroll Animation
Hover
Animated photography