E-commerce Design Tips: When call to action buttons matter

When we say “call to action buttons”, we refer to any elements of a page that prompt any kind of action of the user. Of course, there are some actions that are more desirable than others, for example you will prefer your visitors to click on the “ADD TO CART” button, rather than clicking on “follow us on Twitter”. That’s what we (user interface designers) have to pay attention to: not all call to action buttons are the same. As your buttons could significantly impact your customers’ behavior it is imperative to get it right!

Here’s a list of pointers to take into consideration if you are planning to improve your click-through rate:

- Try wth different button shapes. Sometimes breaking the norm can get the users attention.
- Contrast buttons colors against it’s backdrop.
- Use bold, clear text and great typography.
- Humor is good. Also informative taglines or references.
- Make your button clickable and irresistible!
- Introduce design elements like highlights, drop shadows, borders, indents, textures, patterns... these can make your button stand out.

Contrast of colors
Make the button stand out by using a color that makes a real contrast with the background. Make it brighter than the background, use colors that are attractive and that look good on top of the color used for the background.

Simple works
Specially in the e-commerce world, simple messages always work. There’s no need to get to creative when working on a “Add to Cart” button. Just place it in the correct place, make it stand out and give a clear instruction.

Try new shapes
When there are “too many things going on” a page, try using shapes different to the norm. The shape you use, together with the tools (highlights, shadows, etc) you choose, will make your button stand out from a busy background.

Hope you found these e-commerce design tips helpful. If you need help with your website or you are interested in getting some advise from the experts, contact us HERE!