UX Writing: How to do it like Google with this powerful checklist
Guy Ligertwood

This was a great primer but I can’t hold in this pet peeve of mine. Apologies up front for the rant.

Writing for UX Planet — it should be no surprise that an identical screenshot of the UI with no clear indicator that it’s not the actual UI would cause confusion. We probably don’t need to do any eye-tracking to know that a duplicate but inoperable UI would impact users’ ability to use the page. I’ve personally clicked the fake heart more than once, not seeing the zoom cursor until it’s too late. Sorry to be a little blunt but I think UX designers should be held to a high standard when it comes to features that harm UX to the benefit of the creator.

The little blurb below it with a heart that thankfully doesn’t look the same as the actual heart should probably be enough of a nudge. I’d probably suggest just using that text block and not using the gif at all.