A small analysis of trends in the design of the buttons "Add To Cart" ("Add to Cart")
In 2007, the site “Get Elasic” published an interesting selection of “Add to Cart” buttons from various online stores, accompanied by some analysis of the inscriptions and the appearance of the buttons. I decided that it would be useful to refresh this topic. More than two hundred “Put in the basket” buttons were collected, including from the sites of the most popular online merchants.
Buttons "Put in the basket"
As you can see in the picture above, the “Add to cart” buttons come in any sizes, colors, with a variety of inscriptions. Let's see what trends can be identified.
')
The following colors are typically used for highlighting buttons: red, blue, gray / black, green, orange, pink or yellow.
Gray (or black) and red are the most popular choices — fractions of about 20% each, followed by green and blue - more than 15% each. Regardless of the color of the buttons, inscriptions are most often made in white.
Gray / Black - 19.70%
Red - 19.70%
Blue - 16.26%
Green - 15.27%
Orange - 11.33%
Another - 6.90%
Pink - 6.40%
Yellow - 4.43%
The colors of the buttons "Put in the basket"
All buttons have a rectangular shape, but if we talk about more subtle details, rounded corners beat straight lines in the competition for popularity in the 2: 1 ratio.
Rounded corners - 63.41% (Rounded Corners)
Right angles - 36.59% (Square Corners)
The style of the corners of the buttons "Put in the basket"
Take a look at the statistics on the inscriptions. "Add To Cart" is the undisputed favorite with a share of 56%. It should be said that the collection mainly presents websites oriented to the USA, while in Britain “Add To Basket” will be much more popular than in the states.
( From the translator: The text of the inscriptions was not translated so as not to cause confusion. For the Russian-speaking Internet, the terms and numbers will be very different.)
The text on the buttons "Put in the basket"
When it comes to the register in which the text is typed, then "all capital" - are the most popular with a share of 53%.
All caps - 53% (ALL CAPS)
Mixed type - 39% (Mixed case)
All lower case - 8% (lower case)
The register of the text on the buttons "Put in the basket"
The camps for and against the pictograms are almost equally divided, but the buttons without pictograms are still slightly more popular than the buttons with pictograms of one sort or another.
No pictogram - 52% (No Icon)
With icon - 48% (Icon)
Using the icons on the buttons "Put in the basket"
The pictogram is the most popular image of the shopping cart (40%), followed by a variety of arrows.
Shopping Cart - 40% (Shoping Cart)
Arrow - 28% (Arrow)
Plus - 15% (Plus Symbol)
Bag / Basket - 14% (Bag / Basket)
Other - 3% (Other)
Types of icons on the buttons "Put in the basket"
UPD from the translator: In the comments it was indicated that there is a lack of a picture of the most typical, standard button that combines the most popular features. Correcting the flaw:
Here they are - our “Miss Popularity”: red, with rounded corners, with the inscription “ADD TO CART” (all capital letters) and without pictograms.
Buttons "Put in the basket"
As you can see in the picture above, the “Add to cart” buttons come in any sizes, colors, with a variety of inscriptions. Let's see what trends can be identified.
')
Button colors
The following colors are typically used for highlighting buttons: red, blue, gray / black, green, orange, pink or yellow.
Gray (or black) and red are the most popular choices — fractions of about 20% each, followed by green and blue - more than 15% each. Regardless of the color of the buttons, inscriptions are most often made in white.
Gray / Black - 19.70%
Red - 19.70%
Blue - 16.26%
Green - 15.27%
Orange - 11.33%
Another - 6.90%
Pink - 6.40%
Yellow - 4.43%
The colors of the buttons "Put in the basket"
Button shape
All buttons have a rectangular shape, but if we talk about more subtle details, rounded corners beat straight lines in the competition for popularity in the 2: 1 ratio.
Rounded corners - 63.41% (Rounded Corners)
Right angles - 36.59% (Square Corners)
The style of the corners of the buttons "Put in the basket"
The text on the buttons
Take a look at the statistics on the inscriptions. "Add To Cart" is the undisputed favorite with a share of 56%. It should be said that the collection mainly presents websites oriented to the USA, while in Britain “Add To Basket” will be much more popular than in the states.
( From the translator: The text of the inscriptions was not translated so as not to cause confusion. For the Russian-speaking Internet, the terms and numbers will be very different.)
The text on the buttons "Put in the basket"
When it comes to the register in which the text is typed, then "all capital" - are the most popular with a share of 53%.
All caps - 53% (ALL CAPS)
Mixed type - 39% (Mixed case)
All lower case - 8% (lower case)
The register of the text on the buttons "Put in the basket"
Button icons
The camps for and against the pictograms are almost equally divided, but the buttons without pictograms are still slightly more popular than the buttons with pictograms of one sort or another.
No pictogram - 52% (No Icon)
With icon - 48% (Icon)
Using the icons on the buttons "Put in the basket"
The pictogram is the most popular image of the shopping cart (40%), followed by a variety of arrows.
Shopping Cart - 40% (Shoping Cart)
Arrow - 28% (Arrow)
Plus - 15% (Plus Symbol)
Bag / Basket - 14% (Bag / Basket)
Other - 3% (Other)
Types of icons on the buttons "Put in the basket"
UPD from the translator: In the comments it was indicated that there is a lack of a picture of the most typical, standard button that combines the most popular features. Correcting the flaw:
Here they are - our “Miss Popularity”: red, with rounded corners, with the inscription “ADD TO CART” (all capital letters) and without pictograms.
Source: https://habr.com/ru/post/104394/
All Articles