Add-to-Cart Button Design Best Practices [Infographic]

This infographic from Volusion compares the add-to-cart buttons of 50 leading ecommerce retailers in order to see what design trends and possible best practices emerge. Here are the key takeaways from the infographic:

  • Most popular button color: orange (32%), followed by blue (24%), and then red (20%)
  • Most popular button shape: rectangle with rounded corners (64%)
  • Average button size: 144px x 34px
  • Most popular wording: Add to Cart (54%), followed by Add to Bag (28%)
  • Icon use: 62% of sites did not use an icon

It's interesting to see that the results of Volusion's study matched my own results when I compiled a giant collection of add-to-cart buttons, so it's safe to say that these best practices are not limited to the top 50 online retailers.

Add-to-cart button design infographic

Of course, your own mileage may vary, so if you're thinking of trying a new add-to-cart button style based on these findings, make sure you test it against your current version first.

Posted on: October 27, 2013 | 9 Comments

Recent Entries in "Infographics"

9 Comments Posted (Add Yours)

Excellent infographic. The add to cart buttons are very nice and simple and attractive. The word "cart" has gone viral in this trending ecommerce world!

Wonderful infographic! Ecommerce world has a lot to go!! Very nicely explained about getting conversion with lovely add-to-cart buttons!

Dare we say there is veritable progress in the n abercrombie fitch camisas ational goal to avoid defaulting on America’s debts? (Too bad the good doctors Rothman, Randy, and Südhof already won the Nobel Prize for Teamwork!) The Washington Post reports that “President Obama would accept a short-term increase in the federal bor

Well! You have shared excellent info graphic. I think you have great collection which show your hard work . I think the add to cart buttons are very nice and simple and attractive.

The sales associates here were nice and polite. However,http://www.louisvuitto http://www.louisvuittonc.com/ nc.com/, the security guards made me f http://www.louisvuittonc.com/ eel a little uncomfortable. They were following me around like I was going to steal something. There didn't seem to be a sales associate nearby, so I turned to the security guard and w

Post a Comment

*
*
 

Live Comment Preview

Subscribe

Subscribe to my RSS FeedSubscribe to my Web Design Blog RSS Feed

Categories

Proud member of 9rules network