Using transitions and animations can be costly in terms of page performance and productivity. However, when used properly and with the right purpose, transitions and animations can enhance the user experience.
Use animations and transitions to:
- Show acknowledgement that the system has received the user’s action
- Give the users the required time to understand the change
Credit: Tamino Martinius
- Inform the user of the results
- controls that need action (shake animation for incorrect passwords, or for Save buttons when many changes have already been made)
- new notifications
- demonstrate relationship between elements
- guide the eye to see where new objects or screens come from upon its reveal and where the previous object/screen (so that the user can access it again).