Val Head is a designer and web animation consultant. She is the author of The Pocket Guide to CSS Animations and the forthcoming Designing Interface Animations. She hosts the All The Right Moves screencast, cohosts the Motion and Meaning podcast, and curates the UI Animation Newsletter.
Also from this author
“How your brand moves tells its story.” In this excerpt from her new book, Designing Interface Animation: Meaningful Motion for User Experience, author Val Head focuses on how motion can help bring a brand to life and make it memorable.
Earlier this week, we learned about designing safe animations for those living with motion sensitivity. Today, Val Head shares additional resources for creating more accessible animations.
For millions of people with vertigo and inner ear problems, large-scale web animations can trigger nausea, migraines, and dizziness. To make websites accessible for everyone, we don’t need to eliminate animation; we need to apply it more thoughtfully. Val Head walks us through some of the challenges posed by vestibular disorders and provides guidelines for designing with motion sensitivity in mind.
The words “web animation” make many of us search frantically for the “skip intro” button, but adding motion to our work can be meaningful and functional—when we find the right circumstances. Animation can provide cues, guide the eye, and soften the sometimes-hard edges of web interactions. Val Head shows you how CSS makes it possible.