I noticed that on Etsy, when you mouse over products after conducting a search, two buttons display in the upper right hand corner to either "heart" the product or add the product to a list. How effective would that kind of interaction be with an add to cart button?

  • This is one of many cases where you need to fail gracefully. Apart from touchscreen-only devices loading the desktop version of the site, some "appear-on-mouseover" features are implemented badly enough to be hard to catch (e.g. the straight line from the mouseover item to the item you want to click triggers something else -- quite common on mouseover menus) – Chris H Dec 22 '15 at 11:57

For a retail site, I would consider "Add To Cart" to be a piece of core functionality. Implementation of core functionality should not magically appear and disappear. While it seems relatively clear in your description, I think this can be confusing to users. If they have not hovered over an item yet, there will not have been an "Add to Cart" button/link available to them at all.

| improve this answer | |
  • That is a fair point. However, you will also note on the Etsy site that there is no add to cart button to be found at all on their page. – Ari Jun 12 '15 at 18:43
  • I never said I liked their site design ;) However, I have purchased from them, so I guess it didn't turn me off too much. – cdkMoose Jun 12 '15 at 18:45
  • Agreed, in addition, remember that mobile devices don't have hover states! – Phillip Quintero Jun 12 '15 at 18:57
  • Definitely. I am annoyed to no end by websites that implement menus based on hover. Worthless on my phone – cdkMoose Jun 12 '15 at 19:02

I suggest to put the category name above the filters and orders button. In this way is more clear that all content below the category belongs to the selected category (proximity). In addition in this way you can put a label in the order dropdown to make it more clear.

| improve this answer | |

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.