After designing layouts for multivariate tests, I ended up with a nice collection of CTA buttons, primarily used during the checkout process for e-commerce websites.
What is more interesting to me is not the buttons’ design itself, but how these buttons can influence conversion rates. Does the View Cart has a strong presence on the pages, or is it obscured by other design elements and distractions? Or, does the Add to Cart button attracts more clicks than Buy Now?
This week I analyzed something different: Do online retailers keep the look and feel of these three buttons consistent? Is it the same term used on the view cart button and on the add to cart button? (i.e the word Cart being used on both View Cart and Add to Cart buttons). It seems like most of them do.
The word used to describe the cart (either Cart or Basket) on the “View” button was carried on to the next CTA button (i.e. “Add to …”) on 92/102 websites I’ve analyzed. On the other hand, there is no obvious color consistency for the “Add” and “Checkout” buttons. 58/102 will not keep the same color for the aforementioned buttons.
I would love to know what is your approach. Do you maintain the look and feel on all primary/secondary CTA buttons? If no, why not?
Here’s the collection: