Creating an animation and interaction stylguide

extending to the animation aspect of a style guide that we have already built for our ecommerce website and app, What area's of the UI do you need to look at.

These are currently what I could break it down into 3 things

  • Transitions when the user moves between different screens, do they slide in from the side, or do they fade in

  • Spatial Model the overall mental model of space the app is built on. how things gel together, does the user navigate across or dive deep. is there friction, magnetism or bounciness?

  • Micro interaction e.g. when a product is added to cart, the icon changes state, or when incorrect info is entered the text box turns red

Am I missing out on anything here? is this the right way to go about building animation for a style guide