Amazings Animation 1 Sharing

3 Responses

1. Pro Jon Gold

   excuse the GIF artifacts!

   3 months ago

2. Julius Tarng

   im, on principle, super against having controls shown on hover — doesn't afford the action at all. i don't think those 3 little blue stripes really clue me in to "hover and theres actions". maybe an icon or something (like 3 dots as an ellipsis) or something that suggests "more".

   i don't know anything about the product, but im assuming 'add to wishlist' is a big part of it. why is that hidden? should be up front and center.

   3 months ago

3. Pro Jon Gold

   Totally agree — some context: (here's the live version)

   - Initial request was to have a 'heart' button over the image like The Fancy & Airbnb.

   - The wishlist was a totally new feature rather than part of the core usecase - the site is a similar concept to Skillshare so the primary action on those little cards was to get people to book a class.

   - Clicking on the image takes you through to the class's profile page, so we really didn't want to obstruct the primary action with less important elements.

   - Looking at users' heatmaps and the way they clicked through to the profile pages we felt confident that the secondary actions would be 'revealed'.

   - On touch-enabled devices it displays inline

   - We needed a pattern that would work on different modules across the site* — we didn't want to keep redesigning how 'add to wishlist' and 'share' related to the image unit.

   *some icons seem to be missing from that module since I stopped working on the project, sorry about that.

   Really appreciate your comments (and it's generally a principle I agree with) :) Another point of reference; on Pinterest they only show primary actions on hover.

   3 months ago