Take the following example of an animation in a webstore.

Selecting a whine will make it float and it will fly to your "bag" when clicked "add to cart"

Say you have to write an Interaction Design document about this. I would imagine it would look something like this (VERY simplified of course):


"As a customer, I can add a wine bottle to my cart, so I can buy it"


  1. Move the mouse over the wine bottle
  2. Click the "Add to Cart" button
  3. Result: Wine bottle is now in the "My bag" section


Basic mock-up

But where/when do I describe the fact that the bottle will float when the mouse hovers over it, and visually moves to the cart box when "add to cart" is clicked? I don't see it as part of the Story/Case/Mock-up at all.

  • Rewrite of ux.stackexchange.com/questions/121592/… since people seem to refuse to re-open it with the changes i made to it – DennisW Aug 13 at 10:03
  • Is there a reason why you can't add another section? Something like "Implementation Requirements", or "Interaction Details", etc. where you can detail specifics about how exactly things should work – musefan Aug 13 at 10:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.