Navigate back to the homepage

How to make my CTA more visible?

Dimitris Raptis
June 25th, 2020 · 1 min read

For many websites, especially e-commerce and landing pages, call to action elements are a key to sales, traffic, and success.

The call to action element is a key element on a webpage, acting as a signpost that lets the user know what to do next. Without a clear CTA, the user may not know the next steps to take to purchase a product or sign up for a newsletter and is likely to leave the site without accomplishing their task.

In this example, we test an interesting case study with iCoupon Blog page. The iCoupon Blog is a coupon website that provides coupons and rebates for different services and products. Thus, the call to action button “Use Coupon” is extremely important for user conversion.

first

Our objective is to test whether having a large Secure icon in the sidebar would help with the conversion rate. The ICoupon Blog team thought that the icon would help, because it would push down other (distracting) text in the sidebar.

Old Attention Map
🔗View example prediction

By examining the generated Attention Map, it’s obvious that the main call to action button gets a great amount of attention but the Secure button is one of the most prominent parts of the page too. Their team had some user testing done and noticed this artifact too. So they thought by removing it, they’d help focus the user on what they wanted them to push.

They found that the variation without the secure icon had over 400% improvement on conversions as compared to having the image. This is obvious and logical since the AOI formed around the Call to Action element justify an increase in user attention for the ‘Use Coupon” button.

The whole testing process took valuable time and had to sacrifice possible leads. By using VisualEyes, the beforementioned user test would require 10 seconds and would have exactly the same effects.

👇 The VisualEyes’ example project 👇 (or open in a new tab)

More articles from VisualEyes

How to perform an A/B test in a live website?

How to perform an A/B test in a live website?

June 25th, 2020 · 2 min read

Post-mortem of Uber's landing page redesign

For many websites, especially e-commerce and landing pages, call to action elements are a key to sales, traffic, and success. The call to…

June 25th, 2020 · 1 min read
© 2019–2021 VisualEyes
Link to $https://www.visualeyes.design/?ref=blog-footerLink to $https://twitter.com/visualeyeshq?lang=enLink to $https://www.instagram.com/visualeyes_hq/?hl=enLink to $https://dribbble.com/VisualEyesHQ