Scent Trail of View Cart, Add to Cart and Proceed to Checkout Buttons
Tags: add to cart, checkout buttons, view cart
Have you ever wanted to be able to have a collection of “view cart” or “add to cart” buttons and compare them to other buttons, such as “proceed to checkout” buttons? When we design a new website or a new web page for a multivariate test, we like to do our homework before we proceed, and this is how we ended up having a nice collection of buttons, primarily used during the checkout process of e-commerce websites.
What is it intriguing to me is not the design of the buttons it self, but the relationship between the buttons on each website: does the View Cart has a strong presence on the pages or it’s obscured by other designs elements and distractions? Or, does the Add to Cart attracts more clicks than a Buy Now button? I’ve tried to answer these questions in previous posts.
This week I’ve looked at something different: Is there any scent trail among these three buttons? Is it the same term used on the view shopping cart button and on the add to cart button? (i.e the word Cart used on both View Cart and Add to Cart buttons).
There is a scent. The word used on the “View” button is used again on the “Add” button on 92 out of more than 100 websites we’ve looked at. On the other hand there is no obvious color consistency for the “Add” and “Checkout” button. 58/102 will not keep the same color for the aforementioned buttons, while the rest, 46 will do. This behavior was expected, for several reasons: different emphasis on different elements, business rules and look and feel issues.
I would love to know what is your approach on the subject: do you keep the same look and feel on all buttons and what are the rules of thumb when conducting different designs.
Pitstop Media is a Vancouver based company, providing Internet marketing services. Need assistance with landing page optimization?.











