Although not a designer I'm trying to make our site as user friendly as I can. In so doing I have heavily customized it.
Currently I have a "problem" with the cart and the user-menu.
The "problem" is that since the two buttons are so close together when a user is logged-in (only then the menu has a dropdown) and has a product in his cart, the cart dropdown menu overlaps with the usermenu dropdown when the user is moving his mouse between the two elements.
So currently I am pondering if I should:
- Remove the cart dropdown menu and make the user click to go to his cart (to the checkout page)
- Move the cart dropdown to the right so it does not overlap with the usermenu
- Leave it as it is.
This is a mockup as I image it.
Version 1 has no dropdown and with a tooltip informs the user that it can click to go to the checkout.
Pros: User when clicking goes to cart/checkout. This goes into the logic of "less clicks to go where you want"
Cons: May confuse users
Version 2: Has a slide-in sidebar with the cart
Pros: User has full info about the cart and what to do next
Cons: User has to click on X to close the sidebar if he want to continue to browse, or click on "checkout" to go to the cart.
Any feedback would be greatly appreciated.