Back in 2007, Get Elastic posted a handy collection of add-to-cart buttons along with some analysis of the label text and use of icons. I thought it would be useful to revisit this topic and so I gathered together over 200 add-to-cart buttons, including many from the top online retailers.

As you can see from the collection above, add-to-cart buttons come in all sizes and colors, with a selection of choices for button text. Let's see what trends emerge from all this variety.

Button Color

As far as color is concerned, add-to-cart buttons mainly come in red, blue, gray/black, green, orange, pink, or yellow.

Gray/black and red are the most popular color choices at about 20% of buttons, followed by green and blue at just over 15%. Regardless of the button color, white is the overwhelming choice for button text.

Button Shape

Buttons were all rectangular in shape, but when it comes to the finer details, rounded corners beat out square corners almost 2:1 in terms of popularity.

Button Text

Looking at the breakdown of button text, 'add-to-cart' is the runaway favorite with 56% of buttons opting for this label. It's worth noting that this is a largely US-centric collection, and that 'add-to-basket' is more common in the UK than in the US.

When it comes to writing button text, ALL CAPS is the favorite with 53% of buttons using this style of formatting.

Button Icons

The use of icons is almost a 50/50 split, although buttons without an icon are slightly more popular than those that use an icon of some sort.

For those buttons that do include an icon, a shopping cart is most popular (40%), followed by some type of arrow (28%).

Posted on: September 12, 2010 | No comments

Recent Entries in "Web Design"

• 12 Landing Page A/B Testing Results That Will Surprise You
• Smashing Magazine Book #3 "Redesign The Web" Reviews Roundup
• Design Patterns: When to Use and When to Break the Rules

Comments

Comments are closed for this entry.