I’m back with another UI animation review episode for All The Right Moves! This time I’m reviewing five examples of sites that use animation well in their navigation. We’ve got animation that helps keep you oriented, animation that works well even with keyboard controls, animation that fits in thanks to consistent art direction, and more. There’s so much to talk about with navigation and animation, I might need to do a part two later on!
In this episode I review:
- Rally Interactive’s fancy keyboard accessible ribbon navigation.
- La Haute Societe’s cross-fading list and diamonds navigation.
- Nixon Watches using animation to help kepp track of their giant navigation.
- Orienting users to navigation state changes on Concrete Matter’s site.
- The nicely art directed motion of Stupid Studio’s navigation.
Thanks to Jules for suggesting Concrete Matter on Twitter! As always, I’d love to hear what you think. If you find these helpful or have a site you’d like me to review, let me know in the comments or on Twitter.
Don’t forget to check out the past episodes of All The Right Moves.
To learn more about web animation and using it in your own work, check out my course on CSS Animation and my UI animation resource page.
