Footnote

Chapter 1: Why You Can’t Ignore Animation

1 Improve the Payment Experience with Animations: http://rfld.me/1qVnubI.

2 Making Instructional Animations More Effective: A Cognitive Load Approach, Paul Ayres and Fred Paas: http://rfld.me/1ScKuLV.

3 Attention Cueing as a Means to Enhance Learning from an Animation, B.B. de Koning (Björn), H.K. Tabbers (Huib), R.M.J.P. Rikers (Remy), and G.W.C. Paas (Fred) 2008-04-10: http://rfld.me/1S9UUtF.

4 Optimising Learning from Animations by Minimising Cognitive Load: Cognitive and Affective Consequences of Signalling and Segmentation Methods, Roxana Moreno: http://rfld.me/1YvF54j.

5 Does Animation in User Interfaces Improve Decision Making? Cleotilde Gonzalez: http://rfld.me/1Qa1VbH.

6 Does Animation Help Users Build Mental Maps of Spatial Information? Benjamin B. Bederson, and Angela Boltman: http://rfld.me/23IkGwh.

7 Animating Anthropomorphism: Giving Minds to Geometric Shapes, Jason G. Goldman on March 8, 2013: http://rfld.me/1Si0aRa or https://archive.is/aojec.

8 The film from the Fritz Heider and Marianne Simmel study: http://rfld.me/1MwhYpu.

9 It’s Alive! Animate Motion Captures Visual Attention, Pratt, J., Radulescu, P., Guo, R.M., and Abrams, R.A. (2010). Psychological Science, 21, 1724–1730: http://rfld.me/1WuaaXp.

Chapter 2: You Already Know More About Animation Than You Think

1 The Illusion of Life: Disney Animation: http://rfld.me/1V4mrT8.

2 Harold Whitaker and John Halas, Timing for Animation: http://www.focalpress.com/books/details/9780240521602/.

3 Timing function for CSS: https://drafts.csswg.org/css-transitions/#transition-timing-function-property.

4 Ease-in-out vs. linear easing example: http://rfld.me/23F4Qmb.

Chapter 3: Modern Principles of Interactive Animation

1 Response Times: The 3 Important Limits: http://www.nngroup.com/articles/response-times-3-important-limits/.

2 Model Human Processor: http://rfld.me/1NqupOz.

3 High Performance Animations by Paul Irish and Paul Lewis: http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/.

Chapter 6: Using Animation to Show Cause and Effect

1 Clear for Mac and iOS from Realmac: http://realmacsoftware.com/clear/.

2 Codrops drag-and-drop demo: http://rfld.me/23IkY6j.

3 TeuxDeux: https://teuxdeux.com/.

4 Wunderlist: wunderlist.com.

Chapter 7: Using Animation for Feedback

1 Improve the Payment Experience with Animations: http://rfld.me/1qVnubI.

2 Experiments in Loading—How Long Will You Wait? http://rfld.me/23Il51I.

3 The Psychology of Waiting, Loading Animations, and Facebook: http://rfld.me/1VnY42y.

4 Animated UI Transitions and Perceptions of Time—a User Study on Animated Effects on a Mobile Screen by Huhtala, Sarjaoja, Mäntyjärvi, Insomursu and Häkkilä. Published in Proceedings of the SIGCHI Conference on Human Factors in Computing Systems: http://rfld.me/263HjgO.

5 Mobile Design Details: Avoid the Spinner: http://rfld.me/24tBOGu.

Chapter 8: Using Animation to Demonstrate

1 Anatomy of a Hack, The Verge: http://rfld.me/1V4mQ8b.

2 Sound Decisions, The Verge: http://rfld.me/1WuaoOs.

Chapter 9: Using Animation to Express Your Brand

1 5 Easy Steps to Define and Use Your Brand Voice by Erika Heald: http://rfld.me/1VGj9pw.

2 Designing Brand Identity by Alina Wheeler: http://rfld.me/24tBQhG.

Chapter 10: Where Animation Fits in Your Design Process

1 Pattern Lab demo site: http://demo.patternlab.io/.

2 The IBM Design Guidelines: http://www.ibm.com/design/language/framework/animation/introduction.

Chapter 12: Animating Responsibly

1 Why iOS 7 Is Making Some Users Sick: http://rfld.me/1NaRh9X.

2 Types of Vestibular Disorders: http://rfld.me/1V4n5jx.

3 Marissa Christina on The Big Web Show: http://rfld.me/1qVoGMn.

4 The Weird, Terrifying Physics of iOS 7: http://rfld.me/1Qa2L8b.

5 The A11Y Project: a11yproject.com.