UX and UI Animations Round up 01
User Experience and User Interface design has come a long way from its humble beginnings in the late 70s and early 80s with the introduction of Graphical User Interfaces (GUI). From the Xerox PARC, the first computer to use the desktop metaphor and mouse-driven graphical user interface, to Apple Lisa and Macintosh operating systems all the way to the current versions of Windows, Mac OS X, iOS and Android, to name a few, there has been a notable shift towards animation especially in mobile and web interaction.
No longer do we think of user interfaces as static design elements but we have come to expect animations, be it transitions from section to section or simply to guide us through a product or service, it is often these factors that help shape our experience and first impressions of a digital product. Subtle animation not only has the power to lead a user through a product but it also has the power to improve the overall user experience be it helping to increase engagement, easing orientation, providing instant feedback to the user and providing a focal point to direct the user’s attention, animation is not only beautiful but it also helps build and sustain meaning and context.
As Steve Jobs said, “It’s not just what it looks like and feels like. Design is how it works.” It is important to always consider how animation can aid a product, not only considering what a product looks like and how it feels but also how the animation will help the user intuitively engage and navigate within the product or app whilst always maintaining a balance, animation should not detracted the user from the task at hand – subtly is the key!
With this all in mind we have put together a round up of some UX and UI Animations from across the web. Enjoy.
Creativedash – www.creativeda.sh
A San Francisco based design studio with a focus on creating emotional connections between users and products.