The following websites have dropdown carts:


In my opinion they work well. Once filled by the user hovering the basket link and the cart appears until the hover away. I am thinking of making the same but rather than hover, they click their basket and it appears - the basket box does not move until they click close button.

Why? It makes the user interact - they have to move their mouse, press the close each time; It is my opinion that this makes them feel as if they are in control of the shopping experience and it creates better conversions and more sales. Is this a correct assumption? Should such carts be given a close button or is the hover-to-close option more usable?

See my before and after examples.

enter image description here

  • That last statement is a pretty bold one, I don't think it's that easy. Aug 30 '12 at 10:00
  • 1
    I've edited your question because it wasn't really a question it was more a statement that you wanted people to agree with. This edit shows that you have seen one implementation method and are considering going with an alternative option that you are not sure is preferable rather than just stating that your option is the best up front.
    – JonW
    Aug 30 '12 at 10:31

Having to keep closing boxes can be annoying.

  1. When the user adds to cart the box should appear and have it delay for about 1.5sec
  2. If the user hovers over the BASKET button have the cart slide down - if they move their mouse away from the BASKET link button hide the cart.
  3. If the user hovers over the BASKET button have the cart slide down - if they stay within the cart box
  • 3
    Where do you get your timings from? Why should it slide in/out rather than fade in / out? This comes across as your own personal preference rather than a specific user preference.
    – JonW
    Aug 30 '12 at 14:56

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.