Animate CTA to bring attention?
I'm talking here about a small, not intrusive animation, "pulse" like https://codepen.io/FlorinPop17/pen/drJJzK or something similar, running every 5 seconds or so.
My guess is - since I did not see anything like this on any major landing page I can recall I shouldn't do it as well but would love to hear some opinions.
Trending on Indie Hackers
I think it also depends on the animation. Subtle is the key. Because It's been demonstrated that people tend to avoid flashy elements, due in part to the long conditioning effect caused by animated banners trying to get our attention.
I would be super interested to get more specific data, (ie. AB testing) comparing this on CTA buttons, though.
I think it's a matter of contrast. As long as there is enough contrast with the surrounding elements (in terms of color / size / shape) you'll be good. For example, I use a black CTA on my app (which is a no-go in terms of UI usually...), but it works because it's surrounded with white / light elements.
In the same way, if the CTA is in a very static and "boring" area, then adding a light animation would bring more contrast to it. I think you could give it a try.
Makes sense. Thank you!
The color wave effect was stunning @mradzikowski! Did you code it yourself?
Also, I personally think that animated CTA's give life to the interface. I've personally done it for a lot of my design clients before and they have given us pretty good results as well.
No, it's just an example I found ;-)
Thanks for the info. Could you share any live example of a page with such animated CTA?
Although can't share client projects due to confidentiality agreement :( but a small look might be on my product https://ruttl.com/ website.
The arrow animation (although not exactly super animate) might be a good example I think.